it-swarm-eu.dev

Použitelnost tabulky / čitelné písmo pro datovou tabulku

Jaké je nejlepší písmo pro datovou tabulku? Monospace je dobrá, ale zabírá více místa, takže mezi jednotlivými položkami nemůžete mít tolik mezery. Jaké jsou dobré zásady použitelnosti datových tabulek? Věci jako pruhování zebry atd. Zkusil jsem prohledat Alertbox, ale nic jsem nenašel.

12
Kevin Burke

MIL-STD 1472F Oddíl 5.14.3.5 má docela dobrou sekci o zobrazování tabulek v uživatelském rozhraní, i když by to mohlo znamenat nějakou aktualizaci pro moderní GUI. Zde jsou některé standardy a můj výklad označený odrážkou pro GUI:

5.14.3.5.4 Názvy. U tabulky, která zabírá více stránek, musí být záhlaví sloupců na každé stránce tabulky.

  • Pokud tedy uživatel musí posouvat, aby viděl všechny položky v tabulce, záhlaví zůstane vždy v dohledu (např. Vložením do nesouvislého divu nebo opakováním).

5.14.3.5.5 Horizontální prodloužení. Tabulky se nesmějí vodorovně rozdělit na stránky.

  • Je lepší mít vodorovné posouvání, pokud je záhlaví řádku (identifikátor záznamu) pevné, takže se neposouvá z pohledu.

5.14.3.5.6 Seznamy. Položky v seznamech jsou uspořádány v rozeznatelném pořadí, jako je chronologická, abecední, sekvenční, funkční nebo důležitá.

5.14.3.5.6.2 Svislé prodloužení. Pokud seznamy přesahují více než jednu zobrazenou stránku, poslední řádek jedné stránky by měl být první řádek na následující stránce.

  • Při procházení tabulky po celé délce rámečku klepnutím na stopu posuvníku by tedy měla být poslední řádka jedné plné rámečky první řádkou následující rámcové plné.

5.14.3.5.6.5 Svislé řazení ve více sloupcích. Pokud jsou položky v seznamu zobrazeny ve více sloupcích, musí být položky svisle seřazené v každém sloupci .

  • To by mělo platit pouze v případě, že je seznam plně zobrazen, aniž by bylo nutné posouvat.

5.14.3.5.10 Odůvodnění číselné položky. Uživatelé mají možnost provádět číselné zápisy v tabulkách bez obav o odůvodnění; počítač musí zarovnat celá čísla nebo zdůvodnit desetinná tečka, je-li přítomna.

  • To znamená, že desetinné místo všech vašich čísel by se mělo zarovnat, aby bylo možné snadno porovnávat.

5.14.3.5.11 Označování měrných jednotek. Jednotky zobrazovaných dat musí být důsledně zahrnuty do zobrazených štítků sloupců.

5.14.3.5.13 Podněty ke skenování sloupců. Musí být zachováno oddělení sloupců nejméně tři mezery.

  • To se překládá na přibližně 12 pixelů, přičemž se jako standard používá 12bodový Arial

5.14.3.5.14 Řádky skenování řádků. V hustých tabulkách s mnoha řádky se za skupinu řádků v pravidelných intervalech vkládá prázdný řádek. Bez vložení prázdného řádku by se nemělo zobrazit více než pět řádků.

Čitelnost písma pro tabulku je skoro stejná jako kdekoli jinde, takže byste pravděpodobně měli použít stejné písmo jako zbytek obsahu. Monospace písmu jako Courier New by se nemělo vyhýbat : čtení je pomalejší a v tabulkách s moderním značkováním to opravdu není důvod. Kromě toho čitelnost písma je komplikovaná , ale pokud zvolíte běžné „běžné“ písmo, jako je Tahoma, pravděpodobně uděláte dobře.

12
Michael Zuschlag

Myslím, že Segoe UI je dobré písmo, které lze číst i v menší velikosti.

1
Ravi

Nejlepší je použít bezpatkové písmo (například Helvetica nebo Verdana), protože je čistší než patkové písmo (například Times New Roman), a proto neznamená, že se tabulka zdá přeplněný. Proč? Serif používá dekorativní "feety" nebo kadeře, zatímco bezpatky ne. Byly provedeny různé studie, které měří, který typ písma má na obrazovce nejvyšší čitelnost, například „Vliv typu a velikosti písma na čitelnost a dobu čtení textu online staršími dospělými“ nebo „Dopad barevných kombinací textů na pozadí webové stránky a pozadí o čitelnosti, retenci, estetice a behaviorálním záměru “a bezpatkové jsou účinnější. Když je rozhraní nepřehledné, ovlivňuje to naše kognitivní zatížení, což nám ztěžuje pochopení tabulky.

I když jsem o tom neudělal statisticky významnou studii, zdá se, že lidé, které jsem požádal, si myslí, že bezpatkové patky v tabulkách jsou vizuálně příjemnější. (Musíte se zeptat (nebo udělat mozek, abyste si byli jisti) vaši cílovou skupinu, abyste se ujistili, že budou mít stejné zkušenosti.)

Pokud je něco vizuálně potěšující, ovlivní to vnímanou použitelnost tabulky. Existuje také silná korelace mezi estetikou a spokojeností a potěšením uživatele. Toto bylo studováno například v "A neuropsychologické teorii pozitivního vlivu a jeho vlivu na kognitivu. Psychologický přehled, 106, 529-550." Proč? - Protože některé z kognitivních vlivů pozitivní nálady jsou způsobeny zvýšenými hladinami dopaminu v frontálních kortikálních oblastech, které jsou důsledkem událostí vyvolávajících zvýšení nálady. Můžete si také prohlédnout studii „Posouzení rozměrů vnímané vizuální estetiky webových stránek“.

Našel jsem pouze jednu studii, která se snaží měřit rychlost a přesnost čtení mezi prostými tabulkami a tabulkami s pruhovanými zebry a zdá se, že mezi těmito dvěma není vůbec žádný žádný rozdíl . Viz úplnou studii zde

Nicméně lidé mají tendenci mít rádi tabulky se pruhovanými zebry lépe pravděpodobně proto, že to vypadá hezčí. (Viz výše uvedené odstavce, proč je to důležité)

Pokud generujete velmi dlouhé tabulky se spoustou sloupců, které lidé potřebují posouvat - , použijte pevnou hlavičku tabulky , aby lidé mohli vidět, co čísla znamenají, aniž by byli závislí na svých krátkých (velmi krátká) krátkodobá paměť.

0
Tony Bolero

Verdana je dobrá IMO. Má se číst na obrazovkách s nízkým rozlišením. Je snadno čitelný i při malých velikostech.

0
Elias Zamaria