Obsah
Jednou z najvplyvnejších psychologických teórií v oblasti UX a interakčného dizajnu je teória Gestalt. Teóriu založili nemeckí psychológovia a slovo "Gestalt" znamená formulár alebo tvar Ako už názov napovedá, princípy Gestalt spočívajú v tom, že ľudia vnímajú skôr skupiny objektov ako vzory než jednotlivé objekty.
Existuje veľa článkov o princípoch Gestalt, ale nie veľa z nich vám pomôže pochopiť, ako ich uplatniť vo vašej práci dizajnéra UX/UI. Tento článok vám poskytne niekoľko nápadov, ako využiť princípy Gestalt na vytvorenie lepších návrhov UX a UI, ktoré pomôžu ľuďom dosiahnuť ich ciele s menším úsilím.
Pozri tiež: Ako vytvoriť animované intro YouTubeZákon podobnosti
Princíp podobnosti hovorí, že ak sú si objekty fyzicky podobné, máme tendenciu zoskupiť ich a predpokladajú, že majú rovnaká funkčnosť Napríklad na nasledujúcom obrázku je vďaka odlišnej farbe celkom ľahké odlíšiť riadok, ktorý obsahuje bordovo červené kruhy, od zvyšku obrázka.
Príklad princípu podobnosti. Foto: autor.
Pozri tiež: Stručná história spoločnosti DisneyPoužívanie podobnosti v dizajne UX a UI
Predstavme si, že vaša spoločnosť vyvinula aplikáciu s názvom "Il Mio Chef'', ktorú používajú milovníci talianskeho jedla v USA a Kanade (budeme ju používať po zvyšok tohto článku). V nedávnej správe, ktorú vám odovzdal váš výskumník UX, sa uvádza, že pokiaľ ide o objednávanie talianskeho jedla, používateľov najviac zaujíma, ktoré reštaurácie sú im najbližšie. Koniec koncov, všetci by sme chceli mať svojelasagne alebo pizzu doručiť, kým je ešte čerstvá a teplá, však?
Aby sme používateľom našej aplikácie uľahčili zisťovanie, ktoré reštaurácie sú k nim najbližšie, môžeme využiť princíp podobnosti zvýraznením týchto reštaurácií v používateľskom rozhraní. Na nasledujúcom obrázku môžete vidieť, ako zvýraznenie týchto možností žltou farbou (vpravo) prináša veľký rozdiel tým, že vizuálne zdôrazňuje rozdiel medzi najbližšími reštauráciami a tými, ktoré sú vzdialenejšie. Takto môžetemôžete využiť princíp podobnosti, aby ste používateľom pomohli rýchlo nájsť to, čo hľadajú.
Využitie princípu podobnosti Gestalt. Obrázok autora.
Zákon blízkosti
Princíp blízkosti hovorí, že objekty, ktoré sa nachádzajú blízko seba sa zdajú byť viac prepojené Napríklad na prvom a druhom obrázku je rovnaký počet kruhov. Na druhom obrázku sú však niektoré stĺpce bližšie k sebe a vytvárajú dojem, že namiesto jednej veľkej skupiny majú tri samostatné skupiny.
Blízkosť - príklad 1 - veľká skupina. Obrázok od autora.
Blízkosť - príklad 2 - tri odlišné skupiny. Obrázok od autora.
Používanie blízkosti v dizajne UX a UI
Uveďme si príklad z oblasti vizualizácie informácií.
Tentoraz si predstavme, že ste vedúci pracovník, ktorý chce zistiť, ako sa darí vašej aplikácii "Il Mio Chef". Chcete sa pozrieť na kľúčové ukazovatele výkonnosti, ktoré merajú finančnú výkonnosť, zapojenie používateľov a spokojnosť. Najprv váš špecialista na vizualizáciu informácií vytvorí nižšie uvedený panel, vďaka ktorému sa vy a všetci ostatní vedúci pracovníci strácate v číslach a kladiete si ešte viac otázok. Po jednom mesiaci mnohí z vásjednoducho prestaňte používať tento prístrojový panel.
KPI dashboard - Il Mio Chef. Obrázok od autora.
V tomto momente sa vrátite k svojej špecialistke na vizualizáciu informácií a požiadate ju, aby ľuďom uľahčila pochopenie celkového obrazu tým, že prepracuje dizajn informačného panelu. V tomto prípade sa hodí princíp blízkosti a nový dizajn môžete vidieť nižšie. Obsahuje tri skupiny rozdelené podľa typu KPI a pomáha každému pochopiť, ako si aplikácia vedie z finančného hľadiska.zoskupovanie objektov a používanie väčšieho bieleho priestoru medzi skupinami môže používateľom pomôcť rýchlejšie spracovať informácie.
Využitie princípu Gestalt blízkosti pri navrhovaní prístrojovej dosky. Obrázok od autora.
Zákon kontinuity
Princíp kontinuity hovorí, že keď oko začne sledovať nejaký objekt, bude pokračovať v sledovaní "pohybu" týmto smerom, kým nenarazí na iný objekt. Tento pohyb nám pomáha vnímať objekt ako súčasť tej istej cesty, ktorú musíme prejsť, aby sme našli informáciu. Obrázok nižšie ukazuje, ako môžeme využiť princíp kontinuity na vytvorenie takých vizuálnych vzorov, ktoré vedúoko v určitom smere.
Príklad princípu kontinuity. Obrázok od autora.
Používanie kontinuity v dizajne UX a UI
Váš výskumník UX predstavil novú správu, z ktorej vyplýva, že hlavnou motiváciou používateľov používať aplikáciu "Il Mio Chef" je objavovanie jedla, pretože im umožňuje prístup k novým talianskym reštauráciám každý týždeň. Pozriete sa na metriku, ktorá ukazuje, koľkokrát ľudia prejdú cez svoje možnosti pri súčasnom dizajne používateľského rozhrania na obrázku nižšie (ľavá strana), a vidíte, že nikdy neprejdú viac ako dvakrát napriemer, aby zistili, aké možnosti majú k dispozícii.
Použitím princípu kontinuity (pravá strana na obrázku nižšie) váš dizajnér UX pomohol zvýšiť tento počet v priemere na približne 10 potiahnutí prstom. Ako sa to stalo? Skrytím časti obrázka a zdôraznením skutočnosti, že musíte potiahnuť prstom doľava alebo doprava, aby ste videli, čo sa tam nachádza, boli oči používateľov vedené tak, aby doslova vytvorili pohyb "potiahnutia prstom" a boli viac motivovaní preskúmať viac reštaurácií ačo ponúkajú. To je niečo, k čomu vás predchádzajúci návrh vôbec nemotivoval, aj keď ste k tomu už z podstaty motivovaní.
Využitie princípu Gestalt kontinuity v dizajne UX/UI. Obrázok od autora.
Ak to zhrnieme , používanie princípov Gestalt uvedených v tomto článku pri návrhu UX a používateľského rozhrania môže pomôcť používateľom rýchlejšie nájsť informácie a lepšie ich spracovať. Okrem toho môže zvýšiť ich spokojnosť s vaším produktom tým, že ich motivuje k činnostiam, ktoré majú najradšej.
Obálka obsahuje kresbu Miklósa Philipsa, upravenú v programe Vectornator.