5 modele UX pentru a vă ajuta utilizatorii să navigați

Poate cel mai important lucru de care trebuie să țineți cont atunci când proiectați o aplicație mobilă este să vă asigurați că este atât util cât și intuitiv. Dacă aplicația nu este utilă, nu are valoare suplimentară și nimeni nu are motive să o folosească. Dacă este utilă, însă implică o curbă de învățare abruptă, oamenii nu vor deranja să învețe cum să o folosească. Un bun design de interfață de utilizator abordează ambele aceste probleme de proiectare, cele mai bune practici oficializate pentru rezolvarea problemelor comune de proiectare sunt cunoscute sub numele de modele de proiectare. Înțelegerea și recunoașterea celor mai noi și mai moderne modele de design de astăzi vă poate oferi o evoluție uriașă în industria de proiectare a aplicațiilor mobile, astfel încât următoarea dvs. aplicație va fi proaspătă și competitivă.

Acest post se concentrează pe tiparele de design utilizate pentru navigarea unei aplicații mobile. Indiferent de tipul de aplicație pe care îl proiectați, veți avea nevoie de utilizatori pentru a naviga în mod eficient și eficient prin diferitele caracteristici ale aplicației - modul în care utilizatorii navighează prin aplicația dvs. pot determina dacă le va plăcea suficient pentru a continua să o folosească.

Exemple de moduri de implementare a diverselor aplicații

1. Calificative și mărci de autocare

Utilitatea este esențială pentru o aplicație reușită. Cu toate acestea, uneori, aceasta înseamnă o aplicație destul de complicată, cu multe tipuri diferite de instrumente și conținut. O modalitate bună de a aborda această problemă este printr-o etapă inițială sau un tutorial pentru a demonstra cum funcționează fiecare funcție. Secret și Youtube evidențiază secțiuni importante ale interfeței utilizatorului, cu mărci de antrenor care explică ce fac, în timp ce Carousel și Duolingo arată o prezentare de diapozitive parcurgând utilizatorii prin experiența tipică a utilizatorului. Acest model de proiectare poate fi utilizat și pentru a colecta informații suplimentare de la utilizator, permițând o înregistrare / înregistrare inițială mai ușoară și o integrare mai intuitivă în aplicație.
În cazul în care diferitele caracteristici ale aplicației dvs. nu sunt evidente imediat pentru utilizator, indicațiile de urmat și mărcile antrenorului sunt tipare excelente de design pentru a simplifica experiența utilizatorului și complexitatea aplicației.

2. Navigare pe conținut

Indiferent de tipul de conținut pe care doriți să-l includeți în proiectarea aplicației dvs., doriți întotdeauna să faceți din partea utilizatorului experiența și fluxul respectivului conținut cât mai fluid posibil. Navigarea bazată pe conținut este un model de proiectare utilizat pentru încorporarea tranzițiilor perfecte între starea de ansamblu și stările detaliate. Tinder oferă un exemplu excelent de acest tipar: puteți comuta între două stări pe un profil de utilizator - starea generală principală care este în esență o imagine care completează cea mai mare parte a ecranului și o vedere detaliată care face ca fotografia să fie doar puțin mai mică și să includă unele informații factuale. Puteți trece de la oricare dintre state făcând pur și simplu clic pe ecran în oricare dintre vizualizări, precum și glisați imaginile în orice stare alegeți.

3. Glisoare

În Uber, puteți vedea că există patru tipuri de servicii de călătorie și, în loc să solicitați patru ecrane separate pentru a furniza informațiile necesare, Uber utilizează modelul de design al glisorului pentru a permite comutarea ușoară între fiecare serviciu de rulare. Aceasta generează o tranziție perfectă între opțiuni cu glisarea unui deget, făcând afișarea acestor funcții foarte intuitivă pentru utilizator.

4. Popovers

Uneori, notificările sau informațiile suplimentare din mijlocul utilizării aplicației pot ajuta utilizatorii să interacționeze mai bine cu aplicația. În acest caz, utilizatorii ar putea dori să vizualizeze informațiile relevante fără a-și pierde locul actual în interfața cu utilizatorul. Modelul de design popover poate rezolva această problemă în mai multe moduri:
 Popovers „pop-up” atunci când utilizatorul efectuează o anumită acțiune sau ajunge într-un anumit loc din aplicație, arătând informațiile / controalele relevante asociate cu acea acțiune / loc specifică în IU.

Conținutul sau locul original al aplicației este încă vizibil în fundal, dar versiunea pop-up vă oferă opțiunea de a regla anumite lucruri sau de a afla despre ce urmează. Popover-ul primește atenția utilizatorului și oferă notificări importante acolo unde este necesar. Totuși, în același timp, utilizatorii pot respinge cu ușurință versiunea pop-up și se pot întoarce la tot ceea ce făceau inițial prin simpla atingere sau glisare a ecranului

Un exemplu de popovers poate fi văzut în aplicația TED oficială, care are un control de redare popover care decolorează fundalul, permițând utilizatorilor să interacționeze cu acest control fără a-și pierde locul în browserul de conținut. Secret și Swarm folosesc versiuni populare pentru a explica ce se va întâmpla dacă utilizatorii continuă cu o anumită acțiune.

5. Slideouts, bare laterale și sertare

În comparație cu computerele și televizoarele, telefoanele mobile au ecrane relativ mici, ceea ce înseamnă că una dintre provocările proiectării mobile este aceea de a se potrivi cu o mulțime de informații pe o UI mică. Pentru a evita aglomerarea unei cantități mari de informații pe un singur ecran simultan, puteți utiliza glisiere, bare laterale și sertare pentru a naviga între diferite părți ale aplicației. Aceste modele sunt secțiuni secundare ale aplicației, cum ar fi hărți, chat, profiluri de utilizator etc., ascunse în „meniuri hamburger”, butoane cu săgeți care alunecă sau sertare laterale. În acest fel, utilizatorii pot interacționa cu cele mai importante informații de pe fiecare ecran, selectând secțiunea de focalizare din aceste panouri ascunse.

Ați utilizat vreunul dintre tiparele pe care le-am menționat mai sus și au ajutat la creșterea numărului de utilizatori activi zilnici? Anunță-ne.

Ne puteți urmări pe Facebook / LinkedIn / Twitter

Publicat inițial la monsoonfish.com.

Această poveste este publicată în „Startup”, cea mai mare publicație de antreprenoriat mediu, urmată de 277.994 de persoane.

Abonați-vă pentru a primi poveștile noastre de top aici.