V předchozím článku jsme se zabývali teorií – pomocí základů psychofyziologie jsme zjistili, proč se krásná zdá být pohodlná. Dnes chceme hovořit o hlavních metodách, které pomáhají ovládat vizuální vnímání člověka.
< i> Tyto metody lze použít při návrhu rozhraní k upoutání pozornosti uživatele na správné okamžiky, podrobnosti a informace.
Metody jsou snadno škálovatelné – jsou stejně pravdivé pro kreslení ikon a navrhování velkých a složitých rozhraní. Zároveň však nejsou univerzální a nejsou vhodné pro „všechny typy úkolů“. Musíte si vybrat a použít přesně to, co je vhodné pro konkrétní účely.
„Magické číslo sedm plus nebo minus dva“
Existuje vzor, podle kterého krátké -term lidská paměť je jako pravidlo, nemůže pojmout a reprodukovat více než 7 ± 2 prvky. Pokud existuje více předmětů, osoba se vyhne vyřešení problému. Nebo to redukuje na jednodušší řešení.
Například pokud je v internetovém obchodě vydáno více produktových karet najednou na jeden požadavek, je vysoce pravděpodobné, že uživatel odejde, aniž by si cokoli vybral. Co když do rozhraní zapadne mnohem více objektů? Můžete apelovat na takzvanou geometrickou paměť, seskupovat objekty správně a nezapomenout na hranový efekt.
Geometrická paměť
Geometrickou paměť označujeme neustále a pro různé úkoly. Abyste mohli přejít silnici, musíte najít zebru očima a potom semafor. Pohled tedy směřuje na silnici, najde hledí a poté stoupá k semaforu.
Totéž platí pro rozhraní. Vezměme si nejjednodušší a nejznámější úkol: zavolat osobě. Nejprve odemkneme telefon, pak najdeme (nejčastěji v levém dolním rohu obrazovky) ikonu připomínající telefonní sluchátko (nejčastěji je to modrá nebo zelená) , najdeme telefonní číslo v seznamu nebo ve vyhledávacím poli, klikněte na tlačítko volání. Geometrická paměť vám pomůže nasměrovat oči na známé oblasti obrazovky a najít známé vzory.
Zákon paměti: hranový efekt
Zpět na seskupení objektů. Ale co dělat s objekty, když je jich hodně? Je zřejmé, že pokud potřebujete vybrat věc nebo produkt, bude to mnohem snazší udělat v malém vzorku. Hledání a filtry obvykle řeší tento problém v rozhraní.
Ale co když je po tomto kroku sortiment obrovský? Zde vstupuje do hry hranový efekt. Jedná se o rys vnímání, při kterém si člověk pamatuje počáteční a konečné prvky skupiny lépe a hůře – středně pokročilé. Uživatelé nemají čas se učit, kde co máte – informační design musí být jasně naplánován a promyšlen již ve fázi návrhu. Pokud návrháři umístí důležité objekty (reklamní bannery, produkty, odkazy, tlačítka) na začátek a na konec stránky, pak „okrajový efekt“ určitě bude fungovat. Dalším „životním hackem“ je rozdělení produktů do podskupin, rozdělení seznamu bannerem s jiným obsahem nebo přidání produktových stránek s odpovídajícím počtem produktů.
Větší důraz na vizualizaci dat
Infografika upoutá pozornost v jakémkoli designu. Jediným způsobem, jak efektivně prezentovat komplexní data uživatelům, je vizualizovat je. V rozhraní produktů, zejména komplexních, například bankovnictví, existuje spousta čísel, metrik, indikátorů a dalších rozmanitých a obtížně vnímatelných dat. Pokud však všechna tato data uspořádáte do přehledné infografiky, uživatel těmto datům rychle porozumí a bude moci snáze řešit své problémy. Výsledkem je, že budete s větší pravděpodobností používat svůj produkt.
Nebojte se vizualizovat data. I když se na první pohled zdá, že je to nevhodné, pak se ponořte do stylistiky a zvolte ten správný vizuál.
Návrh přístupnosti
Posláním návrhu přístupnosti je usnadnit lidem s postižením práci s digitálním produktem, a tím usnadnit každému práci s tímto produktem a rozšířit cílové publikum. Dobře vyvinutý vizuální kontrast, titulky, velká písma – u jakéhokoli druhu obsahu je třeba vzít v úvahu cestu uživatele se zdravotním postižením.
Všechny body interakce značky s klientem by měly být zohledněny a rozpracovány. Při práci na vizuálech produktů na to pamatujte a pokuste se vytvořit univerzálnější design pro různé skupiny uživatelů.
Gestalt Principles
Při správném a správném použití vám tyto zásady pomohou vyřešit problémy s UX i UI. Použijte je a postupem času si všimnete, že metriky obrazovek nebo stránek, které používají tyto principy, porostou.
Negativní prostor
Gestaltova teorie je založena na myšlence, že lidský mozek se pokusí zjednodušit a uspořádat složité obrazy nebo struktury složené z mnoha prvků, podvědomě uspořádávající části do organizovaného systému, který vytvoří celý obraz, a ne jen řadu různorodých prvků.
Naše mozky jsou navrženy takovým způsobem, že máme tendenci vidět strukturu a vzorce ve všem, abychom lépe a rychleji porozuměli prostředí. Pokud tedy necháme kolem našeho designu prázdné místo, mezery v obrázku vytvoří celek, který bude větší než součet jeho částí.
Podobnost
V principu Gestalt jsou podobné prvky vizuálně seskupeny bez ohledu na jejich vzájemnou blízkost. Mohou být seskupeny podle barvy, tvaru nebo velikosti. Podobnost lze použít k vzájemnému propojení prvků bez ohledu na vzdálenost mezi nimi.
Kontinuita
Lidské oko bude při sledování linek sledovat nejhladší a nejplynulejší cestu tažené. Toto pokračování může být cenným nástrojem, pokud je cílem nasměrovat pohled návštěvníka určitým směrem.
Dokončení obrazu
Princip je ten, že mozek vyplní chybějící kousky designu nebo obrázku, aby vytvořil souvislý obraz. Jednoduše řečeno, jedná se o složité tvary, které lze vidět na logu Adobe, Sun Microsystem, NBC, USA Network atd.
Blízkost
Tento princip odkazuje na to, jak blízko jsou si prvky navzájem. V designu UX se princip blízkosti používá k tomu, aby donutil uživatele seskupovat určité věci dohromady. Když to dáte dohromady, uživatelé to budou vnímat jako něco propojeného.
Tvar a pozadí
Podobné k uzavření Tenhle používá negativní prostor. Náš mozek bude rozlišovat mezi objekty v popředí obrazu. To je opravdu užitečné, když návrháři chtějí zdůraznit zaměření.
Samozřejmě to nejsou všechny metody, kterými můžeme řídit pozornost uživatele. Popsali jsme pouze základní přístupy, které mohou fungovat ve většině situací.
Pokud chcete více – vložte znaménko plus a my napíšeme další článek o tom, jak pracovat s vizuálním vnímáním uživatele 🙂
P.S. V závěrečné části článku na vás čeká pouze praxe – nástroje, díky nimž bude aplikace jednoduchá a srozumitelná. Jinými slovy, krásné a pohodlné zároveň.
Líbí se nám a sledujte nás zde i na Instagramu 🙂
