UX mýtus č. 13: Ikony zlepšují použitelnost

UX mýty jsou autorizovaným překladem původně anglické série, kde tento článek vydal Zoltán Gócza jako Myth #13: Icons enhance usability.


Mnoho výzkumníků prokázalo, že ikony jsou těžko zapamatovatelné a často značně neefektivní. Panel nástrojů v Microsoft Outlooku je dobrým příkladem: dřívější panel s ikonami byl špatně použitelný a změna ikon ani jejich umístění příliš nepomáhala. Co pomohlo bylo zavedení textových popisků vedle ikon. Ihned to opravilo problémy s použitelností a lidé začali panel používat. V jiné studii tým UIE zjistil, že lidé si pamatují pozici tlačítka namísto grafické interpretace dané funkce.

U většiny projektů je tvorba ikon velmi obtížná a vyžaduje hodně testování. U abstraktních věcí fungují ikony jen zřídka.

Výsledky výzkumů a články o užitečnosti ikon

  • UIE provedla dva experimenty, aby otestovala, jak lidé používají ikony. Nejdříve změnili motivy ikon v liště, ale nechali je na stejném místě. Lidé se rychle přizpůsobili. Poté motivy ponechali, avšak změnili jejich pozici v liště. Tato změna účastníky zmátla a způsobila jim problémy. — Orbitz Can’t Get A Date. V článku Did you move your users’ cheese? je pak o důležitosti umístění ikon více.
  • Michael Zuschlag říká že „ikony navzdory intuici nepomáhají uživateli najít položku menu oproti pouhému textovému popisku (viz Wiedenbeck S 1999. The use of icons and labels in an end user application program: an empirical study of learning and retention, Behaviour & Information Technology, 18(2), strany 68-82). Nemá to cenu.“ O svých názorech také diskutuje na UX Exchange.
  • Příběh nástrojového panelu v Microsoft Outlook: než byly k ikonám přidány popisky, běžní uživatelé tlačítka vůbec nepoužívali (s výjimkou tlačítka „Smazat“). Pak „Byly vyzkoušeny různé opravy: nové ikony, jejich přeuspořádání, zařazení ikon pod nabídky, ze kterých příkazy pocházely. Nakonec jedna změna způsobila totální obrat: popsání důležitých tlačítek. Téměř ihned se panely staly obřím hitem a každý, bez ohledu na znalosti, je začal používat.“ — The Importance Of Labels
  • Uživatelské pochopení ikony je založeno na předchozí zkušenosti. Vzhledem k neexistujícímu standardu většina ikon potřebuje k vysvětlení významu a snížení nejednoznačnosti také textový popisek. — Icon Usability
  • Nic neříká „spravovat“ jako „spravovat“. Jinými slovy v souboji o přehlednost mezi ikonami a popisky vždy vyhrají popisky. — Labels always win.
  • „Když pochybujete, vzpomeňte si: nejlepší ikona je textový popisek“.
  • Článek The Problem With Icons nabízí skvělý příklad, jak těžké je uhodnout význam ikony bez doplňujícího popisku.
  • 37signals oceňují MobileMe od Applu za výměnu ikony „vypnutí“ za popisek „Odhlásit“. — UI Sighting: Clear over clever on MobileMe
  • Don Normann říká, že „Nevyzpytatelnými ikonami jsou [Apple] zařízení posetá i přes to, že komunita výzkumníků již dlouho dokazuje, že si lidé zvládnou zapamatovat význam jen velmi malého množství ikon. Ikona s popiskem je lepší, než samostatná ikona nebo samostatný popisek. Kdo si zvládá zapamatovat, co všechny ikony znamenají? Já ne.“

Kde jsou ikony hodnotné

  • Univerzálně známé ikony fungují dobře (např. tisk, zavřít, přehrát/pozastavit, odpovědět, tweetnout, sdílet na Facebooku).
  • Ikony mohou fungovat jako odrážky a strukturovat obsah (např. ikony typu souboru pro PDF, Word, atd.).
  • Dobré ikony mohou zpříjemnit vzhled aplikace nebo webové stránky.
  • Přečtěte si o základech ikon od iA.