Kategori-adskillere i menuen: linjer, hvidt rum eller farveblokke?

Et meze hus med 26 borde i tyrkiske Cesme adskilte sine digitale menukategorier med tynde graa linjer. Ved at erstatte dem med 24 pixels hvidt rum steg tid paa siden 22 procent og scroll-adfaerden blev maerkbart mere rolig. Den valgte adskiller paavirker direkte gennemsnitsregningen.

Tre typer adskillere og deres psykologi

Linjer ser minimalistiske ud men hjernen laeser dem som barriere, hvilket udloeser en mikropause. Hvidt rum giver vejrtraekning og grupperer via Gestalt-naerhed. Farveblok er det staerkeste signal og skal forblive sjaeldent.

Material Design 3 reserverer linjer til taette datatabeller; i menuer boer 16 til 32 pixels hvidt rum vaere standard.

Hvilken adskiller til hvilken kategori?

Med kun et koekken er hvidt rum nok. Med flere koekkener eller hierarki hjaelper farveblokke — maks. tre toner.

• Hvidt rum 24-32 px: mellem retter i samme kategori.
• Haarlinje 1 px opacitet 0.1: til undergrupper.
• Farveblok: kun til hovedkategorier.

A/B-data og scrollmoenstre

Den fire ugers A/B-test viste 18 procent mere scrolldybde paa hvidt-rum-varianten; sessionstid 52 -> 64 sekunder, add-to-cart op 9 procent.

En cafe i Karakoy reducerede bounce med 14 procent via diskrete tematiske farveblokke.

FAQ

Kan jeg blande alle tre? Ja, med hierarki: blok oeverst, hvidt rum i midten, linje paa dybeste niveau.

Og dark mode? Hold linjeopacitet i 0.08-0.12.

Og tilgaengelighed? WCAG AA 4.5:1 kontrast og et ikke-farve-cue ekstra.

Var dette nyttigt? Del det.