it-swarm-eu.dev

Použití nebo nepoužití „Zebra Stripes“ nebo alternativních barev řádků pro tabulky

Existuje nějaký výzkum, který ukazuje, zda střídání barev řádků u tabulky zvyšuje nebo ztěžuje čas potřebný k analýze informací? Příklad najdete na následujícím místě:

enter image description here

Obecně se mi zdá snadné přiřadit vstupní pole k názvům řádků, pokud je tabulka správně naformátována. Nejsem si tedy jistý, zda střídání barev skutečně přispívá k uživatelské zkušenosti, ale myslím, že vidím, proč je to stylisticky přitažlivé.

90
sklein

Jessica Endersová napsal článek o A List Apart o třech studiích, které provedla, aby určila, zda jsou „pruhy zebry“ užitečné.

První studie, popsaná v dřívější článek , testovala schopnost uživatelů číst a interpretovat data v jednoduché tabulce. Druhá studie byla podobná první s vylepšenou metodologií. Třetí studie se pokusila zjistit, zda uživatelé mají tendenci mít subjektivní preference pro pruhované tabulky.

Doporučení

Výsledky dosud provedených tří studií naznačují, že nejbezpečnější možností je zastínění střídavých jednotlivých řádků tabulky jednou barvou. Tento přístup pravděpodobně zajistí, že:

  • výkon úkolu je lepší nebo alespoň horší než u jiných stylů tabulek a
  • estetické citlivosti a subjektivní preference většiny vašich uživatelů jsou ošetřovány.

Pokud pruhování zebry tohoto typu nelze snadno provést, pak další nejlepší volbou může být rozhodování o linii mezi jednotlivými řadami.

Aktualizace : Nenechte si ujít odpověď Filipe Hoffy níže.

73

U tabulek na obrazovce si myslím, že je nejlepší mít nemístné tabulky, ale zvýraznit celý řádek pod myší. Také by měla být zvýrazněna záhlaví sloupce, kterým myš ukazuje.

27
Lie Ryan

Ne. Nepoužívejte pruhy zebry.

Dovolte mi citovat Edward Tufte :

Opět je to vyřešený problém, s příklady v Envisioning Information, kapitola 3. Proužky jsou pouze byrokratické nebo návrhářské grafy; dobrá typografie umí vždy uspořádat stůl, není potřeba žádných pruhů.

- Edward Tufte https://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001IV

Pokud se chystáte používat barvy, udělejte barvy smysluplnými. Proč je tento řádek tmavý? Proč je tento řádek lehčí než ostatní? Měl by existovat jiný důvod než „tato čára se stala po této druhé“.

https://i.imgur.com/ZY8dKpA.gif

Kdo nepoužívá pruhy

Kdo používá pruhy

Čistý výsledek

  • Projekty s více miliardami uživatelů zřejmě nevybírají žádné pruhy. Buďte jako oni :)
12
Felipe Hoffa

Pro velké datové sady jsem fanouškem mírného přechodu pro každý řádek. Úhledná výroční zpráva, kterou jsem viděl před několika lety, se projevil střídáním barev dolních okrajů řádků jako # 333 až # 666.

+1 Lie Ryan za vznášející se efekt. Náš měřič času zvýrazňuje řádky na přechodu. Zachránce. A co víc, poskytuje další údaje v rozbalovací nabídce tipů na nástroje. Postupné vítězství v zapojení.

5
Benxamin

Cílem je usnadnit čtení a skenování dat. Proužky zebry jsou pouze jedním prvkem, který lze využít.

Často jsou zneužívány a stávají se nezdravými.

Navrhoval bych, aby se jednalo o poslední možnost. Pokud rozložení dat nemůže držet pohromadě v řádcích prohledávání řádků, pak hodit do pruhů. Ale začněte s nimi nesmírně jemně.

4
DA01

Nevím o žádném výzkumu v tomto oboru, ale pokud si v aplikaci Microsoft Excel vezmete řadu řádků a sloupců a porovnáte je s a bez střídavého pozadí, je moje zkušenost v tom, že je mnohem snazší zjistit, jaký sloupec je spojen s kterým řádkem, zejména pokud chcete data ze sloupce úplně vpravo a jako referenční použijete první sloupec (nejvíce vlevo).

3
Henrik Ekblom

Protože lidé snadno seskupují věci do skupin po 3-7 (v závislosti na člověku), vždycky jsem přemýšlel, proč jsou pruhy zebry spíše v řadě než v jednom svazku.

Také jsem našel zvýraznění při přechodu myší (nebo klikněte, pokud chcete podporovat dotykové obrazovky, jako jsou smartphony), aby byly užitečné - trochu jako pruh zebry, který vypadá, že vizuálně seskupuje konkrétní řádek, který vás v tuto chvíli zajímá.

Pokud se chystáte použít kterékoli z těchto vizuálních seskupovacích pozadí, oddělte je jako v obrázku, který jste zveřejnili jako příklad, přísné ne-ne. Vizuální rozpad pomocí polstrování buněk tabulky je otřesný.

3
Chris Moschini

Střídání barvy pozadí v řádcích pomáhá s přístupem pro uživatele, kteří mají problémy se zrakem. Jedním z příkladů jsou scotopic uživatelé, kteří bez správných barev nebo střídavých řádků mohou skončit čtením stejného řádku znovu a znovu mezi jinými problémy. Zde jsou některé z příznaků skotopického vidění:

  • Nepohodlí s rušnými vzory, zejména pruhy („vizuální stres“ a „oslnění vzoru“)
  • Nepohodlí s extrémními podmínkami jasného/tmavého kontrastu (tj. Podsvícení)
  • Nepohodlí nebo obtížné čtení (čtení zahrnuje zaneprázdněné vzory, zejména pruhy. Lidé se silnými příznaky syndromu považují za velmi obtížné číst černý text na bílém papíře, zejména když je papír mírně lesklý.)
  • Text, který vypadá, že se pohybuje (stoupání, pád, víření, chvění atd.) Ztráta obsahu textu a pouze vidění bílých řek v textu Slova pohybující se společně se stávají jedním nerozpoznatelným slovem

Tento seznam je zavádějící, když říká, že se jedná o pruhy, ale samotný text je „pruhy“ a pruhování v tabulce je vlastně to, co se rozpadá a usnadňuje čtení.

2
Brad Hutchison