7 tajemství pro zvýšení UX s mikro-interakcemi
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.