Razdeliteli kategoriy v menyu: linii, belyy fon ili tsvetnoy blok?

V turetskom Cesme mezehauz na 26 stolikov razdelyal kategorii tonkimi serymi liniyami. Posle togo kak ikh zamenili na 24 piksela belogo fona, vremya na stranice vyroslo na 22 protsenta, a skrolling stal namnogo akkuratnee. Vybor razdelitelya napryamuyu vliyaet na to, skolko gost zakazhet.

Tri tipa razdelitelya i ikh psikhologiya

Linia kazhetsya akkuratnoy, no mozg chitayet ee kak baryer i delaet mikropauzu. Belyy fon daet vozdukh i gruppiruet po blizosti. Tsvetnoy blok — samyy silnyy signal, ego nuzhno ispolzovat ekonomno.

Material Design 3 ostavlyaet linii dlya plotnykh tablits dannykh; v menyu standartom dolzhno byt 16 do 32 px belogo fona.

Kakoy razdelitel dlya kakoy kategorii?

Esli kukhnya odna — dostatochno belogo fona. Esli neskolko kukhon ili ierarkhiya — pomogut tsvetnye bloki, ne bolshe trekh ottenkov.

• Belyy fon 24-32 px: vnutri odnoy kategorii.
• Liniya 1 px prozrachnost 0.1: dlya podgrupp.
• Tsvetnoy blok: tolko dlya glavnykh kategoriy.

Dannye A/B i pattern skrolla

Chetyrekhnedelnyy A/B test pokazal 18 protsentov bolshe glubiny skrolla u varianta s belym fonom; srednyaya prodolzhitelnost sessii vyrosla s 52 do 64 sekund, a add-to-cart na 9 protsentov.

Kafe v Karakoy snizilo bounce na 14 protsentov akkuratnymi tematicheskimi tsvetnymi blokami. Pri pravilnom dozirovanii bloki rabotayut.

FAQ

Mozhno li smeshivat vse tri? Da, no s ierarkhiey: blok sverkhu, belyy fon poseredine, liniya na samom glubokom urovne.

A v temnoy teme? Soblyudayte prozrachnost linii v diapazone 0.08-0.12.

Chto naschet dostupnosti? Kontrast WCAG AA 4.5:1 i dopolnitelnyy nekhromaticheskiy signal.

Было полезно? Поделитесь.