Designul aplicației mobile nu este ca designul web.

Sigur că există teoria culorilor, tipul de setare și menținerea grilelor, dar sunt multe de luat în considerare atunci când dispozitivul se schimbă.

Pentru a arunca o lumină asupra lucrurilor de făcut și a nu se face în proiectarea aplicațiilor mobile, Tomas Laurinavicius și-a prezentat cele mai bune practici atunci când proiectează pentru dispozitive mobile.

Tomas Laurinavicius este un designer independent și coautor al cărții Mobile Design Book.

Cum să proiectați o aplicație

(cu exemple bune de design)

Intră Tomas:

În acest articol, aș dori să împărtășesc câteva exemple de modele grozave de aplicații mobile. Mai exact, elementele care se unesc pentru a face o aplicație grozavă.

Exemple de aplicații – Ecranul de lansare

Ecranul de lansare va fi văzut de fiecare utilizator al aplicației și va dura câteva secunde, totuși este esențial să faceți o primă impresie bună și să stabiliți câteva așteptări.

Utilizați o imagine de fundal care spune ceva despre aplicație, faceți-o curată și bine marcată. Păstrați dimensiunea ecranului de lansare la minimum pentru a reduce timpul de încărcare.

Hyperlapse de la Instagram și Yummly

State goale

Când un utilizator vă descarcă pentru prima dată aplicația, nu va avea date de văzut. Acesta se numește ecran gol.

În acest moment, trebuie să explicați scopul aplicației dvs. și să-i ghidați spre utilizarea aplicației pentru prima dată. Altfel, vor pleca confuzi și s-ar putea să nu se mai întoarcă niciodată.

Airbnb și Flipboard

Exemple de aplicații – Ecrane de conectare

Uitați numele de utilizator. Utilizați în schimb o adresă de e-mail.

Ușurează procesul de conectare, oferindu-le opțiunea de a se autentifica cu platformele existente. În funcție de publicul dvs., poate fi Google, Facebook sau chiar LinkedIn.

SoundCloud și Foursquare

Exemple de aplicații – Feeduri de activitate

Când proiectați un flux de activități captivant și captivant, luați în considerare contextul și folosiți principiile de gamification.

Furnizați date esențiale, cum ar fi data, ora și locația, dacă este cazul. Pentru a se asemăna mai mult cu un joc, utilizați numere, butoane de apel la acțiune și pictograme mici pentru a face interfața mai atrăgătoare.

Swarm de Foursquare & Behance

Exemple de aplicații – Ecrane de înregistrare

Dacă procesul de înscriere este complex, utilizatorii vor pleca.

Simplificați-l cât mai mult posibil. Includeți doar informațiile necesare și chiar sugerați utilizarea altor rețele care stochează informații despre utilizator, cum ar fi Facebook sau Twitter.

Spotify și Cirqle

Verifică

Checkout este o caracteristică dificil de proiectat în aplicațiile mobile.

Trebuie să prezinte o mulțime de informații dintr-o privire și să permită unele îndrumări către următorul pas. Dați prioritate datelor și împărțiți-le în bucăți care pot fi prezentate în grupuri.

De exemplu, adresa de livrare și informațiile de plată pot alcătui două grupuri, prețuri și reduceri un alt grup și așa mai departe. Organizați-vă procesul astfel încât să nu vă copleșiți clienții.

Vizați și continuați cumpărăturile

Comentarii

Comentariile sunt bune pentru construirea unei comunități sau pur și simplu pentru a le arăta altor utilizatori că aplicația dvs. merită să vă alăturați.

Atunci când proiectați comentarii, lizibilitatea și contextul (adică imaginile de profil, numele și datele) sunt cei mai importanți factori pentru a oferi un ecosistem comunitar de aplicații cu aspect „viu”.

Path & Tripstr

Căutare

Căutarea este o caracteristică esențială pentru conținutul generat de utilizatori și pentru alte aplicații bogate în date.

Oferiți context și sugestii inteligente pentru a îmbunătăți experiența utilizatorului și pentru a-l încânta. Adăugarea de opțiuni de filtrare relevante poate îmbunătăți semnificativ procesul de căutare și poate duce la fericirea clienților.

Inbox by Gmail & Lovely

Partajarea

Partajarea este o caracteristică importantă pentru orice aplicație, deoarece permite utilizatorilor să răspândească vestea despre produsul dvs.

Facilitați partajarea aplicației sau a conținutului dvs. adăugând pictograme evidente de partajare și permițând partajarea rapidă în diferite rețele.

Spring & Jukely

Lizibilitate

Lizibilitatea este dificilă pe dispozitivele mici. Este ușor să faci text prea mare sau prea mic.

Concentrați-vă pe contrast, dimensiunea tipului și înălțimea liniei. Asigurați-vă că tipul dvs. este dimensionat optim și este ușor de citit. Textul negru pe fundal alb este bun.

Lizibilitate & Feedly

Navigare

Navigarea este extrem de importantă pentru orice tip de aplicație.

Faceți-l ușor și ușor de înțeles pentru diferite segmente ale publicului dvs. Utilizați o copie simplă, astfel încât utilizatorii să fie familiarizați cu jargonul de navigare din alte aplicații. Utilizați pictogramele și spațiul negativ pentru a oferi un context pentru navigarea dvs. și includeți numai linkurile necesare.

Facebook și LinkedIn conectate

Setări

Ecranele de setări sunt adesea trecute cu vederea, deoarece nu sunt interesante, dar va fi unul dintre cele mai utilizate ecrane.

Folosiți pictograme, separați diferite grupuri de setări cu separatoare sau spațiu negativ și ajutați utilizatorii să navigheze rapid pentru a decide ce să facă în continuare. De asemenea, oferiți opțiuni rapide utilizând butoanele native de comutare, astfel încât utilizatorii să poată salva atingerile.

Bifa 2 și YPlan

Notificări

Notificările sunt motivul pentru care utilizatorii continuă să revină la aplicația ta.

Faceți aceste notificări evidente, dar nu prea enervante. Oamenii trebuie să știe ce se întâmplă, dar nu vor să fie copleșiți. Furnizați indicatori subtili de culoare și numere pentru a prezenta lucrurile care sunt noi.

Gogobot & Highlight

Mesaje

Funcțiile de mesagerie sau chat sunt, de asemenea, o caracteristică comună. Când proiectați un sistem de mesagerie, totul ține de comunicare și context.

Optimizați dimensiunea tipului, astfel încât utilizatorii să poată citi mesaje mai lungi și să includă data, ora postării, locația și alte informații relevante.

Mesageria se referă la multimedia în zilele noastre. Oferiți utilizatorilor o opțiune de comunicare adăugând fotografii, videoclipuri, sunete, smiley și text vechi.

Facebook Messenger și Path Talk

Profil

Multe aplicații permit utilizatorilor să creeze un cont și să stocheze povești sau activități în jurul acelui profil.

Fie că este vorba despre rețelele sociale, cumpărături sau orice altă aplicație, este esențial să faceți paginile de profil clare și atrăgătoare pentru utilizatori.

Subliniați fotografia de profil a utilizatorului și numele acestuia. De asemenea, furnizați informații și statistici relevante, astfel încât oamenii să poată vedea cât de activ sau respectabil este utilizatorul.

Față și Quora

Concluzie

După cum puteți vedea din toate aplicațiile pe care le-am enumerat, sunt multe de luat în considerare și de stăpânit atunci când proiectați o aplicație câștigătoare.

Deși oricine poate proiecta o aplicație, este important să angajezi un designer care are experiență în domeniu și poate aplica toate cunoștințele și cele mai bune practici.

Lucrurile mici îți pot face sau distruge aplicația. Nu vă riscați timpul și banii angajând pe cineva care nu înțelege complexitățile proiectării unei aplicații grozave.