Cele 10 porunci ale designului de aplicații mobile
Publicat: 2017-09-20Să nu complici prea mult lucrurile
Există peste 3,4 milioane de aplicații în Google Play Store și puțin peste 2 milioane în App Store Apple. Asta înseamnă că, în medie, 3.389 de aplicații sunt adăugate în Magazinul Google Play pe zi - și în timp ce Apple este puțin mai selectiv, 1.557 de aplicații ajung în continuare zilnic în App Store.
Dacă sunteți un designer de aplicații mobile care dorește ca aplicația dvs. să iasă din potopul zilnic, trebuie să creați un produs care este atât frumos, cât și plăcut de utilizat.
Ai nevoie de un pic de îndrumare pentru a te asigura că faci tot ce poți pentru a proiecta o aplicație de succes? Nu este nevoie să urci un munte - avem cele 10 porunci ale tale de design pentru aplicații mobile chiar aici:
Să nu complici prea mult lucrurile
În calitate de designer de aplicații, este ușor să te lași dus de cap. Când aduceți o nouă aplicație pe piață, există sentimentul că trebuie să înghesuiți tot felul de funcții care (în momentul de față) se simt atât de necesare. Acest lucru este valabil mai ales atunci când lucrați la un proiect cu o echipă. Nimeni nu vrea să fie persoana care ține constant un topor peste ideile celorlalți – sau cea cunoscută pentru că a eliminat o caracteristică ucigașă dintr-un proiect. Cu toate acestea, cu designul aplicației mobile, inclusiv funcții suplimentare la periferie duce adesea doar la confuzie pentru utilizatori și la o interfață de utilizare aglomerată și nefocalată.
„Utilizatorii de dispozitive mobile doresc o experiență de utilizator elegantă și rapidă. Încărcarea aplicației cu o grămadă de pași suplimentari sau chiar încercarea de a copia o experiență desktop pentru un produs este o abordare de design greșită”, spune Mark Tuchscherer, președintele Geeks Chicago. „Utilizatorii de telefonie mobilă vor adopta o abordare minimalistă față de orice altceva.”
Suntem de acord - limitează-ți funcțiile la ceea ce este necesar și, în timp ce faci asta, asigură-te că UI reflectă o mentalitate similară. Interfața dvs. de utilizare ar trebui să facă exact ceea ce are nevoie utilizatorul și nimic mai mult.
Trebuie să vă asigurați că designul dvs. este accesibil
Așa cum am spus mai devreme, accesibilitatea nu este doar ceva ce este plăcut să aveți - este o caracteristică crucială care trebuie să fie prezentă în aplicația dvs. Pentru a fi direct, dacă nu plasați accesibilitatea în prim-planul designului aplicației dvs. mobile, atunci trebuie să vă întoarceți la planșa de desen.
În primul rând, este absolut necesar să captezi un public reprezentativ, având în vedere că 57 de milioane de americani au un handicap. De fapt, pe internet sunt mai mulți americani cu deficiențe de auz decât italieni în totalitate în lume. Același lucru este valabil și pentru americanii cu deficiențe de vedere. Ține minte - sunt doar americani!
Dincolo de asta, designul accesibil este pur și simplu un design bun. Cele mai bune practici de proiectare a accesibilității sugerate atât de Apple, cât și de Android evidențiază lucruri pe care neapărat ar trebui să le faci oricum, cum ar fi etichetarea precisă a comenzilor UI, oferirea de navigare bazată pe focalizare și evitarea feedback-ului aplicației doar audio.
Și, desigur, indiferent dacă proiectați pentru Android sau iOS, trebuie neapărat să vă testați aplicația cu un public larg. Nu-l transmiteți doar prin biroul dvs. - puneți-l în mâinile unei populații diverse. Ultimul lucru pe care îl doriți este ca aplicația dvs. să fie inutilizabilă de o mare parte a pieței.
Nu vei reinventa roata
Deși ar putea exista o mulțime de dispozitive, există câteva indicii de design universal și UX pe care aproape toată lumea le urmează. Luați în considerare propria experiență de utilizare a aplicațiilor: atunci când interacționați cu ecranul, vă așteptați să se întâmple anumite lucruri. În unele aplicații, asta ar putea însemna că vă așteptați ca un meniu să iasă din lateral atunci când glisați degetul mare peste el. Pentru alții, ar putea însemna gesturi de atingere care sunt logice și familiare, cum ar fi mutarea obiectelor prin glisare și plasare.
Nu vă sugerăm să vă puneți aplicația laolaltă, pe baza elementelor de UI care sunt deja disponibile, dar ar trebui să fiți conștienți de ceea ce se așteaptă utilizatorii de la experiența lor cu aplicația. Orice elemente noi pe care le adăugați vor trebui explicate, fie printr-un proces personalizat de integrare, fie prin învățare intuitivă. Acest lucru adaugă un nivel suplimentar de complexitate pentru utilizatorul dvs. Dacă nu aveți absolut nicio altă opțiune, ar trebui evitată.
Gândiți-vă la asta astfel: dacă ați descărcat o aplicație pentru a vă răsfoi fotografiile și ți-ar fi cerut să înveți un mod complet nou de a interacționa cu ecranul (de exemplu, folosind gesturi cu care nu erai familiarizat), ai continua să folosești aceasta? Ce se întâmplă dacă ar exista o altă aplicație care îți permite să folosești gesturi cu care erai deja familiarizat?
Nu aruncați convențiile doar pentru a vă diferenția de concurenți. Ar trebui să lucrați întotdeauna în limbajul de design cu care sunt familiarizați utilizatorii dvs., cu excepția cazului în care adăugarea de elemente noi este inevitabil și adaugă ceva experienței aplicației.
Întotdeauna îți vei aminti pentru cine proiectezi
Dacă proiectați o aplicație mobilă de editare a fotografiilor pentru fotografi, veți avea priorități diferite decât dacă proiectați un joc de memorare a cuvintelor pentru copii mici. Fiecare public pentru care proiectați va avea așteptări diferite și fiecare va răspunde la diferite tipuri de design.
Poate fi util să dezvoltați personaje pentru utilizatorii ficționali ai aplicației dvs. pentru a modela modul în care vă așteptați ca oamenii să interacționeze cu aceasta. Proiectezi pentru un profesionist? Un student? Un doctor? O întreprindere? O afacere mică? Creați ceva care este conceput pentru a fi folosit de clienți sau personal? Programatori sau designeri? Muzicieni sau alergători?
Înainte de a începe să schițați un design, asigurați-vă că știți exact ce creați - și pentru cine îl creați. Ar trebui să puteți reduce obiectivul și demografia dvs. țintă într-o singură frază simplă: „O aplicație de întâlniri pentru iubitorii de călătorii”. „O aplicație de mixare în studio pentru producătorii începători.” „Un instrument de diagnosticare a rețelei pentru profesioniștii IT.”
Recomandat pentru tine:
Cum va transforma Metaverse industria auto din India
Ce înseamnă prevederea anti-Profiteering pentru startup-urile indiene?
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
Platforma de marketing digital Logicserve are finanțare de 80 INR Cr, rebrand-urile ca LS Dig...
Dacă vă străduiți să faceți acest lucru, luați în considerare de ce este cazul - sunteți cu adevărat concentrat pe crearea celei mai bune experiențe pentru utilizatorul dvs. sau doar încercați să proiectați ceva care vi se pare grozav? Nu pierde niciodată concentrarea țintei tale.
Trebuie să utilizați fonturi care nu sunt dezastruoase
Acest păcat de design este ceva pe care l-am experimentat cu toții. Nu contează dacă se află într-o aplicație, pe un antet de la cabinetul medicului sau pe un diapozitiv PowerPoint - când un font nu aparține, observăm.
S-a scris destul despre căderea Comic Sans sau Papyrus încât ai crede că designerii de aplicații mobile ar acorda puțin mai multă atenție fonturilor pe care le folosesc în design-ul lor - dar nu este întotdeauna cazul. Și pur și simplu evitarea unor fonturi proaste nu este suficientă pentru a face aplicația frumoasă. Trebuie să găsești un font care să se potrivească aplicației tale și care să nu afecteze UX-ul tău.
„Tipografia este o parte integrantă a experienței utilizatorului, așa că este important să folosiți fonturi web curate și simple”, spune Mike Spencer, inginer senior UX/UI la Pointman. „Prefer fonturile sans-serif pentru aplicațiile mobile, dar ceea ce contează cu adevărat este că se potrivește cu designul tău și este ușor de citit.”
Tu vei rămâne consecvent
Trebuie să faceți alegeri de design și să rămâneți cu ele în întreaga aplicație. Nu aveți o bară de navigare de sus pe fiecare pagină înainte de a trece brusc la un panou lateral glisant pe câteva ecrane selectate. Nu folosiți tonuri de pământ moale pentru ecranul de splash și treceți la pasteluri odată ce se încarcă. Dacă un buton din aplicația dvs. are o anumită cantitate de umplutură, atunci toate ar trebui să aibă aceeași umplutură. Aplicația dvs. trebuie să aibă o senzație unificată pe tot parcursul, altfel va fi tulburătoare și neplăcută pentru utilizator.
Menținerea consistenței nu este doar o problemă estetică. Elementele de design pe care le utilizați îi învață subtil pe utilizatorul potențial ceva despre aplicația dvs. Dacă schimbi brusc regulile, atunci le vei arunca și le vei încurca.
Dacă există și alte aplicații care sunt similare cu ale dvs., luați notă de ceea ce fac acestea din punct de vedere al designului. Acest lucru vă va arăta ce așteptări vor aduce utilizatorii în aplicația dvs. Veți observa că toate aplicațiile Google au un aspect consistent - la fel și pentru Apple. Dacă proiectați ceva pentru o anumită companie sau industrie, asigurați-vă că aplicația dvs. se potrivește cu stilul acesteia. De asemenea, dacă construiți o aplicație pentru o anumită industrie, ar trebui să se simtă estetic „potrivit” pentru acea industrie.
Tu vei păstra mobil în minte
Designul aplicației mobile este... ei bine, mobil. În ciuda acestui fapt, mulți designeri par să uite că utilizatorii își vor naviga în aplicații cu degetele (și, în multe cazuri, doar cu degetele mari). În timp ce telefoanele au crescut în ultimii ani, există încă o mulțime de utilizatori și cazuri de utilizare care necesită utilizarea cu o singură mână.
De asemenea, ar trebui să vă gândiți la mediul în care se vor afla utilizatorii dvs.. S-ar putea să stea într-un vehicul în mișcare sau să atingă butoanele în timp ce merg. Dacă aveți prea multe butoane stivuite prea aproape sau un ecran aglomerat cu elemente de design inutile, aplicația dvs. va fi greu de înțeles și neplăcut de utilizat. Interfața dvs. de utilizare trebuie să fie curată și neaglomerată, astfel încât utilizatorii dvs. să poată găsi funcția de care au nevoie și să apese cu ușurință butonul din dreapta.
Robert Grashuis și Jason Moccia, CIO și, respectiv, CEO al OneSpring, notează importanța utilizării multor spațiu negativ pentru a ajuta utilizatorii să navigheze în aplicația dvs. „Prea multă activitate pe un ecran distrage atenția cititorilor. Folosiți spațiul alb în mod judicios pentru a reduce dezordinea și pentru a ajuta utilizatorul să se concentreze.”
Îți vei aminti User Flow
Indiferent cât de curat este designul tău, dacă aplicația ta nu are un flux natural, nu va cuceri utilizatorii. Înainte de a vă scufunda în designul aplicațiilor mobile, trebuie să vă puneți câteva întrebări de bază, cum ar fi:
- Ce scop servește aplicația dvs. pentru utilizator?
- Cum vor naviga prin el pentru a ajunge la funcțiile de care au nevoie?
- Câte pagini vor trebui să analizeze?
- Câte clicuri pe meniu vor fi necesare pentru a accesa un anumit buton?
- Ce funcții trebuie să fie cele mai accesibile?
Acest lucru vă poate ajuta să vă ghidați designul, arătându-vă exact ce trebuie inclus pe fiecare pagină. În mod ideal, acest pas ar trebui să se întâmple înainte de a începe să schițați (sau să prototipați) aplicația. Într-un document alb sau pe o bucată de hârtie, puteți mapa fluxul utilizatorului pentru diferite sarcini. De exemplu, dacă proiectați o aplicație care îi ajută pe muzicieni să-și acorde instrumentele, ați putea avea un flux care arată cam așa:
Ecran principal > Selectați instrumentul [Chitară] > Selectați acordul [Standard] > Selectați corzile [E]
Ați putea decide să simplificați fluxul pentru sarcini comune. De exemplu, tunerul dvs. ar putea permite utilizatorilor să salveze un anumit instrument și combinație de acord pe un buton de pe ecranul principal. Odată ce și-au selectat instrumentul și acordul preferat, fluxul ar arăta astfel:
Ecran principal > Instrument/acord salvat > Selectați șir [E]
Cartografierea comportamentului utilizatorilor astfel vă poate ajuta să proiectați o aplicație care curge natural. De asemenea, vă asigură că nu veți uita să adăugați un anumit element de design care ar putea fi crucial pentru succesul aplicației dvs.
Tu vei crea un prototip realist
Proiectarea unei aplicații – ca să nu mai vorbim de codificarea acesteia – poate fi un proces lung și frustrant. Aproape fiecare designer sau dezvoltator a avut experiența de a veni cu un design incredibil, de a-l codifica și de a-l trimite unui client, doar pentru a li se spune că pur și simplu nu este ceea ce caută.
La fel, jonglarea cu schițele te poate duce doar atât de departe. Există o diferență destul de mare între ceva gravat pe spatele unui șervețel și un prototip realist pe care îl poți testa efectiv. În timp ce o schiță poate transmite ideea generală, un prototip interactiv și realist poate face clientul să sară de pe scaun. Și chiar dacă nu sunt încântați de el, un prototip funcțional va face mult mai ușor să obțineți feedback și să faceți modificările necesare.
Proto.io vă oferă puterea de a proiecta prototipuri realiste, interactive și concrete, care se comportă la fel ca aplicații „reale”, fără a fi necesar să scrieți o singură linie de cod. În acest fel, puteți oferi clientului dvs. și echipei QA o experiență reală, practică înainte de a vă scufunda prea adânc.
Și vorbind despre QA...
Thou Shalt Test — Apoi mai testați câteva
Adevărul să fie spus, când am început pentru prima dată să descriem această postare pe blog, am fost tentați să facem 1 – 10 „testări” – atât de important este QA. Acesta este ceva care ar trebui să fie evident - de fapt, aproape fiecare dezvoltator sau designer de pe planetă vă va spune că testarea este crucială pentru a crea un UX fără probleme.
Și totuși, toți am avut aceeași experiență de descărcare a unei aplicații și de a fi complet derutați de cât de prost funcționează - poate că nu pornește corect pe telefoanele noastre sau poate că procesul de integrare este atât de oribil încât îl ștergeți imediat. aceasta. Alternativ, ar putea funcționa bine din punct de vedere tehnic, dar are elemente de design care nu au sens sau text care nu este lizibil.
Chiar dacă aplicația ta nu are un defect fatal, utilizatorii pot fi volubili. O mică greșeală ar putea fi tot ce este nevoie pentru ca ei să nu vă mai folosească niciodată aplicația. Pentru a evita acest lucru, testați aplicația pe tot parcursul procesului. De la primul prototip, până în momentul în care ați trimis aplicația pregătită pentru lansare pentru validare, ar trebui să căutați mereu lucruri de remediat sau îmbunătățit.
În timp ce aceste 10 reguli vă vor menține pe drumul cel bun, designul aplicației mobile nu se referă doar la urmarirea unor ghiduri sau la verificarea elementelor din lista de sarcini. Trebuie să fii creativ – cele mai bune aplicații găsesc probleme complexe și le rezolvă elegant.
[Această postare a apărut pentru prima dată pe Proto.io și a fost reprodusă cu permisiunea.]