5 provocări în designul interfeței de utilizare mobilă care încă nu au răspunsuri simple

Publicat: 2016-03-04

[ Proto .io este un instrument de prototipare a aplicațiilor mobile folosit de antreprenori și startup-uri pentru a crea prototipuri realiste complet interactive, care arată și se simt ca aplicații reale.]

Trăim într-o lume optimizată pentru dispozitive mobile atât de mult încât este ușor să luăm de la sine înțeles designul interfeței de utilizare mobilă. Adolescenții care intră în liceu anul acesta tocmai intrau la grădiniță când iPhone-ul a fost lansat pentru prima dată. Site-urile web cărora le lipsește experiențele mobile par relicve ale unei epoci trecute, întreținute de neo-ludiți care ar batjocori ideea de a purta un computer minuscul în portofel sau chiar de a purta unul la încheietura mâinii. În acest moment, la aproape un deceniu după ce smartphone-urile au devenit zeitgeist, cu siguranță ne-am dat seama de răspunsurile la toate provocările noastre de proiectare a UI pentru mobil, nu?

mobil-ui-design-Android_logo___R

Gresit. În ciuda celor mai bune planuri ale șoarecilor și bărbaților, designul responsive nu a netezit fiecare zbârcire a experienței utilizatorului atunci când trece de la desktop la tabletă la mobil, iar câțiva spini continuă să pună laturile designerilor și dezvoltatorilor de interfețe de utilizare mobile - ca să nu mai vorbim a utilizatorilor. Cu toții ne-am străduit să completăm automat titlurile de articole care au fost trunchiate dincolo de recunoașterea de pe smartphone-urile noastre sau ne-am confruntat cu un element de interfață care pur și simplu nu se va mișca, indiferent de cât de greu am glisăm spre el.

Următoarele provocări de proiectare a interfeței de utilizare mobilă continuă să îi afecteze pe designeri, dezvoltatori și antreprenori. Iată cum se descurcă:

1. Menținerea simplă în timp ce rămâi bogat în funcții .

safervpn-all-devices_mobile-UI-design

Sagi Gidali este co-fondator și CPO la SaferVPN (@SaferVPN). Cu o experiență de peste un deceniu de UI și UX, el a rezolvat destul de multe provocări de proiectare a UI mobil, dar următoarea enimă rămâne un spin în partea echipei sale:

„Aș spune că provocarea noastră de design/UX ar fi să integrăm funcții mai complicate ale aplicației noastre cu cea mai mică cantitate de text sau tulburări vizuale posibile.

Un VPN este un produs foarte tehnic folosit adesea de utilizatorii cunoscători de tehnologie. Provocarea noastră este să facem serviciul nostru cât mai accesibil posibil pentru utilizatorii noștri care sunt mai puțin cunoscători de tehnologie, oferind, în același timp, opțiuni personalizate pentru cei mai cunoscători de tehnologie.

Deci, deși avem funcții și setări complexe care rulează în fundal, în prim-plan menținem UX-ul nostru curat și simplu. De exemplu, multe dintre cele mai avansate setări ale noastre sunt optimizate automat, iar pentru cei care sunt mai pricepuți la tehnologie, oferim oportunități simple și clare de a-și personaliza în continuare experiența într-un meniu de setări ușor accesibil.

Acest lucru ne ajută să împiedicăm aceste preferințe mai avansate să ne aglomereze UX și interfața generală, astfel încât oricine să se poată bucura cu ușurință de beneficiile serviciului nostru cu un singur clic.

Urmând această abordare de design și UX, îi încurajăm pe toți utilizatorii noștri – indiferent de cunoștințele tehnice și abilitățile pe care le dețin – să folosească produsul nostru pentru a accesa conținutul lor preferat geo-restricționat și pentru a-și proteja confidențialitatea și securitatea pe internet.”

2. Căutare pe mobil: încă un albatros .

trinity-logo-chrome-mobile-UI-design
Jason Bauman este asociat SEO la Trinity Insight (@TrinityInsight), o firmă de marketing și optimizare digitală. Bauman găsește că căutarea pe mobil rămâne un spin în spatele designerilor și dezvoltatorilor de interfețe mobile deopotrivă:
„Cred că o provocare persistentă de design pentru UX/UI mobil sunt filtrele avansate în căutare. Pe un desktop, puteți alege exact ceea ce doriți să vedeți bifând preferințele dintr-o listă de zeci de opțiuni. Această experiență nu se traduce bine în mobil, majoritatea site-urilor creând pur și simplu o versiune mai ușor de utilizat a filtrului lor pe dispozitive mai mici. Problema de bază de a necesita selecții multiple de degete pe un ecran mic rămâne. De fiecare dată când forțați pe cineva să deruleze prin zeci de opțiuni de selecție, nu ați reușit să rezolvați problema UI.
Cred că cea mai bună soluție este o funcție de căutare inteligentă, una care înțelege interogări complexe precum „colier de diamante care nu este o inimă”. Odată cu evoluția AI, acest lucru ar trebui să devină mai ușor, dar este ceva de care foarte puține, dacă există unele site-uri profită pe deplin. O soluție mai comună este reducerea numărului de opțiuni. Începeți pe cineva la un nivel înalt, de exemplu, „lanț de aur sau argint”, apoi obțineți mai multe detalii, cum ar fi întrebându-l ce „tip de design” caută. Acest lucru nu este ideal, deoarece necesită încă mai multe clicuri și adaugă pagini suplimentare, dar este mai bine decât să le prezinți clienților o listă mare de opțiuni în afara contextului.”

3. Uneori se simte ca și cum elementele de design a interfeței de utilizare mobilă dau câinele.

decibel_digital_mobile_ui_design

Richard Trigg este UX/UI Creative Director la Decibel Digital (@DecibelDigital), o agenție pentru experiența utilizatorului cu sediul în Marea Britanie. Pentru Trigg, atingerea unui echilibru între ceea ce trebuie să se întâmple pe ecran și ceea ce utilizatorii se simt confortabil să facă fizic rămâne o provocare de proiectare a interfeței de utilizare mobilă.

„Provocarea continuă pentru mulți designeri se referă la nasturi. Butoanele de pe aplicațiile mobile trebuie să fie dimensionate corect (pentru degete de toate dimensiunile), dar concepute astfel încât să nu dicteze ecranul. Există mai puțin spațiu pe ecran pe dispozitivele mobile, așa că designerii trebuie să facă butoanele și apelurile la acțiune clare și concise.

Recomandat pentru tine:

Ce înseamnă prevederea anti-Profiteering pentru startup-urile indiene?

Ce înseamnă prevederea anti-Profiteering pentru startup-urile indiene?

Cum startup-urile Edtech ajută la dezvoltarea competențelor și pregătesc forța de muncă pentru viitor

Cum startup-urile Edtech ajută forța de muncă din India să își îmbunătățească abilitățile și să devină pregătite pentru viitor...

Stocuri de tehnologie New-Age săptămâna aceasta: problemele Zomato continuă, EaseMyTrip postează Stro...

Startup-urile indiene iau comenzi rapide în căutarea finanțării

Startup-urile indiene iau comenzi rapide în căutarea finanțării

Startup-ul de marketing digital Logicserve Digital a strâns fonduri de 80 INR Cr de la firma alternativă de gestionare a activelor Florintree Advisors.

Platforma de marketing digital Logicserve are finanțare de 80 INR Cr, rebrand-urile ca LS Dig...

Raportul avertizează asupra unui control de reglementare reînnoit asupra spațiului Lendingtech

Raportul avertizează asupra unui control de reglementare reînnoit asupra spațiului Lendingtech

În ceea ce privește soluțiile alternative, am observat beneficii clare din utilizarea instrumentelor de analiză CX și de testare a utilizabilității pentru a măsura nivelurile de eficacitate și implicare. Imaginea devine apoi clară asupra interacțiunilor pe care utilizatorii le fac. Dacă elementele au nevoie de ajustări, modificăm designul sau poziționarea acestor butoane.”

4. Fă bucurie degetele mari de toate dimensiunile.

lookfar-mobile-ui-design-example-navigation

Ryan Colgin este designer UI/UX la LookFar (@LookFar_Ideas), o agenție de dezvoltare ai cărei clienți acoperă mai multe industrii. Întâmpinarea nevoilor diverse ale acelor clienți este un punct de criză special - mai ales atunci când fiecare dintre acești clienți diverși are un set unic de mâini:

„O mică problemă de UI/UX pe care nu am rezolvat-o este aceasta: cum naiba poziționăm navigarea pe site astfel încât să fie ușor accesibilă cu degetul mare? Majoritatea site-urilor pun meniul în colțul din dreapta sus, ceea ce îl face convenabil doar pentru stângaci.

Pe măsură ce telefoanele devin mai mari, trebuie să folosim două mâini pentru a atinge meniul pe multe site-uri, chiar dacă sunt optimizate pentru mobil. Dacă nu au un meniu static, trebuie să derulați în sus pentru a ajunge la navigare sau pentru a reveni la pagina de pornire.”

5. Fragmentarea Android: s-a îmbunătățit, dar nu a dispărut niciodată.

rocketfuel_mobile_ui_design

Jason Suriano (@jasonsuriano) este fondatorul și CEO al Rocketfuel Productions. În acest moment, problema perenă a fragmentării sistemului de operare Android pare veche, dar încă apare în coșmarurile designerilor de UI pentru dispozitive mobile:

„Una dintre principalele provocări de proiectare a interfeței de utilizare și a aplicațiilor mobile care există în anul 2016 este teama sâcâitoare de fragmentare în ecosistemul Android. Această fragmentare include numărul de producători de dispozitive Android, variația dispozitivelor pe care le produce fiecare producător, precum și problema discrepanțelor sistemului de operare care duc inevitabil la probleme legate de experiența utilizatorului.

În timp ce majoritatea designerilor și dezvoltatorilor UI/UX vor pretinde că pot rula un emulator pentru a verifica variațiile și pentru a ajuta la rezolvarea problemei fragmentării, adevărul este că nu există niciun sistem care să poată emula cu adevărat experiența finală a utilizatorului aplicației pe fiecare dispozitiv Android. la magazin.

Acest lucru înseamnă că designerii și dezvoltatorii vor primi în mod inevitabil câteva evaluări sau recenzii slabe pentru aplicația lor în magazinul Google Play, pur și simplu pentru că aplicația nu este optimizată pentru a rula pe un anumit dispozitiv sau pe o versiune datată a sistemului de operare Android, ceea ce afectează în cele din urmă utilizatorul general. experienţă."

Adaptarea la provocările de proiectare a interfeței de utilizare mobile cu psihologia consumatorului

mobile-ui-design-Psychiatric_Help

O modalitate de a aborda chiar și cele mai intransigente provocări ale UI mobil este pur și simplu să intri în capul utilizatorilor tăi, potrivit Sloane Berry (@SloaneBerry), designer UX la BPM Technologies. Indiferent de problema specifică, scrie ea, cunoașterea utilizatorului vă poate ajuta să o rezolvați:

„O aplicație mobilă bună este ca Tai Chi, cu fiecare acțiune curgând în următoarea acțiune într-un mod natural, intuitiv. Cele mai multe provocări UX apar din faptul că aveți prea multe informații sau pur și simplu o limitare fizică. În aceste cazuri, mai puțin înseamnă mai mult. Nu trebuie să arăți totul, ci concentrează-te să arăți suficient.

Dacă un utilizator defilează printr-o listă și întâlnește text trunchiat, ar trebui să puteți extinde textul în timp ce încă sunteți în mișcarea de defilare în jos a listei. Nu umflați aplicația dvs. făcând clic pe o pagină nouă și făcând utilizatorul să meargă înainte și înapoi. De asemenea, dacă fac clic, ar trebui să poată face clic pentru a se extinde fără a fi nevoiți să-și miște mult ochii sau degetul mare. Doar mergi cu fluxul lucrurilor.

La un nivel foarte practic, indiferent de ce proiectați, doriți ca un client să se simtă bine. Tinder este o experiență de utilizator fantastică, deoarece este cathartic să ștergi oamenii pe care nu-i dorești și primești doar veștile bune pe care le-ai potrivit. Cele mai grele provocări cu care se confruntă designerii UX sunt lucrurile negative, cum ar fi dacă un utilizator are un timp lung de așteptare sau trebuie să efectueze o plată – dar există soluții practice pentru aceste lucruri.

bpm-technologies-mobile-app-ui-design

Rolling With the Punches: Common Mobile UI Design Pain Points

Timpul de răspuns este o sursă majoră de experiențe frustrante ale utilizatorilor, dar poate fi rotit într-un mod care creează anticiparea. Fie că este vorba de un ceas cu numărătoare inversă de la o aplicație de livrare de alimente sau de un punct de urmărire pentru un șofer de taxi, utilizatorilor le place confirmarea vizuală că au făcut ca lucrurile să se întâmple. Este în mare parte o alegere estetică, deoarece taxiul sau mâncarea dvs. vor ajunge oricum, dar le oferă utilizatorilor ceva la care să se întoarcă. Poate chiar să vă facă aplicația „lipicioasă”.

Plățile pot fi o experiență foarte dificilă pentru clienți. Clienții doresc atât transparență, dar nici nu vor să fie deranjați sau împovărați cu modul în care plătesc. Este ușor de rezolvat pe backend după prima plată, dar când și cum să întrebi un utilizator unde să plătească este o provocare. Dacă îi spuneți unui client că serviciul va costa o taxă fixă, nu este o experiență foarte interesantă sau împlinitoare – clientul se gândește la această taxă.

Dar dacă le arăți ce primesc la punctul de cumpărare, oamenii se vor simți mai bine când își deschid portofelele. Aplicațiile de partajare a călătoriei, cum ar fi Uber/Lyft, fac o treabă grozavă atenuând efectul „contor de taxi”, garantându-vă pur și simplu un tarif bun în avans. Nu te împovărează cu specificul prețului până la sfârșitul serviciului. În acel moment, sunt bucuroși să plătească, deoarece serviciul i-a dus la „Punctul B”. În orice moment, un client trebuie să se simtă împlinit cu experiența sa în utilizarea aplicației dvs..”

Depășirea provocărilor de proiectare a interfeței de utilizare mobilă acolo unde este sigur: prototipul

Chiar dacă lumea designului UI pentru mobil a parcurs un drum lung de la acea zi fatidică din 2007, când lumea a pus ochii pentru prima dată pe iPhone, este clar pentru oricine a creat o aplicație mobilă - sau care a portat o experiență de utilizator desktop într-un smartphone sau tabletă — că încă mai rămân multe provocări. Ce trebuie să facă un designer?

O modalitate de a elimina aceste probleme fără a pierde prea mult timp în dezvoltare este să faceți teste extinse UI/UX pe un prototip digital real al designului dvs. de UI mobil. Cu un instrument de prototipare digitală precum Proto.io, puteți crea o machetă interactivă realistă a designului dvs. final în câteva minute folosind un editor drag-and-drop, eliminând ore nespuse din procesul dvs. de proiectare. În plus, Proto.io vă permite să culegeți feedback de la un număr nelimitat de utilizatori, astfel încât să puteți repeta pe larg, menținând în același timp notele organizate chiar în aplicație.

[Proto.io este un instrument de prototipare a aplicațiilor mobile, folosit de antreprenori și startup-uri pentru a crea prototipuri realiste complet interactive, care arată și se simt ca aplicații reale.]