12 greșeli rele UX/UI care nu trebuie comise în designul aplicației

Text prea mic pentru a fi citit.

Conținut mic de fonturi de culoare deschisă pe un fundal alb.

Utilizatorii nu pot vedea caracteristicile cruciale situate perfect undeva în interfața cu utilizatorul.

Acestea sunt câteva dintre problemele comune cu designul UX/UI în aplicații și a face o mulțime de greșeli de acest fel te-ar costa scump. În timpul planificării unui proiect software, este imperativ să identificați astfel de greșeli destul de devreme în faza de proiectare, deoarece scopul este de a crea o interfață intuitivă și rapidă care să ofere o experiență perfectă pentru utilizator.

Iată câteva greșeli mortale care pot duce la dezamăgirea aplicației și cum le puteți evita în cele din urmă.

1. Abaterea de la așteptările utilizatorilor

În mod interesant, utilizatorii au unele așteptări atunci când vine vorba de utilizarea acelor widget-uri GUI de bază (butoane radio, casete de selectare, bare de defilare, link-uri/butoane de comandă etc.). Încercarea de o schimbare revoluționară a acelor butoane poate să nu fie bine primită.

Luați în considerare acest exemplu simplu: ați ascultat știri BBC toată viața. Dintr-o dată, cineva din familia ta decide să asculte CNN în schimb și ai senzația de „pește din apă”. Acesta este exact ceea ce vor simți și utilizatorii atunci când faceți modificări puternice în widget-urile GUI.

Cele mai multe dintre widget-urile GUI populare au fost perfecționate și experimentate, de ani la rând, și există un motiv pentru care utilizatorii le plac. Nu este ușor să schimbi acel sentiment de ușurință și confort peste noapte. Acest lucru se datorează faptului că utilizatorii trebuie să exercite o energie substanțială și o putere intelectuală pentru a face ceva nou; și s-ar putea să nu fie receptivi la asta.

Prin urmare, nu faceți modificări drastice în aspectul widget-urilor GUI ale aplicației dvs. Utilizatorii dvs. preferă să aibă o navigare fără probleme prin aplicație, așa că este mai bine dacă păstrați aspectul și senzația originală a GUI.

2. Nu știe de ce are nevoie cu adevărat utilizatorul

Atunci când companiile nu reușesc să realizeze nevoile reale ale utilizatorului și vin cu ceva care nu se adresează nevoilor acestora, aceasta duce la o mare gafă. În astfel de cazuri, nu puteți crește vânzările și aplicația dvs. eșuează.

Este important să cercetați și să obțineți informații profunde asupra intereselor utilizatorilor înainte de a decide asupra caracteristicilor care urmează să fie încorporate. Pentru aceasta, faceți o cercetare amănunțită a utilizatorului și a pieței.

Înțelegeți ce așteptări utilizatorii țintă de la designul aplicației dvs. – timp de răspuns instantaneu, navigare lină între comenzi, lizibilitate ușoară și așa mai departe – pe scurt, o experiență intuitivă pentru utilizator.

De asemenea, faceți o analiză critică a concurenților dvs. - cunoașteți factorul de utilizare al aplicațiilor lor; ce funcții includ în aplicațiile lor, cât de interactive sunt interfețele lor cu utilizatorul etc.

Și dezvoltatorii pentru prima dată au grijă: nu supraîncărcați prea multe funcții în aplicație. Scopul principal din spatele unei aplicații este de a simplifica activitățile utilizatorilor dvs.

Așadar, ar fi recomandabil să nu exagerați cu funcții, deoarece acest lucru ar duce la o rafală de activitate care ar transforma instantaneu într-o aplicație mediocră. Un număr mai mic de caracteristici (cele prime, desigur) ar face smecheria.

3. Ținte de atingere slabe

Utilizatorii vin echipați cu degete de diferite dimensiuni. Deci, atingerea trebuie configurată pentru a satisface degetele tuturor persoanelor din segmentul țintă. Lățimea medie a unui deget arătător adult este de 1,6 până la 2 cm. Prin urmare, țineți cont de acest lucru atunci când proiectați aplicații mobile bazate pe atingere.

Dacă utilizatorilor le este greu să atingă și să activeze funcțiile din aplicație, s-ar putea să renunțe cu totul la utilizarea aplicației și asta ar fi cu adevărat tragic. Și acest lucru se aplică din nou numărului de funcții pe care le aveți. Cu cât aveți mai multe funcții, cu atât zonele de atingere mai mici din aplicație. Pe de altă parte, încorporarea câtorva caracteristici principale ar duce la suprafețe de atingere mai mari.

4. Scroll Horror

Editorii de reviste și ziare și agenții de publicitate au trăit cândva în oroarea perpetuă a „paturii”. Când aplicațiile mobile au devenit populare, „foarea de groază” s-a ușurat puțin, deoarece conținutul era vizibil pe un ecran care putea fi derulat cu ușurință.

Dar acest lucru a fost doar parțial adevărat, deoarece a devenit din ce în ce mai important să se creeze un aspect web receptiv și mai lung, în care acțiunile principale să nu meargă sub fold, sau mai degrabă, să bată un loc în care oamenii pot derula cu ușurință și îl pot găsi.

Conversiile cresc numai atunci când butoanele relevante sunt plasate „deasupra pliului” sau când utilizatorii nu trebuie să deruleze. Plasarea unui îndemn clar într-o locație proeminentă ar aduce mai multe conversii.

5. Butoane care imită aspectul butoanelor de control GUI

La fel cum a avea prea multe controale GUI poate fi o greșeală teribilă, opusul poate fi, de asemenea, mortal. Textele subliniate și titlurile generează senzația că sunt link-uri care ar duce utilizatorii către o pagină nouă.

Ei dau clic pe el, dar când nu ajung la pagină, presupun că linkul este întrerupt și ies din aplicație. Utilizatorii sunt adesea confuzi și uneori iritați din cauza acestei farse și s-ar putea să nu mai revină.

Dezvăluie butoanele radio oriunde sunt absolut necesare, dar nu da impresia greșită de butoane radio acolo unde nu există.

6. Controale GUI inconsistente

Controalele GUI ar trebui să fie consecvente. Dacă utilizați anumite cuvinte pentru Call to Action și acțiuni similare, atunci utilizați aceleași cuvinte în aplicație. Folosirea unor cuvinte diferite pentru aceeași acțiune ar putea crea confuzie.

Uneori, acțiunile pe care dezvoltatorii le presupun vor fi simple pentru utilizatori, fac exact invers. Dacă urmați un anumit model în aplicația dvs., urmați-l în mod constant pe tot parcursul. Asigurați-vă că butoanele și paginile apar acolo unde utilizatorii se așteaptă să vină.

7. Omiterea diagramelor de flux și trecerea la proiectare

Dezvoltatorii nu economisesc timp omitând diagramele de flux și pătrunzând direct în partea de proiectare a aplicației. Este foarte important să construiți o diagramă de flux având în vedere utilizatorii, iar mulți dezvoltatori creează aceste diagrame cu personaje de utilizator, astfel încât să aibă întotdeauna în minte utilizatorul final.

Acest lucru ar ajuta, de asemenea, la determinarea de unde provin utilizatorii, care sunt interesele lor și unde se află. Prin urmare, în timpul proiectării diagramelor de flux, este imperativ să decideți asupra utilizatorului și a obiectivelor de afaceri și dacă acestea vor fi realizate la final sau nu. Prin crearea conturului fluxului, este posibil să parcurgeți diferite opțiuni cu fluxuri de pagină și să decideți pe cea mai bună.

8. Nu luați în considerare „affordanțe percepute”

În termeni profani, affordance înseamnă toate acțiunile care sunt posibile fizic în funcție de proprietățile unui obiect/mediu. O scară vă permite să urcați sau să coborâți, un capac de sticlă vă permite să înșurubați sau să deșurubați.

În mod similar, într-o pagină web, un glisor îndeplinește funcția de a se deplasa în sus și în jos, caseta de selectare vă permite să o bifați sau să debifați, iar textul cu hyperlink vă duce la o altă pagină. Affordance permite unui utilizator să facă ceva pe care îl poate înțelege cu ușurință.

Percepția acestor avantaje se va baza pe cunoștințele utilizatorului despre pagina web, experiențe, convingeri și obiective. În timpul proiectării interfețelor cu utilizatorul, este important ca designerul să ofere indicații corecte, altfel ar putea duce la confuzie și, prin urmare, la o experiență proastă a utilizatorului.

Designerii trebuie să folosească semnificanți vizuali corecti prin care utilizatorii pot percepe modul în care observă aceste elemente ale interfeței de utilizare și interacționează cu ele. De asemenea, este important să ne amintim că toți utilizatorii nu sunt creați egali; prin urmare, toate affordance-urile pot să nu fie percepute sau interpretate în același mod de către toți. Așadar, înapoi toate indicațiile vizuale cu etichetele și instrucțiunile adecvate.

9. Absența tipului potrivit de casete de dialog

În dialogul de utilizare al unei aplicații web, este obligatoriu să anunțați utilizatorii despre starea curentă a sistemului și despre modul în care au fost interpretate comenzile lor. Dialogurile sunt menite să informeze utilizatorii despre cum decurg acțiunile lor, fără a-i îndepărta de pe ecranul curent.

Tăcerea poate ține utilizatorii să ghicească. Deci, atunci când creați o aplicație web, asigurați-vă că caseta de dialog nu ascunde informațiile de la utilizatori. Dar folosiți-l cu moderație, deoarece mesajele continue pot fi întrerupătoare.

De exemplu, atunci când utilizatorul decide să părăsească o anumită pagină după ce a tastat informații, poate apărea caseta de dialog cu caseta de confirmare care spune „Renunțați la ciornă? Anulați sau Renunțați”.

Cu toate acestea, bombardarea lor cu casete de dialog de abonare (De exemplu, „Vă rugăm să vă abonați la buletinul nostru zilnic de știri introducând adresa dumneavoastră de e-mail”) de prea multe ori poate fi cu adevărat iritant.

10. Făcând greșeli frecvente cu mesaje de eroare

Utilizatorii dedică timp și efort pentru a completa formulare, iar atunci când există o eroare în ele, este obligatoriu să îi informeze despre ce a mers prost și unde. Dacă există reguli specifice pentru crearea unei parole, atunci informați utilizatorii în prealabil, astfel încât aceștia să nu fie nevoiți să facă același lucru de două ori.

Sau, dacă trebuie aplicat un cod promoțional, informați-i în prealabil ce fel de promoții se aplică și de ce. Neinformarea la timp poate genera anxietate și frustrare în utilizator. Nu uitați să nu faceți aceste greșeli în timp ce creați mesaje de eroare:

1. Ambiguitate- Nefiind clar despre greșeala făcută de utilizator.
2. Învinovățirea utilizatorului – Este mai bine să fii umil, chiar și atunci când utilizatorul face greșeala. Subliniați cu grijă greșeala, astfel încât să fie solicitați să încerce din nou.
3. Plasarea slabă a mesajelor de eroare – Este recomandabil să nu plasați erorile pe o listă cu marcatori, deoarece asta le dezactivează cu adevărat. Plasați mesajele de eroare chiar deasupra erorilor, astfel încât utilizatorii să poată vedea ce este în neregulă instantaneu.
4. Nu folosirea microcopiei pentru a preveni erorile – Bucăți mici de text explicativ din apropierea spațiilor libere pot indica de fapt utilizatorul ce să completeze, astfel încât să îl poată obține prima dată.

11. Absența setărilor implicite inteligente

A avea un câmp suplimentar în pagina de completare a formularelor a aplicației dvs. poate fi un factor de descurajare. Deci, dacă acel câmp suplimentar este o necesitate absolută, atunci asigurați-vă că ați introdus valori implicite în câmpurile de introducere a formularului. Oamenii scanează rapid formularele pentru a verifica cât timp le va dura să completeze formularul și, dacă există deja o valoare implicită în formular, este posibil să meargă mai departe și să completeze celelalte.

Lipsa unor setări implicite inteligente ar putea face consumatoare de timp și frustrare pentru utilizator, iar aceasta este o greșeală gravă. De asemenea, este recomandabil să nu introduceți valori implicite pentru câmpurile de intrare care necesită atenția utilizatorului. Nu presupuneți pe ce va face utilizatorul să dea clic și, chiar dacă a fost o valoare implicită bine cercetată, utilizatorii ar putea dori altceva.

12. Ignorarea culorilor de accent pentru butoanele de apel la acțiune

Este foarte important să încorporezi culori de accent bune pentru a atrage atenția asupra butoanelor precum „Cumpără acum”, „Începe un tutorial gratuit”, „Înscrie-te acum” etc. butoane cruciale de îndemn la acțiune.

Culoarea de accent trebuie să fie suficient de strălucitoare pentru a atrage atenția, dar nu iritante și distragătoare. Asigurați-vă că culoarea de accent se completează cu restul temei de culoare din aplicație. De asemenea, rezervați o anumită culoare pentru îndemn și nu o utilizați în altă parte a paginii.

Concluzie

Acestea sunt unele dintre cele mai frecvent întâlnite greșeli în designul UI/UX. Și amintiți-vă, ori de câte ori faceți modificări de design, asigurați-vă că îl testați cu atenție pentru a vedea cât de eficient ar fi.

Designul aplicației este un factor de diferențiere pentru succes și, cu mii de aplicații care sunt lansate în fiecare zi, doar câteva dintre ele primesc aprobare. Practicile proaste pot duce la greșeli mortale în designul UX/UI, iar toate eforturile atâtor oameni se duc la gunoi.

Un ultim memento:

Când vă proiectați aplicația, nu uitați să proiectați pentru mai multe platforme, cu excepția cazului în care vizați una anume. Acesta este modul în care obțineți un produs minim viabil (MVP) direct în magazin.