RSS Kanál

 

Flat Design plýtvá časem uživatelů

Minimalistický, čistý a prostorný Flat Design ladí oku grafiků už nějaký pátek. Webdesignéři jsou rádi za počty zakázek generovaných redesignem webů zákazníků. A vědci nyní potvrzují to, co je každému datovému pracantovi a hustomilci jasné: Flat Design je málo distinktivní, okrádá uživatele o čas a vydavatele a eshoppery o peníze.

 

Tlačítka typu ghost button v názorném příkladu (Zdroj: Superdevresources.com)

Konzultanti uživatelského prostředí a použitelnosti webů Nielsen Norman Group (dále jen NNG) se zaměřili na použitelnost webových prostředí užívajících Flat Design. V rámci metodologie rozlišili především podobu webů užívajících tzv. slabé označující a silné označující a jali se zkoumat rozdíly v uživatelské zkušenosti mezi nimi. A došli k závěrům, které by neměly nechat klidným žádného provozovatele webu či vydavatele obsahu.

NNG v rámci studie berou za silné označující (či znaky) prvky, které uživateli jednoznačně (a historicky) napovídají, k jakému účelu dané objekty na stránce slouží. Mezi ně patří modrý text, podtržené písmo či evidentní 3D tlačítko pro odkliknutí odkazu. Naopak za slabé označující NNG považuje odkazy, které jsou nastylované jako statický text na stránce či jako nevýrazné tlačítko (tzv. ghost button).

Metodologie v rychlosti

NNG prezentovali 71 uživatelům jednu ze silné/slabé verze 9 webů z oblastí e-commerce, neziskovky, hotely, cestování, technologie a financ s předem daným jednoduchým úkolem typu:

„Máte před sebou stránku hotelu. Rezervujte si pokoj. Upozorněte nás, až najdete prvek, na který byste klikli.“

Tyto úkoly měly pozornost uživatelů zaměřit na specifické prvky stránky, které se lišily právě v síle označení. NNG pomocí technologie sledování očních pohybů měřili počet fixací pohledu uživatele na stránce. A dále brali v potaz čas strávený vykonáním úkolu. 

Silná verze vlevo jasně soustředí nejvíce pozornosti směrem k požadované akci. Na slabé verzi webu pozornost od cílového odkazu kolísala nejen k okolním prvkům a reklamním objektům, ale i k menu v zápatí. Právě toto hledání v menu silně naznačuje, že uživatelé nebyli schopni využít hlavních navigačních prvků.
Silná verze vlevo jasně soustředí nejvíce pozornosti směrem k požadované akci. Na slabé verzi webu pozornost od cílového odkazu kolísala nejen k okolním prvkům a reklamním objektům, ale i k menu v zápatí. Právě toto hledání v menu silně naznačuje, že uživatelé nebyli schopni využít hlavních navigačních prvků.

Slabé označování: větší nároky na čas i pozornost

Výsledky byly jednoznačné:

  • průměrný čas k vyřešení úkolu byl signifikantně vyšší na slabě označujících verzích než na silně označujících verzích. V průměru potřebovali účastníci o 22 % více času k vyřešení úkolu při interakci se slabými označujícími; 
  • průměrný počet fixací pohledu byl signifikantně vyšší u slabě označujících verzí než u verzí označujících silně. Průměrně to bylo o 25 % fixací více.“
Slabě označující verze (vpravo) ukazuje z hlediska úkolů zbytečné se soustředění na záhlaví a titulky místo cílového odkazu Shop pearl, který naopak uživatele nejčastěji zaměřovali v silně označující verzi webu.
Slabě označující verze (vpravo) ukazuje z hlediska úkolů zbytečné se soustředění na záhlaví a titulky místo cílového odkazu Shop pearl, který naopak uživatele nejčastěji zaměřovali v silně označující verzi webu.

Co to znamená?

„Uživatelé při práci v designovém prostředí se slabými označujícími trávili více času prohlížením stránky jako takové a museli se dívat na více prvků dané stránky,“ vysvětluje Kate Meyer, specialistka UX z týmu NNG. „Jelikož byl experiment zaměřen na nalezitelnost prvků, je více času věnovaného rozhlížení se po stránce horší.“ Výsledky nepoukazují na to, že by uživatelé byli více zapojeni do konzumace obsahu. „Namísto toho naznačují, že se uživatelé usilovně snažili najít požadovaný prvek či prostě si nebyli jistí jeho funkcí, když jej poprvé spatřili.“ 

Zvýšená nejistota si funkcí kliknutého objektu vede u slabě označujících designů k tomu, že uživatelů občas klikají na nesprávné prvky - čemuž jsme se ve studii blíže nevěnovali. Náprava špatně zvolených odkazů může snadno ústit v potřebu ještě více času, neboť uživatelů si okamžitě neuvědomí svou chybu. Skutečné časové ztráty, ale i emocionální dopad zvýšené nejistoty jsou příkladem toho, jak průměrný design může poškodit vnímání značky.

Rizika Flat Designu

Při nasazování Flat Designu by nejen komerční subjekty měly zvážit tato rizika a jejich případnou eliminaci:

  • nízká rozlišitelnost objektů od pozadí; 
  • nízká informační jednoznačnost (slabé označování) prvků; 
  • nutnost náročného kontextového čtení místo jednoduché volby prvku; 
  • pomalá orientace v prostředí; 
  • větší podíl času věnovaného jen orientaci na webu na úkor interakce s obsahem webem samotným
  • nízký apel call-to-action; 
  • nižší zapojení uživatele -> nižší tržby
  • nízká přitažlivost pro jisté cílové skupiny (např. děti).

Flat Design přitom není jen rizikový. Naopak může dobře sloužit na jednoduchých stranách s nízkým počtem voleb, stačí když zachová vizuální jednoduchost, konzistenci, jasnou vizuální hierarchii a kontrast jednotlivých prvků. Slovy klasika: nenuťte uživatele přemýšlet.

Zdroje: Nielsen Norman GroupNielsen Norman Group

 

Daniel Beránek, 07.09.2017 19:04

 

 

 

 

Útok skrz CCleaner byl zákeřnější, než se zdálo

V minulých dnech bezpečnostní experti společností MorphiSec, Cisco Talos a Avastu zjistili, že CCleaner v5.33 byl kompromitován backdoorem. Ač sbíral a odesílal informace o napadených zařízeních, zdálo se, že byly útočné prostředky zneškodněny dříve,...

Vivaldi 1.12: více informací a přizpůsobení

Stabilní Vivaldi 1.12 už přináší nedávno otestovanou fičurku zpřístupňující veškeré možné informace o obrázkových formátech na webu. O maximalizaci informací se snaží i přepracovaný správce stahování. A to...

Avast zveřejnil detaily hacku CCleaneru

Avast jménem svého CEO Vince Stecklera a CTO Ondřeje Vlčka zveřejnil bližší informace týkající se hackerského útoku na CCleaner a jeho uživatele. Ty poukazují na to, že Piriform byl napaden už před akvizicí Avastem, napadený CCleaner byl uvolněn až měsíc...

Baba Jaga si to uloží na později aneb aktualizace prohlížeče Seznamu

Prohlížeč Seznam.cz aktualizoval na verzi 4.1.1 Baba Jaga. Koš s hejblátky téhle ježibabky se rozrostl o funkci uložení textů a videí na později. Jak tato funkce funguje? A bude její implementace stačit k získání dalších členů uživatelské základny? ...

 

 
© 2005-2017 PS Media s.r.o. - digital world