Článek pro začínající návrháře, výzkumníky a analytiky UX/UI. Článek popisuje, jak přimět uživatele, aby si všimli a zapamatovali si nezbytné objekty na webu. A také jak nasměrovat uživatele nezbytným způsobem po webu, aby ušetřil čas a snížil úsilí vynaložené na hledání a co nejlepší rozhodování.
V roce 1933 provedla německá lékařka, psychologka a držitelka doktorského titulu Hedwig Von Restorff (HedwigIda Auguste von Restorff) na univerzitě v Berlíně sérii experimentů, během nichž odhalila vzor: člověk si lépe pamatuje předmět, který vyniká z řady podobných předmětů. Tato vlastnost lidské paměti se nazývá „izolační efekt“, lépe známý jako Von Restorffův efekt.
Restorffův experiment
Subjektům bylo postupně zobrazeno 10 malých karet. Každá karta byla zobrazena po dobu 1,5 sekundy (čas byl počítán metronomem). Každá karta obsahovala jeden objekt. Seznam deseti karet sestával z devíti podobných předmětů a jednoho jiného předmětu. Například 9 slov a 1 číslo nebo 9 čísel a 1 slabika. A tak dále u různých předmětů: slova, slabiky, písmena, interpunkční znaménka, čísla, symboly, barvy, fotografie a dokonce i názvy chemických sloučenin. Každému subjektu bylo zobrazeno několik z těchto seznamů. Subjekty pak byly požádány, aby si vzpomněly na objekty ze seznamů a zapsaly je na kousek papíru. Ukázalo se, že subjekty si dokázaly zapamatovat pouze 22% podobných předmětů a třikrát více (70%) různých předmětů. Pro lepší pochopení vyzkoušejte experiment sami. Chcete-li to provést, zkuste si za několik sekund zapamatovat níže uvedený seznam slov:
- Viz
- Myslet
- Do
- Sit
- Australian Echidna
- Learn
- Dát
- Číst
- Hrajte
- Pojďte
V souladu s efektem Restorff si určitě pamatujete frázi „Australian echidna“ a těžko si pamatujete všechna ostatní slova. Důvodem je, že fráze „australská echidna“ vyniká ze zbytku slov řadou parametrů:
- Echidna je podstatné jméno označující zvíře a zbytek slov tvoří slovesa označující action;
- Fráze je delší, protože se skládá ze dvou slov a zbytek slov z jednoho;
- Fráze je zvýrazněna tučně a zbytek slov je napsán pravidelným stylem, což vizuálně dává vyniknout
- Fráze je zvýrazněna růžovým pozadím.
Aplikování efektu Restorff v designu
Podobně lze izolační efekt aplikovat na design webových stránek. Můžete například zvýraznit objekt barvou, velikostí, polohou, rámečkem, stínem a dalšími technikami vizuálního zvýraznění. Tím bude objekt nejen viditelnější, ale také nezapomenutelnější. Vezměte prosím na vědomí, že v níže uvedeném příkladu není na webu poskytovatele internetu dom.ru žádný z tarifů nijak zvýrazněn, a proto si žádný z nich nepamatuje lépe než ostatní stejné tarify. A pokud si myslíte, že neexistují 3 takové tarify, ale 8, bude výběr ještě obtížnější.
Níže je uveden příklad zvýraznění tarifu ve správci úloh Asana, ve kterém je jeden z tarifů zvýrazněn barvou pozadí a barvou tlačítka. Mimochodem, projekt Asana založili v roce 2008 spoluzakladatel Facebooku Dustin Moskovitz a bývalý inženýr Justin Rosenstein. Dustin a Justin předtím pracovali na zvýšení produktivity zaměstnanců na Facebooku. A soudě podle dokumentu „Social Dilemma“ (The Social Dilemma, Netflix, 2020) Facebook velmi hluboce studuje psychologii uživatelů.
Dalším příkladem důrazu v designu je použití takzvaných motivačních spouštěčů nebo zarážek očí. Takto je implementován na webových stránkách online obchodu Detsky Mir. Zde je jeden z produktů v katalogu zvýrazněn oční zátkou označující slevu 37%, samotný kruh je ve znatelné červené barvě a je umístěn nad obrazem, takové zvýraznění je těžké přehlédnout. Cena je navíc zvýrazněna červeně, což je také umístěno ve žlutém kontejneru. Výsledkem je, že si uživatelé takový produkt v katalogu všimnou a zapamatují si ho ve srovnání s jinými produkty umístěnými poblíž.
V případě zarážek očí se doporučuje nepřehánět to, protože spousta zarážek očí nad každou položkou vede ke ztrátě účinku Restorff. Níže je uveden příklad katalogu zboží na webových stránkách internetového obchodu Svyaznoy, ve kterém má každý produkt velký a jasný „splátkový plán“, „sleva“, „trade-in“ a další a je také zvýrazněno jasnou barvou, velkou velikostí a tučnou cenou, plus přidán komentář „Cena akcií“. Díky tomuto přístupu je pozornost věnována všem objektům, takže žádný z nich není zvýrazněn ani zapamatován.
Zadní strana medaile
Při použití Restorffova efektu je důležité si uvědomit, že množství lidské pracovní paměti je omezené a čím více pozornosti je věnováno jednomu objektu, tím méně pozornosti zbývá pro ostatní. Analogicky k experimentu Restorff, ve kterém si subjekty pamatovaly 70% objektů, které vynikly, a pouze 22% těch, které nebyly. Proto je vhodné efekt Restorff aplikovat opatrně a záměrně. Pokud je na jednom místě a současně více důležitých objektů, pak byste možná neměli jeden z nich vizuálně zvýraznit, abyste nezbavili pozornost ostatních. Nebo naopak zvýraznit všechno, ale stejně a ne příliš nápadně. Níže je uveden příklad toho, jak je v katalogu internetového obchodu TsUM pod veškerým zbožím uvedena světle šedá značka „SPRING-SUMMER 2021“, která neumožňuje zvýraznit žádné zboží, ale zároveň naznačuje, že vše zboží pochází z nové kolekce z roku 2021.
Výstup:
Při návrhu používejte moudře izolaci. To umožní uživatelům všimnout si a pamatovat si nezbytné objekty na webu. A také vám umožní nasměrovat uživatele nezbytným způsobem, což ušetří čas a sníží úsilí vynaložené na hledání a přijímání nejlepších rozhodnutí.
Tento článek velmi stručně pojednává pouze o jednom způsobu, jak zlepšit uživatelská zkušenost. Pokud se chcete dozvědět více o designu UX založeném na behaviorální ekonomii, inženýrské psychologii a výzkumu UX, pak jsme speciálně pro vás sestavili elektronickou učebnici „Převod na steroidy“, která obsahuje mnoho podobných růstových bodů pro převod ve formě pohodlný design UX kurzu.
#UX
