Obsah
Jednou z nejvlivnějších psychologických teorií v oblasti UX a interakčního designu je teorie Gestalt. Tato teorie byla založena německými psychology a slovo "Gestalt" znamená "gesta", tedy "gesta". formulář nebo tvar Jak už název napovídá, principy Gestalt spočívají v tom, že lidé vnímají spíše skupiny objektů jako vzory než jednotlivé objekty.
Existuje mnoho článků o principech Gestalt, ale ne tolik z nich vám pomůže pochopit, jak je aplikovat ve vaší práci designéra UX/UI. Tento článek vám poskytne několik nápadů, jak využít principy Gestalt k vytvoření lepších návrhů UX a UI, které pomohou lidem dosáhnout jejich cílů s menším úsilím.
Zákon podobnosti
Princip podobnosti říká, že když jsou si objekty fyzicky podobné, máme tendenci seskupit je dohromady a předpokládat, že mají stejná funkčnost Například na obrázku níže je díky odlišné barvě poměrně snadné odlišit řádek, který obsahuje vínově červené kruhy, od zbytku obrázku.
Příklad principu podobnosti. Foto autor.
Využití podobnosti v designu UX a UI
Představme si, že vaše společnost vyvinula aplikaci s názvem "Il Mio Chef'', kterou používají milovníci italské kuchyně v USA a Kanadě (Budeme ji používat po zbytek tohoto článku). Nedávná zpráva, kterou vám předal váš výzkumník UX, uvádí, že pokud jde o objednávání italského jídla, uživatele zajímá především to, které restaurace jsou jim nejblíže. Koneckonců, všichni bychom chtěli mít svoulasagne nebo pizzu, dokud je ještě čerstvá a teplá, že?
Abychom uživatelům naší aplikace usnadnili orientaci v tom, které restaurace jsou jim nejblíže, můžeme využít principu podobnosti tím, že tyto restaurace v uživatelském rozhraní zvýrazníme. Na obrázku níže vidíte, jak zvýraznění těchto možností žlutou barvou (vpravo) přináší velký rozdíl tím, že vizuálně zdůrazňuje rozdíl mezi nejbližšími restauracemi a těmi, které jsou vzdálenější. Takto můžetemůžete využít princip podobnosti, abyste uživatelům pomohli rychle najít to, co hledají.
Viz_také: Historie internetu
Využití principu podobnosti Gestalt. Obrázek autorky.
Zákon blízkosti
Princip blízkosti říká, že objekty, které se nacházejí blízko sebe. se zdají být více příbuzné Například na prvním a druhém snímku je stejné množství kruhů. Na druhém snímku jsou však některé sloupce blíže k sobě a vytvářejí dojem, že se jedná o tři samostatné skupiny místo jedné velké skupiny.
Blízkost - příklad 1 - velká skupina. Obrázek autora.
Blízkost - příklad 2 - tři odlišné skupiny. Obrázek autora.
Využití blízkosti v designu UX a UI
Vezměme si příklad z oblasti vizualizace informací.
Tentokrát si představme, že jste vedoucí pracovník, který chce zjistit, jak si vede vaše aplikace "Il Mio Chef". Chcete se podívat na klíčové ukazatele výkonnosti, které měří finanční výkonnost, zapojení uživatelů a spokojenost. Váš specialista na vizualizaci informací nejprve vytvoří níže uvedený panel, díky kterému se vy i všichni ostatní vedoucí pracovníci ztrácíte v číslech a kladete si ještě více otázek. Po jednom měsíci se mnozí z vásprostě přestat používat tento ovládací panel.
Viz_také: Ženská síla: Rozhovor s Maryjou Nestsiarovičovou
KPI dashboard - Il Mio Chef. Obrázek od autora.
V tuto chvíli se vrátíte ke své specialistce na vizualizaci informací a požádáte ji, aby lidem usnadnila pochopení celkového obrazu tím, že změní design dashboardu. V tomto případě se hodí princip blízkosti a nový design můžete vidět níže. Obsahuje tři skupiny rozdělené podle typu KPI a pomáhá všem pochopit, jak si aplikace vede z finančního hlediska.Výkon, zapojení a spokojenost. Seskupení objektů a použití většího bílého prostoru mezi skupinami může uživatelům pomoci rychleji zpracovat informace.
Využití principu Gestalt blízkosti při navrhování přístrojové desky. Obrázek autora.
Zákon kontinuity
Princip kontinuity říká, že jakmile oko začne sledovat nějaký objekt, bude pokračovat ve sledování "pohybu" tímto směrem, dokud nenarazí na jiný objekt. Tento pohyb nám pomáhá vnímat objekt jako součást stejné cesty, kterou musíme projít, abychom našli informace. Obrázek níže ukazuje, jak můžeme využít princip kontinuity k vytvoření takových vizuálních vzorců, které vedouoko v určitém směru.
Příklad principu kontinuity. Obrázek autora.
Využití kontinuity v designu UX a UI
Váš výzkumník UX představil novou zprávu, která ukazuje, že hlavní motivací uživatelů k používání aplikace "Il Mio Chef" je poznávání jídla, protože jim umožňuje přístup k novým italským restauracím každý týden. Podíváte se na metriku, která ukazuje, kolikrát lidé přejedou prstem po možnostech se současným designem uživatelského rozhraní na obrázku níže (levá strana), a vidíte, že nikdy nepřejedou prstem více než dvakrát naprůměr, aby zjistili, jaké možnosti mají k dispozici.
Použitím principu kontinuity (pravá strana na obrázku níže) pomohl váš návrhář UX zvýšit tento počet na průměrně asi 10 přejetí prstem. Jak se to stalo? Skrytím části obrázku a zdůrazněním skutečnosti, že je třeba přejet prstem doleva nebo doprava, abyste viděli, co se tam nachází, byly oči uživatelů vedeny k tomu, aby doslova vytvořily pohyb "přejetí prstem" a byly více motivovány k prozkoumání více restaurací aco nabízejí. To je něco, k čemu vás dřívější návrh vůbec nemotivoval, i když jste k tomu již ze své podstaty motivováni.
Využití principu Gestalt kontinuity v designu UX/UI. Obrázek od autora.
Shrnuto a podtrženo , použití principů Gestalt představených v tomto článku ve vašem návrhu UX a UI může pomoci vašim uživatelům rychleji najít informace a lépe je zpracovat. Kromě toho může zvýšit jejich spokojenost s vaším produktem tím, že je bude motivovat k činnostem, které mají nejraději.
Obálka obsahuje kresbu Miklose Philipse, upravenou v programu Vectornator.
