Introducere în modelele de design Android

Anterior, ați aflat despre modelele de design și despre modul în care au aplicat platforma iOS. În acest articol, analizăm mai atent modelele de design de pe platforma Android și diferă de modelele de design pe iOS. Dacă nu sunteți familiarizați cu modelele de design pe Android, atunci acest articol este pentru dvs..

Dacă nu ați citit articolul meu precedent despre modelele de design pe iOS, atunci vă recomand să faceți câteva minute pentru a citi articolul respectiv înainte de a continua. Unele dintre conceptele și terminologia folosite în acest articol au fost introduse în Introducere în modelele de design iOS.

Principiile de proiectare Android

Fiecare sistem sau platformă de operare are îndrumări pentru proiectare. Designul consistent vă ajută să creați un aspect distinct pentru sistemul de operare sau platformă. Când lucrați la o aplicație care va viza atât iOS, cât și Android, de exemplu, veți afla că există o serie de diferențe subtile și nu atât de subtile în ceea ce privește viziunea care stă la baza designului. Acestea sunt câteva exemple de aspecte care sunt subliniate diferit față de alte sisteme de operare mobile.

  • Personalizare: Orientările Android vă recomandă să includeți un nivel de personalizare în cadrul unei aplicații, deoarece vă ajută să vă simțiți ca acasă. Oferirea utilizatorului abilității de a crea o aplicație este un bun exemplu al acestui concept.
  • Icoane peste cuvinte: Dacă puteți comunica ceva prin imagini vizuale, cum ar fi pictogramele sau imaginile, atunci ar trebui să fie metoda preferată de comunicare. Dacă întâlniți un scenariu în care cuvintele sunt absolut necesare, asigurați-vă că îl păstrați concis și acționabil.
  • Fiecare utilizator este un expert: Aplicațiile mobile trebuie să fie întotdeauna ușor de utilizat. În același timp, ar trebui să oferiți utilizatorului impresia că este un utilizator de alimentare. Acest lucru poate fi realizat prin furnizarea de comenzi rapide sau prin implementarea unui proces onboarding puternic.

Teme de interfață standard Android

Ca punct de pornire, platforma Android oferă în prezent două teme standard, atunci când doriți să proiectați aplicații pentru platformă. Aceste teme sunt utile și recomandate atunci când începeți, dar ele nu sunt obligatorii.

Temele sunt numite Holo Light și Holo Dark, o temă luminoasă și întunecată, în funcție de stilul vizual pe care intenționați să îl atingeți în aplicația dvs..

Utilizarea uneia dintre temele standard vă va ajuta atunci când începeți să aflați mai multe despre modelele de design Android. Deoarece temele standard fac parte din Android, porniți de la o fundație solidă care respectă standardele sistemului de operare. Este, de asemenea, un bun punct de plecare pentru desene sau modele personalizate.

Icoane de aplicație

Desigur, nu este vorba doar de interfața aplicației. Deși designul plat a devenit popular pe iOS, a apărut o diferență clară între pictogramele aplicațiilor Android și iOS.

Majoritatea aplicațiilor Android au icoane de aplicație care creează un sentiment de adâncime care să imite lumea reală. Multe pictograme de aplicații pe Android au un efect 3D subtil aplicat acestora pentru a crea acel sentiment de profunzime. O altă diferență semnificativă între pictogramele de pe Android și iOS este folosirea transparenței.

Dacă dezvoltați o aplicație care vizează atât Android cât și iOS, atunci este important să creați un concept care să funcționeze bine pe ambele platforme.

Interacțiune Design

Când un utilizator interacționează cu interfața de utilizator a unei aplicații, ea se așteaptă la o formă de feedback vizual. Acest feedback este în general mai explicit pe Android decât pe iOS.

Feedback-ul vizual este excelent pentru îmbunătățirea experienței utilizatorilor, deoarece creează un sentiment de receptivitate și control, care sunt două aspecte pe care utilizatorii le-au așteptat de la aplicațiile mobile.

Vă încurajez să descărcați unele dintre aplicațiile populare ale fiecărei platforme și să explorați modul în care acestea răspund la contribuția dvs..

Diferențe între Android și iOS

Nu ar trebui să fie o surpriză faptul că un număr de componente sunt unice sau diferite pe platforma Android.

Rețineți că acestea sunt doar câteva exemple. Cel mai bun sfat pe care vă pot oferi când creați o aplicație pentru o platformă pe care nu sunteți familiarizată este să primiți informații de la utilizatori și dezvoltatori care sunt familiarizați cu platforma. Ei pot scoate rapid din evidență se simte ciudat sau greșit și ce nu este.

Fișiere fixe

În iOS, o bara tab se găsește de obicei în partea de jos a ecranului într-o interfață de utilizator a aplicației. Cu toate acestea, în Android, filele sunt poziționate în partea de sus. Android acceptă filtre multiple și deplasabile, în timp ce iOS are reguli specifice în care filele de utilizare a cazurilor sunt potrivite, iar instrucțiunile specifică chiar numărul maxim de file.

Rezultatul este că o interfață cu utilizatorul proiectată pentru platforma Android nu este întotdeauna posibilă muncă pe iOS datorită limitărilor tehnice. Taburile derulante, de exemplu, sunt unice pentru Android și nu sunt acceptate de SDK-ul iOS.

Meniu derulant

Un meniu drop-down este ceva pe care îl găsiți numai pe Android. Există cazuri de utilizare diferite în care un meniu drop-down este o potrivire bună. Când aveți multe funcționalități sau multe grupuri de conținut cu navigație inconsistentă, un meniu drop-down este o soluție viabilă pentru a rezolva problema.

Înapoi și Sus

De la Android 4.0, există o bară de navigare lipicioasă în partea de jos a ecranului. În afară de Recent , bara de navigare conține, de asemenea, a înapoi și sus buton. Atingerea înapoi aduceți utilizatorul pe ecranul anterior în timp ce atingeți sus te duce la nivelul superior din ierarhia aplicației.

De exemplu, aș putea trece prin diferite piese de conținut dintr-o aplicație. Butonul din spate mi-ar aduce înapoi la articolul anterior în timp ce atingeam sus mă va naviga în meniul de selecție din care pot selecta un element nou. Aceasta este o caracteristică puternică, pe care ar trebui să o țineți cont în timp ce creați arhitectura de informații a unei aplicații.

În Android, în general, nu vezi butoane personalizate, cum ar fi cele pe care le vedem de obicei în bara de navigare din aplicațiile iOS.

Widget-uri

Android suportă, de asemenea, widget-uri, care sunt complet absente pe platforma iOS.

Explorarea modelelor de design

Să ne aruncăm mai adânc în unele dintre modelele de design de pe Android. În general, cele mai bune practici pentru a crea o interfață de utilizator sunt de a vedea cum alte aplicații rezolvă o problemă specială de proiectare și cum pot rezolva elementele de interfață standard.

De exemplu, cum arată alte aplicații conținutul? Cum manipulează datele introduse de utilizator? Sau implementați comerțul electronic? Privind câteva exemple, veți obține o idee despre soluțiile posibile pentru a rezolva problema de proiectare cu care vă confruntați. Acest lucru înseamnă că trebuie să copiați o aplicație existentă? Nu chiar.

O aplicație bine gândită încearcă să rezolve o problemă specifică. De obicei, aplicația dvs. încearcă să abordeze o problemă unică, ceea ce înseamnă că trebuie să descoperiți un flux adecvat de utilizatori.

Următoarea listă vă va oferi o introducere pentru a vă gândi la posibilele modele de design pentru aplicația dvs.:

  • Arătați, nu spuneți. Predarea utilizatorilor despre funcționalitățile aplicației dvs. ar trebui să se întâmple prin acțiuni mai degrabă decât prin a le spune utilizatorilor. În general, tutorialele ar trebui evitate dacă este posibil.
  • Concentrați. Un ecran ar trebui să aibă, de preferință, un singur scop din perspectiva utilizatorului.
  • Încurajați explorarea diverselor funcții prin navigarea eficientă. Deschideți cinci aplicații și vedeți cum fiecare implementează navigația. Aflați beneficiile și dezavantajele fiecărei implementări.
  • Definiți modelul de date și fluxul de utilizatori înainte de a vă construi și proiecta aplicația. 
  • Când construiți o nouă aplicație, căutați aplicații similare de învățat de la. Cum arată fluxul de utilizator? Cum este concepută interfața utilizator și cum poate fi îmbunătățită?
  • Aplicarea modelelor de design se reduce la gândirea abstractă privind construirea celei mai eficiente aplicații, cu o concentrare puternică asupra fluxului de utilizatori și a interfeței.
  • Implicați utilizatorii Android în procesul de proiectare pentru a obține feedback devreme și o privire proaspătă asupra stării actuale a designului dvs..

Concluzie

Aflați mai multe despre modelele de design Android înseamnă că trebuie să vă familiarizați mai mult cu platforma Android. Crearea unei interfețe de utilizator care seamănă foarte mult cu standardele sistemului de operare înseamnă că utilizatorii au un sentiment mai mare de familiaritate și o experiență îmbunătățită a utilizatorului.

Rețineți că am atins doar subiectul scurt. Există multe resurse disponibile care vă vor ajuta să vă îmbunătățiți înțelegerea modelelor de design pe Android. Cu toate acestea, veți învăța cel mai mult prin crearea fluxurilor de utilizatori și a interfețelor utilizatorilor.

Resurse

  • Mobile Design Pattern Gallery
  • Aflați mai multe despre valorile și grilele Android
  • Modele Android
  • Modele de aplicații Android
  • Android UI inspirat
  • Android Pttrns
Cod