Kategoria elvalasztok az etlapon: vonal, feher ter vagy szinblokk?

A torokorszagi Cesme 26 asztalos meze haza vekony szurke vonalakkal valasztotta el a digitalis etlap kategoriait. Amikor ezeket 24 pixel feher terre cserelte, az oldalon toltott ido 22 szazalekkal nott, a gorgetes pedig erezhetoen nyugodtabb lett. Az elvalaszto valasztasa kozvetlenul hat az atlagos szamlara.

Harom tipus es pszichologiajuk

A vonal minimalistanak tunik, de az agy akadalykent olvassa, mikroszunet keletkezik. A feher ter levegot ad es kozelseg alapjan csoportosit. A szinblokk a legerosebb jelzes, csak takarekosan.

A Material Design 3 a vonalakat suru adattablakra tartja fenn; etlapon az alapertelmezesnek 16-32 pixel feher ternek kell lennie.

Melyik elvalaszto melyik kategoriahoz?

Egy konyha eseten elegendo a feher ter. Tobb konyha vagy hierarchia: szinblokk segit — legfeljebb harom arnyalat.

• Feher ter 24-32 px: egy kategorian beluli tetelek kozott.
• Vekony vonal 1 px atlatszosag 0.1: alcsoportokhoz.
• Szinblokk: kizarolag fokategoriakhoz.

A/B adatok es gorgetesi mintak

A negy hetes A/B teszt 18 szazalekkal melyebb gorgetest mutatott a feher teres valtozaton; az atlagos munkamenet 52-rol 64 masodpercre nott, az add-to-cart 9 szazalekkal.

Egy karakoyi kavezo 14 szazalekkal csokkentette a bounce-ot finom tematikus szinblokkokkal.

GYIK

Vegyithetem mindharmat? Igen, hierarchiaval: blokk felul, feher ter kozepen, vonal a legmelyebb szinten.

Es sotet modban? A vonal atlatszosagat tartsd 0.08-0.12 kozott.

Es az akadalymentesseg? WCAG AA 4.5:1 kontraszt es egy szintol fuggetlen tovabbi jelzes.

Hasznosnak találtad? Oszd meg.