Oddelovace kategorii v menu: cary, bily prostor nebo barevny blok?

Meze dum o 26 stolech v tureckem Cesme oddeloval kategorie digitalniho menu tenkymi sedymi carami. Po jejich nahrazeni za 24 pixelu bileho prostoru se cas na strance zvysil o 22 procent a chovani pri scrollovani se viditelne zklidnilo. Vyber oddelovace ovlivnuje vysi prumerneho uctu.

Tri typy oddelovacu a jejich psychologie

Cara vypada minimalisticky, ale mozek ji cte jako prekazku a vytvari mikropauzu. Bily prostor da dychat a seskupuje polozky podle blizkosti. Barevny blok je nejsilnejsi signal a mel by zustat sporadicky.

Material Design 3 vyhrazuje cary hustym datovym tabulkam; v menu by mel byt vychozim standardem 16 az 32 pixelu bileho prostoru.

Jaky oddelovac do jake kategorie?

S jednou kuchyni staci bily prostor. S vice kuchynemi nebo hierarchii pomohou barevne bloky — maximalne tri odstiny.

• Bily prostor 24-32 px: mezi polozkami v jedne kategorii.
• Cara 1 px pruhlednost 0.1: pro podskupiny.
• Barevny blok: pouze pro hlavni kategorie.

Data A/B a vzorce scrollovani

Ctyrtydenni A/B test ukazal o 18 procent hlubsi scroll u varianty s bilym prostorem; prumerna delka session vzrostla z 52 na 64 vterin a add-to-cart o 9 procent.

Kavarna v Karakoy snizila bounce o 14 procent diky decentnim tematickym barevnym blokum.

FAQ

Mohu vse tri kombinovat? Ano, s hierarchii: blok nahore, prostor uprostred, cara na nejhlubsi urovni.

A v dark mode? Udrzte pruhlednost cary v rozmezi 0.08-0.12.

A pristupnost? Kontrast WCAG AA 4.5:1 a doplnkove ne-barevne voditko.

Bylo to užitečné? Sdílejte to.