Don't Make Me Think

1. Nedělejte uživatele přemýšlet: Navrhujte pro intuici a jasnost

Pokud nemůžete udělat stránku samozřejmou, alespoň ji udělejte samozřejmou.

Intuitivní design je klíčový. Uživatelé by neměli muset zjišťovat, jak vaše webová stránka funguje. Každý prvek, od navigace po obsah, by měl být okamžitě srozumitelný. Když uživatelé narazí na něco nejasného, vytváří to kognitivní tření, zpomaluje je to a potenciálně je to může odradit.

Samozřejmé vs. samozřejmé. Ideálně by měl být váš design samozřejmý, nevyžadující žádné přemýšlení k pochopení. Pokud to není možné, zaměřte se na samozřejmé, kde uživatelé mohou rychle pochopit koncept s minimálním úsilím. To platí pro vše od popisků tlačítek po celkovou strukturu webu.

Snižte mentální zátěž. Odstraňte otazníky v myslích uživatelů. Udělejte volby zřejmé, používejte jasný jazyk a dodržujte zavedené webové konvence. Čím méně uživatelé musí přemýšlet o používání vašeho webu, tím více mentální energie mohou věnovat vašemu obsahu nebo produktům.

2. Weboví uživatelé skenují, nečtou: Optimalizujte pro rychlé pochopení

Nečteme stránky. Skenujeme je.

Skenování je normou. Většina uživatelů nečte webové stránky důkladně. Rychle skenují, hledají klíčová slova, fráze a vizuální nápovědy, které odpovídají jejich úkolu nebo zájmu. Toto chování je poháněno časovým tlakem, vědomím, že nemusí číst vše, a letitými zkušenostmi s „dostatečně dobrým“ shromažďováním informací.

Navrhujte pro skenery. Používejte techniky, které usnadňují skenování obsahu:

• Jasné, popisné nadpisy a podnadpisy
• Odrážkové seznamy
• Krátké odstavce
• Zvýrazněná klíčová slova
• Smysluplné obrázky a popisky

Dávejte důležité informace dopředu. Umístěte nejdůležitější obsah na začátek stránky a na začátek odstavců. Používejte styl obrácené pyramidy z žurnalistiky: začněte závěrem, pak poskytněte podpůrné detaily.

3. Vytvářejte jasné vizuální hierarchie a konvence

Konvence jsou vaši přátelé.

Vizuální hierarchie vede uživatele. Udělejte důležité prvky výraznější pomocí velikosti, barvy, umístění a bílého prostoru. Vizualizujte související položky. Používejte vnoření k zobrazení, co je součástí čeho. Jasná vizuální hierarchie pomáhá uživatelům pochopit vaši stránku na první pohled.

Využívejte konvence. Webové konvence se vyvinuly z nějakého důvodu – fungují. Uživatelé se naučili očekávat určité prvky na určitých místech (např. logo vlevo nahoře, vyhledávání vpravo nahoře). Držte se těchto konvencí, pokud nemáte velmi dobrý důvod nedělat to.

Vyvažujte inovaci a známost. Zatímco kreativita je cenná, nevynalézejte znovu kolo pro základní funkce. Známé vzory snižují kognitivní zátěž. Pokud inovujete, ujistěte se, že nový design je tak intuitivní, že nevyžaduje žádnou křivku učení, nebo přidává významnou hodnotu, aby ospravedlnil malou křivku učení.

4. Rozdělte stránky na jasně definované oblasti

Ideálně by uživatelé měli být schopni hrát verzi staré herní show Dicka Clarka $25,000 Pyramid s jakoukoli dobře navrženou webovou stránkou.

Odlišné zóny pomáhají pochopení. Rozdělení vaší stránky na jasně definované oblasti pomáhá uživatelům rychle rozhodnout, na které části se zaměřit a které ignorovat. To je obzvláště důležité vzhledem k tendenci uživatelů skenovat spíše než číst důkladně.

Udělejte oblasti okamžitě rozpoznatelné. Uživatelé by měli být schopni na první pohled identifikovat účel každé oblasti:

• Navigace
• Vyhledávání
• Obsah
• Reklama
• Brandingové prvky

Používejte vizuální design k posílení rozdělení. Používejte techniky jako bílý prostor, okraje, barevné pozadí a konzistentní stylování k vymezení různých oblastí. Tato vizuální organizace pomáhá uživatelům vytvořit si mentální model struktury vašeho webu.

5. Udělejte zřejmé, co je klikatelné

Protože velká část toho, co lidé na webu dělají, je hledání další věci, na kterou kliknout, je důležité udělat zřejmé, co je klikatelné a co ne.

Jasné affordance snižují frustraci. Uživatelé by neměli hádat, s čím mohou interagovat. Udělejte odkazy a tlačítka výrazné pomocí:

• Konzistentního stylování (např. podtržený text pro odkazy)
• Barevného odlišení
• Efektů při přejetí myší
• Tvarů podobných tlačítkům pro důležité akce

Vyhněte se falešným affordancím. Nedělejte neinteraktivní prvky vypadat klikatelné. To vytváří zmatek a narušuje důvěru ve vaše rozhraní.

Zvažte mobilní interakce. Na dotykových zařízeních udělejte cíle pro klepnutí dostatečně velké a vhodně rozmístěné. Poskytněte vizuální zpětnou vazbu pro klepnutí, aby byla potvrzena interakce.

6. Odstraňte rozptýlení a nepořádek

Zbavte se poloviny slov na každé stránce, pak se zbavte poloviny toho, co zbylo.

Fokus je klíčový. Každý zbytečný prvek na stránce soutěží o pozornost uživatele. Přeplněné designy ztěžují uživatelům najít, co hledají, a pochopit vaši zprávu.

Nemilosrdně editujte. Odstraňte:

• Zbytečná slova a obsah
• Redundantní navigační možnosti
• Čistě dekorativní obrázky
• Příliš složité rozvržení

Přijměte bílý prostor. Necítíte potřebu vyplnit každý pixel. Bílý prostor pomáhá organizovat obsah, zlepšuje čitelnost a dává důležitým prvkům prostor k dýchání.

Prioritizujte nemilosrdně. U každého prvku na stránce se zeptejte: „Podporuje to hlavní cíl této stránky?“ Pokud ne, zvažte jeho odstranění nebo zmenšení jeho významu.

7. Navrhujte efektivní navigaci: Udělejte ji snadno nalezitelnou a srozumitelnou

Webová navigace kompenzuje tento chybějící smysl pro místo tím, že ztělesňuje hierarchii webu, vytváří smysl pro „tam“.

Jasná navigace je klíčová. Dobrá navigace říká uživatelům, co je na webu, jak ho používat, a dává jim důvěru v tvůrce webu. Měla by být konzistentní napříč webem a poskytovat kontext, kde se uživatel nachází v rámci struktury webu.

Klíčové navigační prvky:

• Trvalá navigace (přítomná na každé stránce)
• Jasné názvy sekcí
• Odkaz na „Domů“
• Funkce vyhledávání
• Breadcrumbs pro hluboké hierarchie

Udělejte kategorie samozřejmé. Uživatelé by měli být schopni předpovědět, co najdou v každé sekci. Používejte jasné, popisné štítky a vyhněte se chytrým názvům, které by mohly být nejednoznačné.

8. Optimalizujte svou domovskou stránku: Jasný účel a snadné výchozí body

Domovská stránka musí vyhovovat všem, což je jako říkat „Kdokoli může parkovat zde“ o jednom parkovacím místě.

Komunikujte účel okamžitě. Během několika sekund by noví návštěvníci měli pochopit, o čem váš web je a co jim nabízí. Používejte jasný slogan a stručný vysvětlující text.

Zobrazte klíčové funkce. Udělejte zřejmé, jak začít nejdůležitější úkoly na vašem webu. Ať už jde o vyhledávání, vytvoření účtu nebo procházení produktů, tyto vstupní body by měly být výrazné.

Vyvažujte konkurenční potřeby. Domovské stránky často musí sloužit více publikům a obchodním cílům. Prioritizujte nemilosrdně a zaměřte se na nejkritičtější prvky. Odolejte pokušení propagovat vše.

9. Testování použitelnosti s omezeným rozpočtem: Udržujte to jednoduché a dělejte to často

Testování jednoho uživatele na začátku projektu je lepší než testování 50 na konci.

Pravidelné testování je neocenitelné. I malé, neformální testování použitelnosti může odhalit hlavní problémy. Snažte se testovat brzy a často během vývojového procesu.

Udržujte to jednoduché:

• Testujte s 3-4 uživateli na kolo
• Zaměřte se na hlavní úkoly a bolestivé body
• Používejte protokoly „think-aloud“ k pochopení myšlenkových procesů uživatelů
• Hledejte vzory napříč více uživateli

Rychle jednejte na základě poznatků. Cílem je zlepšit design, ne vytvářet složité zprávy. Po každém kole testování identifikujte nejkritičtější problémy a rychle implementujte opravy.

10. Přístupnost je důležitá: Navrhujte pro všechny uživatele

Udělat stránky samozřejmé je jako mít dobré osvětlení v obchodě: prostě to všechno vypadá lépe.

Inkluzivní design prospívá všem. Navrhování pro přístupnost nejen pomáhá uživatelům s postižením, ale často zlepšuje použitelnost pro všechny uživatele. Je to také stále důležitější pro právní soulad a etické obchodní praktiky.

Klíčové úvahy o přístupnosti:

• Poskytujte textové alternativy pro obrázky
• Zajistěte navigaci pomocí klávesnice
• Používejte dostatečný kontrast barev
• Vytvářejte logickou strukturu obsahu
• Udělejte formuláře přístupné

Začněte základy. I malé zlepšení přístupnosti může mít velký dopad. Zaměřte se na nejvýznamnější změny nejprve, pak postupně zlepšujte přístupnost v průběhu času.

11. Pište pro web: Stručně, skenovatelně a objektivně

Šťastné řeči musí zemřít.

Stručnost je klíčová. Weboví uživatelé mají omezený čas a pozornost. Odstraňte zbytečná slova, úvodní text a marketingové řeči. Dostaňte se k věci rychle a jasně.

Udělejte text skenovatelný:

• Používejte smysluplné nadpisy a podnadpisy
• Používejte odrážkové a číslované seznamy
• Zvýrazňujte klíčové termíny a fráze
• Používejte krátké odstavce a dostatek bílého prostoru

Buďte objektivní a přímí. Vyhněte se přehánění a nadsazeným tvrzením. Uživatelé jsou skeptičtí vůči marketingovému jazyku a ocení jasné, faktické informace. Nechte své produkty nebo služby mluvit samy za sebe.

Last updated: August 22, 2024