Proiectarea, Wireframing & prototiparea unei aplicații Android Partea 1

Dacă visezi să creezi următorul mare lucru în aplicațiile Android, atunci nu o să mint: ți-ai tăiat lucrarea pentru tine!

Trebuie doar să aruncați o privire rapidă în magazinul Google Play pentru a vedea destul de mult fiecare care vă puteți gândi deja, a fost deja creată - de obicei, de mai multe ori și cu grade diferite de succes.

Într-o astfel de piață competitivă, aplicația dvs. trebuie să ofere întregul pachet - având pur și simplu un set grozav de funcții, nu o va reduce! Aplicația dvs. trebuie, de asemenea, să fie receptivă, ușor de folosit, complet lipsită de bug-uri și (cât de puțin superficial pare) trebuie să arata frumos, de asemenea.

Atunci când te trezești treaz în mijlocul nopții cu un Sclipitor idee pentru o aplicație Android, rezista tentatiei de a sări din pat, lansați Android Studio și începeți să vă aduceți la viață viziunea. Dacă aveți de gând să vă faceți dreptate ideea, atunci trebuie să vă gândiți la proiectul aplicației dvs..

În această serie din două părți, vă voi arăta cum să transformați o idee grozavă într-o aplicație excelentă. Veți învăța cum să planificați, să testați și să vă perfecționați fiecare parte a designului aplicației dvs. și cum să eliminați cât mai multe probleme înainte de a scrie chiar o singură linie de cod.

În această primă tranșă, vom analiza cum să răspundem la toate întrebările mari, arzătoare, pe care fiecare dezvoltator trebuie să le abordeze de fiecare dată când încep un nou proiect Android. Apoi, vom crea o listă a tuturor ecranelor pe care trebuie să le construim, plus o hartă ecran care arată exact cum se potrivesc toate aceste ecrane.

În partea a 2-a, veți stăpâni câteva tehnici puternice, concepute în mod minunat, inclusiv modelarea prin fire și prototipuri. Până la sfârșitul părții a 2-a, ați creat un prototip digital pe care îl puteți instala și testa pe smartphone-ul, tableta sau emulatorul dvs. Android.

Pentru a vă ajuta să vedeți exact cum ai face o idee de la "scanteie de inspirație" la lucrul la prototipul digital, îmi închipui că am venit cu o idee pentru o aplicație Android pe care vreau să o creez și apoi dezvolt această idee în întreaga serie.

De când suntem (se presupune) că îndreptăm spre vară, am de gând să proiectez o aplicație care îi va ajuta pe oameni să planifice și să rezerve vacanța de vară cu toți prietenii lor.

Așa că avem ideea noastră - care este primul lucru pe care trebuie să-l facem?

1. Scrieți o declarație de produs

Aplicația dvs. tipică are o mulțime de extra-frumos adăugate, dar are și o definiție clară sarcina primară. De exemplu, aplicația noastră de călătorie finalizată ar putea include funcționalitatea social media, astfel încât utilizatorii să poată împărtăși o clipă cu acel cocktail extraordinar pe care îl aveau pe plajă sau cu pisica pe care o făceau în afara hotelului, dar aceste caracteristici nu sunt principala sarcină a aplicației.

Un truc bun pentru a ajunge la baza aplicației dvs. este de a scrie o declarație de produs. Aceasta este o singură propoziție care comunică ce este aplicația dvs., ce face și de ce este imperativ ca utilizatorul să pornească Google Play și să descarce aplicația chiar acum. S-ar putea să vă imaginați că vă prezentați aplicația unui potențial utilizator și că aveți doar o singură propoziție pentru a vă transmite mesajul.  

După multă deliberare, m-am decis cu privire la următoarea declarație de produs:

O aplicație care ia stresul din planificarea și rezervarea vacanței de vară.

Este foarte important ca tine nu pierdeți din vedere această declarație a produsului, deci vă recomandăm să o scrieți pe o notă post-it și să o lipiți deasupra biroului.


2. Identificați-vă publicul țintă

Următoarea întrebare importantă pe care trebuie să o abordați este: pentru care lucrez exact acest lucru?

Sperăm că aveți deja o idee grosolană despre tipul de persoană care ar putea să vă folosească aplicația, dar pentru cele mai bune rezultate trebuie să vă proiectați aplicația cu un public vizat foarte specific. Vechea zicală este adevărată: încearcă să-i mulțumești pe toată lumea și nu vei fi plăcută nimănui.

Pe cine încercați să faceți apel, ar trebui să influențeze fiecare parte a aplicației dvs. - de la funcțiile pe care le includeți la aspectul interfeței dvs. UI, până la tonul textului aplicației dvs. De aceea este esențial să identificați publicul țintă cât mai devreme posibil în procesul de proiectare.

Am deja o idee grosolană despre cine vizez: adulții tineri cu vârsta cuprinsă între 18 și 25 de ani, care se află fie la o pauză de vară de la facultate sau la o universitate, luând un an complet de goluri sau planifică o aventură finală înainte de a începe să caute pentru primul loc de muncă cu normă întreagă. Acesta este un început bun, dar putem deveni mai concreți decât asta!

Un truc simplu, dar eficient pentru zero în publicul dvs. este de a crea o utilizator persona.

Persoana de utilizator este un singur utilizator care descrie tipul de persoană pe care o vizați. Ce caracteristici ar avea această persoană? Deși caracteristicile exacte vor varia în funcție de tipul de aplicație pe care o aveți în vedere, puteți începe prin a răspunde la următoarele întrebări:

  • Câți ani este persoana ta de utilizator? Aceasta ar putea fi o vârstă exactă sau o categorie de vârstă, cum ar fi persoanele de peste 60 de ani sau adulții tineri.  
  • Unde locuiesc ei? Aceasta ar putea fi o anumită țară sau oraș, sau un tip de loc, cum ar fi la mare sau în orașul mare.
  • Au copii?
  • Care sunt hobby-urile lor?
  • Au un loc de muncă? Și dacă da, ce este?
  • Sunt în prezent în educație?
  • Care este tipul lor preferat de aplicare?
  • Care este tipul lor cel mai puțin favorit de aplicare?
  • Ce factori le motivează să descarce o aplicație?
  • Plătesc vreodată pentru aplicațiile mobile?
  • Cât de experimentați sunt cu aplicațiile mobile? Sunt un utilizator de putere sau un începător?  
  • Cât de experimentați sunt tehnologiile în general?

Să creăm o persoană persona pentru aplicația noastră de călătorie. Pentru cele mai bune rezultate, vă ajută să vă gândiți la persoana dvs. ca pe o persoană reală. S-ar putea chiar doriți să dați personalului dvs. un nume, care este exact ceea ce am de gând să fac: întâlniți Sasha!

  • Are 20 de ani.
  • Ea este studentă la vară.
  • Locuiește cu părinții în timpul verii, dar se va întoarce la sălile de studenți la începutul anului universitar.
  • E singură, fără copii.
  • Nu are un loc de muncă, astfel încât împrumutul ei student este singura sa sursă de venit.
  • Ca cineva care a crescut cu medii sociale, aplicațiile favorite sunt tot și tot ceea ce îi permite să partajeze fotografiile și actualizările de stare cu prietenii, familia și World Wide Web în general.
  • Ea este un pro cu tehnologie, în special aplicații mobile.

Întrucât aplicația mea are legătură cu organizarea unei vacanțe, trebuie să definim experiențele lui Sasha în legătură cu călătoriile. Este posibil ca utilizatorul meu "tipic" să fie bine călătorit? Au fost responsabili pentru planificarea propriilor sărbători înainte, sau asta este nou pentru ei?

Voi adăuga următoarele caracteristici personalului meu de utilizator:

  • Sasha a fost în străinătate de mai multe ori, dar numai cu familia ei.
  • Aceasta este prima dată când și-a planificat propria sărbătoare.
  • Sasha poate fi destul de organizată când vrea să fie, dar din moment ce aceasta este prima dată când a fost implicată în planificarea și rezervarea unei vacanțe, ea va aprecia cu siguranță o mână de ajutor!

Utilizați cazuri

Deci, acum avem care, dar ce zici de cand? În ce condiții s-ar putea ca Sasha să se simtă obligat să-și biciuiască telefonul și să pornească aplicația noastră?

Iată câteva care îmi amintesc:

  • Sasha se întâlnește cu prietenii din universitate, iar inevitabilitatea conversației se transformă în cât de multă distracție vor avea în timpul verii. Toată lumea se preocupă prea mult și, înainte să știi, Sasha ne-a deschis aplicația și ea și prietenii ei planuiesc cu nerăbdare ceea ce este sigur că va fi călătoria unei vieți.
  • Sasha tocmai a intrat în grupul de chat pe care ea și prietenii ei lăsau să ruleze în aplicația lor favorită de mesagerie instantanee, și ea vede că - în sfârșit! - toți au convenit asupra unei destinații. Încântat, Sasha deschide aplicația noastră și începe să caute lucruri amuzante de făcut în acea zonă.
  • Sasha se simte frustrat. Ea și prietenii ei par să-și petreacă orele vorbind despre cât de mare va fi călătoria lor, dar niciodată nu se va întâmpla rezervare orice. Cineva trebuie să se ocupe și se pare că acea persoană va trebui să fie ea. Singura problemă e că nu a aranjat niciodată așa ceva înainte. Ceea ce are nevoie este un fel de aplicație care poate lua stresul din planificarea și rezervarea vacanței de vară perfecte ... .

3. Creați o listă de caracteristici

Este timpul să vă distrați: permiteți-vă imaginația să alerge în sălbăticie și să scrieți toate caracteristicile pe care le-ați include în aplicația dvs. dacă aveați timp, bani și o întreagă armată de dezvoltatori gata și rar pentru a vă ajuta. Deocamdată, nu vă faceți griji dacă aceste caracteristici sunt practice - gândiți-vă la aceasta ca la lista de caracteristici finale.

Dacă te străduiești să te inspirați, du-te la magazinul Google Play și descarcă câteva exemple de aplicații Android care acoperă un conținut similar sau au aceleași audiențe vizate ca și aplicația ta.


Petreceți puțin timp explorând aceste aplicații și notați ce anume se întâmplă în aplicație și despre toate zonele despre care vă simțiți că vă puteți îmbunătăți. 

Iată câteva dintre caracteristicile pe care le-am notat:

  • Abilitatea de a rezerva tot ceea ce utilizatorul ar putea avea vreodată nevoie pentru călătoria lor, de la bilete de avion, tren și autobuz până la rezervări de hotel și chiar lucruri diverse cum ar fi rezervarea unei mese la restaurantul local care are recenzii deosebite pe TripAdvisor.
  • Citiți recenziile lăsate de alți utilizatori și postați propriile recenzii.
  • Utilizatorul își definește bugetul în prealabil, iar aplicația filtrează ulterior toate sugestiile sale pe baza acestui buget.
  • Fii spontan! Planificarea unei vacanțe ar trebui să fie distractivă, deci de ce nu lăsa totul la sorți prin lipirea unui pin virtual într-o hartă virtuală?  
  • Bine, planificarea unei vacanțe ar trebui să fie distractivă, dar poate fi și o muncă grea - mai ales dacă aceasta este prima călătorie pe care ați făcut-o vreodată. Aplicația noastră ar trebui să furnizeze o listă de verificare a tuturor lucrurilor pe care utilizatorul trebuie să le rezerveze și să le aranjeze, pentru a planifica o vacanță perfectă. 
  • Funcția social media, astfel încât utilizatorii să-și poată face pe toți prietenii și familia lor gelos prin postarea fotografiilor și a actualizărilor de stare despre cât de multă distracție au în vacanță.
  • O revistă de călătorie pentru acei utilizatori care doresc să partajeze mai mult decât simple fotografii și actualizări de stare.
  • Din moment ce publicul meu țintă este adulții tineri, aceasta poate fi prima dată când mulți dintre ei au fost responsabili pentru rezervarea propriei vacanțe. S-ar putea să aprecieze unele sfaturi generale care vizează călătorul pentru prima dată, cum ar fi cum să aplicați pentru un pașaport sau felul de lucruri pe care le puteți și nu le puteți purta în bagajele de mână.
  • O inversă, astfel încât utilizatorii să poată urmări săptămânile, zilele, orele și minutele până la sărbători.

Acum este momentul pentru o verificare a realității: nu există cum să se poată nimici pe cineva toate ideile lor într-o singură aplicație. Chiar dacă toate ideile dvs. sunt sensibile, bine gândite și ar atrage atenția publicului dvs. țintă, aruncând totul, în afară de chiuveta de bucătărie, într-o aplicație ar fi un coșmar pentru dvs. ca dezvoltator și ar duce probabil la o experiență teribilă de utilizare.

Imaginați-vă lansarea unei aplicații pentru prima dată și instantaneu confruntat cu un meniu uriaș și complicat, ambalat cu o tonă de opțiuni. Alegerea este un lucru bun, dar alegerea prea mare devine confuză! Din moment ce ultimul lucru pe care doriți să-l faceți este să confundați utilizatorii dvs., trebuie să scăpăm lista noastră de caracteristici finale până la elementele esențiale.

Deci, cum decidem care trăsături trăiesc și care caracteristici mor?

Pentru lansarea inițială, ar trebui să vă concentrați asupra funcțiilor care sunt esențiale pentru furnizarea funcționalității principale a aplicației. Și rețineți că doar pentru că o caracteristică nu o face în versiunea 1.0, nu înseamnă că nu va găsi calea într-o actualizare ulterioară. Dacă întâlniți o caracteristică din listă care are potențial, dar nu este esențială pentru îndeplinirea sarcinii principale a aplicației dvs., atunci faceți o notă despre aceasta ca pe ceva care merită să revizuiți odată ce ați primit fundamentele aplicației dvs..

Persoanele dvs. de utilizator și cazurile de utilizare ar trebui să joace, de asemenea, un rol în determinarea caracteristicilor pe care le includeți în versiunea 1.0 (și în versiunile ulterioare). Ce caracteristici sunt cel mai probabil să apeleze la Sasha?

După re-citirea persona utilizatorului, utilizarea cazurilor și a declarației de produs, am stabilit următoarele caracteristici:

  • Rezervare de călătorie și cazare. Aceasta este o necesitate absolută - dacă Sasha nu asigură cel puțin transportul și un loc unde să doarmă, atunci ea merge nicăieri.
  • Stabiliți un buget. Sasha finanțează întreaga călătorie pe fundul împrumutului său pentru studenți, așadar stabilirea unui buget este o prioritate pentru elevii noștri conștienți de banii.
  • Lipirea unui pin virtual într-o hartă virtuală. Sasha este o tânără studentă care caută să facă o aventură de vară cu toți prietenii ei, așa că gândul de a face ceva un pic nebun și spontan ar putea să o apeleze. De asemenea, amintiți-vă cazul nostru de utilizare în cazul în care Sasha se întâlnește cu prietenii ei și ei sunt toți egging reciproc cu privire la cât de multă distracție vor avea în această vară? Aceasta este ocazia perfectă pentru Sasha de a obține cu adevărat mingea rulând prin boot-ul aplicației noastre și lipirea unui pin virtual într-o hartă virtuală.
  • O listă de verificare. Deoarece aceasta este prima dată când Sasha a fost implicată în planificarea propriei vacanțe, având o listă de verificare clară pentru a lucra prin aceasta ar face totul mai puțin intimidant.

Lista noastră conține și alte caracteristici care ar putea face apel la Sasha, cum ar fi posibilitatea de a posta fotografii din călătoria ei, după cum deja știm că Sasha este un fan al tuturor lucrurilor social media. Cu toate acestea, pentru această versiune inițială voi ține lucrurile simple și voi rămâne concentrate asupra scopului principal al aplicației. Odată ce ați livrat funcționalitatea principală a aplicației și ați îndeplinit declarația de produs, puteți să vă îndreptați atenția către toate cele mai extraordinare adăugate.

4. Schițați fluxul la nivel înalt

Următoarea sarcină este să începeți să vă gândiți la ecranele pe care trebuie să le creați, pentru a livra această listă de caracteristici, prindeți astfel o bucată de hârtie și un pix sau creion. Schițați câteva diagrame brute ale rutelor pe care utilizatorii dvs. le-ar putea lua prin intermediul aplicației, pentru a îndeplini sarcinile de bază.

Pentru aplicația mea de călătorie, sarcinile principale sunt:

  1. Rezervarea unei călătorii.
  2. Revizuirea detaliilor despre orice excursii pe care utilizatorul le-a planificat deja.

De obicei, veți reprezenta ecrane cu forme și exprimați navigarea utilizând linii sau săgeți.


Acest exercițiu este destinat în principal să te gândești la diferitele ecrane pe care trebuie să le creezi, pentru a oferi funcțiile pe care le creezi în lista de caracteristici finale. Nu vă petreceți prea mult timp pe diagrama dvs., deoarece veți rafina acest flux când veniți pentru a crea harta ecranului.  

5. Creați o listă de ecran

Apoi, găsiți o listă cu toate ecranele pe care trebuie să le creați, pe baza diagramei.

Iată lista mea de ecran, plus o scurtă prezentare a ceea ce am de gând să includ pe fiecare ecran:

  • Ecranul de start. Acest ecran conține un meniu al tuturor călătoriilor pe care utilizatorul le-a planificat deja prin intermediul aplicației noastre. Utilizatorul poate atinge orice element din acest meniu, pentru a vizualiza lista de verificare pentru călătoria respectivă. Alternativ, ei pot da "Planul unei noi aventuri!" conectați un robinet.
  • Hartă. Acest ecran conține o hartă și un pin virtual. Utilizatorul poate atinge o secțiune a hărții sau, dacă se simte spontan, poate să-l prindă pe pinul virtual, să-și închidă ochii și să lase totul la sorți.
  • Selectați un oraș. Odată ce utilizatorul a selectat țara pe care doresc să o viziteze, acest ecran sugerează câteva orașe unde ar putea dori să rămână. Acest ecran conține, de asemenea, un cursor în care utilizatorul poate lăsa aplicația să știe ce tip de buget lucrează. 
  • Listă de verificare. Acest ecran conține o listă de verificări pentru care utilizatorul poate lucra. Atingând orice element din această listă se lansează un ecran în care utilizatorul poate îndeplini această sarcină, inclusiv:
  • Transportul cărților.
  • Rezervați un hotel.

6. Creați o hartă ecran

Acum este momentul să combinați schema noastră de flux și lista de ecran într-o hartă a ecranului care exprimă relația de navigație dintre toate aceste ecrane.

Începeți cu primul ecran pe care utilizatorul îl vede când lansează aplicația dvs. și lucrați spre exterior.


Nu este niciodată prea devreme să începeți să căutați modalități de a îmbunătăți experiența utilizatorului, așa că odată ce ați creat harta ecranului, faceți o clipă pentru a privi cu ochiul critic. Un factor care are un impact imens asupra experienței utilizatorului este numărul de ecrane pe care utilizatorul trebuie să navigheze pentru a finaliza sarcinile de bază ale aplicației.

În general, cu cât sunt mai puțini pași, cu atât mai bună este experiența utilizatorilor. Această hartă reprezintă oportunitatea perfectă de a identifica locurile unde puteți reduce numărul de ecrane pe care utilizatorul trebuie să navigheze. Acest lucru poate implica eliminarea ecranelor, combinarea ecranelor, reordonarea ecranelor sau identificarea locurilor în care ar fi logic să adăugați o scurtătură de navigare astfel încât utilizatorul să poată sări direct de pe ecranul A pe ecranul E.

Concluzie

Până acum, am luat unele decizii importante despre aplicația pe care o vom crea, inclusiv despre cine este publicul țintă și despre ce caracteristici vom include în versiunea 1.0 (cu unele caracteristici rămase pentru versiunile ulterioare). De asemenea, am făcut o listă a tuturor ecranelor pe care trebuie să le proiectăm și am schițat cum vor fi aranjate aceste ecrane în aplicația finită.

În acest moment, aplicația noastră a fost planificată, deși la un nivel foarte înalt. În partea a 2-a voi sătura mai adânc și de a proiecta ecrane individuale care alcătuiesc această hartă a ecranului, înainte de a pune aceste ecrane la încercare prin construirea unui prototip digital.

Cod