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

Zjednodušte rozhraní tím, že ukážete pouze ty informace a funkce, které jsou v danou chvíli potřebné nebo žádané. Další odhalujte postupně.

💡 Definice

Postupné odhalování informací nebo funkcí snižuje složitost a pomáhá udržet rozhraní jednoduché, přehledné a srozumitelné. To odbourává zmatení, frustraci a zahlcení informacemi. Navíc se snižuje riziko udělání chyby a zvyšuje se celková efektivita.

Je důležité, abyste v danou chvíli ukázali lidem pouze nezbytně nutné informace a funkce. Další odhalujte postupně, až přijde ten správný čas nebo když si je uživatel vyžádá.

Lidé se často o spoustu věcí nezajímají. Jejich cílem je v danou chvíli splnit určitý cíl. Nebraňte jim v tom. Až později jim ukažte, že existují jiné cesty, způsoby a možnosti. Když si navíc o nové funkce sami požádají, snadněji a efektivněji je pochopí a zapamatují, protože jsou pro ně relevantnější.

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

• Novým uživatelům nebo těm, kteří navštěvují web či aplikaci jen občas, zobrazte menší množství informací a funkcí. Snížíte tak složitost a umožníte jednodušší průchod uživatelským rozhraním.
• Záměrně schovejte pokročilejší navigační prvky, tlačítka a bloky informací. Důležité však je, aby zájemci měli možnost jednoduše k funkcím a informacím přistoupit a používat je.
• Kde prezentujete hodně informací, používejte odkazy nebo tlačítka „Zobrazit více“. Další obsah zobrazte až na vyžádání uživatele.
• Při onboardingu nového uživatele do aplikaci zobrazujte jednotlivé funkce postupně v průběhu používání. Tím se uživatel postupně funkce naučí. Aniž by si toho všimnul, plynule se stane pokročilým uživatelem.
• V nastavení aplikace přidejte možnost zapnout pokročilé funkce.
• V internetových obchodech zobrazte základní nebo nejoblíbenější produkty. Další až na vyžádání.
• Při prezentaci produktu ukažte základní výhody a funkce. Podrobný a detailní popis ve výchozím zobrazení skryjte.
• Důležité je, abyste našli hranici mezi tím, co je základní informace nebo funkce a co je pokročilejší. Hrozí, že začínajícím uživatelům budou některé údaje chybět nebo budou naopak zahlceni.
• Další příklady, jak použít na webu Postupné odhalování:
  • Při výpisu např. blogových článků použijte výňatky textů. Ve zkratce napište, o čem článek je. Uživatel se sám rozhodne, zda si ho přečíst celý.
  • Používejte pro méně důležitý obsah „rozjíždějící“ bloky (např. časté dotazy) nebo pro doplňující text využijte ikonu, po jejímž kliknutí se v okně objeví dodatkový text.
  • Alternativní obsah skryjte pod navigační položky, do záložek nebo třeba do sliderů.
  • Pro velké množství položek použijte načítání dalšího obsahu, ať už v podobě tlačítka, „nekonečného“ načítání nebo stránkování.

<aside> 🔑 Důležité: K tomuto materiálu jste se dostali, protože jste odběratelem Landing page odshora až dolů (rozbory přistávacích stran zahraničních webů). Celkem plánuji sepsat více než 100 takových principů z oblasti UX a psychologie. Chcete další? Nadále rozbory odebírejte. Nový materiál na dané téma vložím vždy do rozboru webu. Nikdo další k materiálům přístup nemá. Je to bonus pro vás jakožto pro předplatitele. 👋

</aside>