UX psychologické mikro-tipy pro zlepšení webu nebo aplikace (Designui.cz)

Lidé vnímají vizuálně propojené prvky jako jednu související skupinu.

💡 Definice

Princip jednotného propojení je jeden z Gestalt principů, které mluví o lidském chování a vnímání. Lidé vnímají objekty na základě určitých pravidel jako organizované vzory, objekty a celky. Mozek má tendenci zaměřovat se na podobné prvky, spojovat je či seskupovat.

Podle principu jednotného propojení vnímáme prvky jako jednu příbuznou skupinu, pokud jsou vizuálně propojeny barvou, liniemi, rámečky nebo jinými tvary. Bez tohoto propojení by se mohlo stát, že je začneme vnímat jako samostatné jednotky.

💭 Klíčové body pro návrh webu/aplikace

• Princip jednotného propojení použijte tehdy, když chcete docílit toho, aby uživatelé vnímali 2 nebo více prvků jako skupinu, která spolu souvisí.
• Zaručíte tak to, že se uživatelské rozhraní stane přehlednější a uživatel se v informacích neztratí.
• Abyste v uživatelském rozhraní vytvořili skupinu, propojte vizuálně prvky, a to například stejnou barvou, stejným tvarem, orámujte prvky dohromady nebo je provázejte linkou či šipkou.
• Když chcete navést uživatelovo oko tam, kam potřebujete, spojte počáteční oblast s koncovou pomocí linky, šipky nebo jiné čáry či tvaru.

👀 Příklady

1. Propojení linkou

Nadpis a text je propojený linkou. Vytvoří tak skupinu. Ve vizuálu je pak jedna obrázková část spojena s druhou. Tím docílíte, že navedete uživatelovo oko z jednoho obrázku na druhý.

2. Položky v seznamu

Položky v seznamu tvoří jeden celek díky jednotnému vzhledu a barvy ikony. Zároveň každá položka je podle vzoru ikona-nadpis-text. Vizuálně si celý seznam spojíte do jednoho celku.

3. Orámované položky v menu jako jedna skupina

Položky v otevřené navigaci se „orámují“ jedním pozadím, čímž se vizuálně spojí.