Vědí, že všichni posuzujeme knihu podle jejího obalu, inteligentní návrháři vytvářejí chytlavé a praktické rozhraní. Potenciální uživatelé mohou být zavěšeni, ale jak je můžete natáčet celou cestou?

Ve snaze odpovědět na tuto otázku, všechny cesty vedou k člověkem zaměřenému designu , kde je uživatel hlavním zaměřením. Buďte lidskí: vaše přihláška by měla mluvit stejným jazykem, který používáme každý den, včetně emocí, hovorové řeči a se špetkou "přijít sem". Rozhraní by mělo být vaším dobrým přítelem, připraveno poskytnout poradenství usilující o posílení vašich zkušeností a přimět vás, abyste se zasmáli.

Záclony, osvětlení: mikro-interakce přicházejí do hry. Přesněji řečeno, jedná se o interaktivní animace, které přicházejí spolu s rozhraním, které jej činí atraktivnějšími. Dobrá animace může:

  • Komunikace stavu a poskytnutí zpětné vazby
  • Zvyšte pocit přímé manipulace
  • Pomozte lidem vizualizovat výsledky svých akcí

V UX je důležité, jak se s uživateli zabýváte a jak se cítí při používání produktu. Dokonce i drobné detaily si zaslouží velkou pozornost. Mikro-interakce poskytují uživatelům potřebnou zpětnou vazbu a pochopení probíhajících procesů, čímž je přístupné rozhraní bez ohledu na to, jak komplikovaná je logika.

1) Zobrazit stav systému

První použitelnost heuristického principu Jakob Nielsen říká: informujte svého uživatele o tom, co se děje. Uživatelé očekávají okamžitou reakci, ale existují situace, kdy určitá stránka potřebuje určitou dobu, než bude akce dokončena.

Rozhraní by proto mělo uživateli osvobodit informace o tom, co se děje, zobrazením grafiky v pozadí, měřením přenosové rychlosti nebo přehráváním zvuku. Stejný princip se týká přenosu souborů: nenechte svého uživatele nudit; ukázat jim pokrok. Dokonce i ne tak příjemné oznámení, jako je například přenos, selže, by mělo být doručeno roztomilým způsobem. Udělejte úsměv svého uživatele!

2) Zvýrazněte změny

Často, pro úsporu místa, aplikace jednoduše nahradí jedno tlačítko s jiným, když je to potřeba. Někdy musíme zobrazovat oznámení, aby se ujistil, že uživatel to vidí. Animace přiláká jejich pozornost a nenechá uživatelům přehlédnout, co si myslíte, že je důležité.

3) Udržujte kontext

V době chytrých telefonů a inteligentních hodin s malými obrazovkami může být obtížné přiřadit spoustu informací na jednu obrazovku. Jedním ze způsobů, jak to zvládnout, je udržet přehlednou navigaci mezi různými stránkami; tak uživatel pochopí, co se objevilo odtud, a je schopno snadno se vrátit zpět. Existuje mnoho možností:

4) nestandardní rozvržení

Pokračování v předchozích příkladech, mikro-interakce by měla uživatelům pomoci pochopit, jak interagovat s neobvyklými rozvržením bez zbytečného zmatku. Fotografie skládání dopředu, posouvání grafů a rotačních znaků jsou skvělé možnosti:

5) výzvy k akci

Kromě toho, že uživatel pomáhá efektivně komunikovat s aplikací, mají mikro-interakce sílu povzbudit uživatele ke skutečné interakci: pokračujte v procházení, sdílení nebo sdílení obsahu, jen proto, že je atraktivní a nechtějí opustit:

6) Zobrazte vstup

Zadávání dat je jedním z nejdůležitějších prvků jakékoli aplikace. Kvalitní výsledky, které uživatelé získají, závisí na datovém vstupu. Obvykle je to docela nudné, ale mikro-interakce tento proces změní na něco zvláštního:

7) Zajistěte, aby se výuka oživila

Samozřejmě, animace mohou uživatelům pomoci po uvedení do provozu zvýraznit základní prvky a ovládací prvky potřebné pro další použití bez zásahu.

Závěry

Takže pokud oceňujete uživatelskou zkušenost, vyleštěte své rozhraní od A do Z, vylepšete ho pomocí mikro interakcí a animací. Bude to dýchat život do vašeho projektu.

Pozornost na každý detail je klíčem k vašemu úspěchu, který usnadňuje interakci mezi člověkem a počítačem.