- Învățați despre practicile standard de design al interfeței utilizatorului
- Creați un prototip pe hârtie al aplicației voastre
- Obțineți feedback de la utilizatori folosind prototipul vostru
Acestea sunt activitățile pentru această lecție:
PROTOTIPARE
Acum că aveți o idee pentru produsuldvs. minim viabil, este timpul să vă gândiți cum va arăta proiectul dvs. și să schițați câteva idei.
Un prototip este un model de început al unui produs.
Dezvoltatorii de aplicații realizează în general un prototip pe hârtie al aplicației lor înainte de a începe programarea.
Un prototip pe hârtie este o reprezentare desenată a modului în care va arăta interfața de utilizator a aplicației voastre. Acesta include, de obicei, desene ale fiecărui ecran din aplicație, reprezentând diferite stări.
DE CE PROTOTIP?
- Vă puteți comunica rapid ideile vizual.
- Este o colaborare!
- Când lucrezi pe hârtie, totul este mai relaxat și discuțiile apar firesc din încercări și experimente.
- Nu este costisitor!
- Nu trebuie să cheltuiți mult timp și bani.
- Nu aveți nevoie de acces la un computer sau la internet.
- Nu trebuie să fiți un expert tehnic pentru această parte a procesului.
- Puteți vedea cum reacționează utilizatorii la prototip pentru a afla rapid ce poate sau nu poate funcționa în designul vostru.
- Deciziile de proiectare pot fi confirmate înainte de a investi timp cu dezvoltarea și programarea aplicației.
Aflați cum alte echipe Technovation Girls au creat prototipuri digitale și pe hârtie în acest videoclip!
Sfat pentru mentori
Cele mai bune practici: Atunci când prezentați elevelor prototipurile pe hârtie și carton, subliniați importanța de a începe cu modele simple, cu costuri reduse, pentru testarea ideilor. De exemplu, "Prototipurile pe hârtie și carton sunt ca niște schițe brute pentru proiectul vostru. Ele vă ajută să vedeți cum arată și cum funcționează ideea voastră înainte de a realiza o versiune finală. Aceste modele simple vă permit să faceți rapid modificări și să vă dați seama ce funcționează cel mai bine."
Prototipul pe hârtie poate fi utilizat pentru a obține feedback de la potențialii utilizatori (de exemplu, membri ai familiei, alți mentori, prieteni, membri ai comunității etc.). Acest feedback poate face parte din feedback-ul inclus în materialele finale de prezentare.
Următoarele videoclipuri vor arăta un exemplu de proiect de prototipare cu hardware-ul aferent (în stânga) și procesul de testare cu un prototip pe hârtie (în dreapta).
Întrebări orientative pentru elevi:
De ce este util să creați un prototip simplu pe hârtie sau carton înainte de a realiza un produs final?
Cum vă poate ajuta realizarea unui model pe hârtie sau carton să vă îmbunătățiți proiectul?
Care sunt câteva lucruri pe care le-ați putea afla din testarea unui prototip pe hârtie și pe care nu le-ați ști altfel?
Sfaturile mentorilor sunt oferite cu sprijinul AmeriCorps.
ELEMENTELE PROTOTIPULUI
Păstrați aceste lucruri în minte timp ce vă începeți prototipul pe hârtie. Treceți peste fiecare carte pentru a afla mai multe.
Utilizatorii
Utilizatorii
Tipuri de dispozitive
Tipuri de dispozitive
Telefon vs tabletă?
Accesibilitate
Accesibilitate
Consistență
Consistență
INTERFAȚA UTILIZATORULUI
Realizarea prototipului se referă la modul în care utilizatorul interacționează cu aplicația voastră. Termenul pentru acest lucru este interfață utilizator sau UI. Aceasta include toate elementele precum butoane, casete de text și glisoare care permit utilizatorului să utilizeze aplicația voastră.
Un alt termen pentru proiectarea produselor digitale este Experiența utilizatorului sau UX. Fiecare este explicat mai jos.
Interfața utilizatorului
Modul în care utilizatorii interacționează cu aplicația voastră. Aceasta include toate elementele precum butoane, casete de text și glisoare care permit utilizatorului să utilizeze aplicația voastră.
Designul interfeței pentru utilizator se concentrează pe realizarea unei aplicații atractive din punct de vedere vizual, intuitivă și ușor de utilizat.
Experiența utilizatorului
Modul în care utilizatorii experimentează aplicația voastră. Aceasta include interfața, dar se referă mai mult la emoțiile, atitudinile și comportamentul utilizatorilor.
Designul UX se referă la nevoile și obiectivele utilizatorului și la îmbunătățirea experienței sale generale.
CARACTERISTICI ALE INTERFEȚEI CU UTILIZATORUL
Mai jos sunt prezentate câteva dintre părțile cheie ale unei interfețe utilizator pentru o aplicație mobilă
NAVIGAȚIE
Navigarea este modul în care utilizatorii găsesc ceea ce caută într-o aplicație. Iată câteva exemple de opțiuni de navigare.
CONTAINER
Aceste componente vă permit să grupați conținutul. Ele ajută la așezarea unor părți ale ecranului și la ascunderea și afișarea unor părți.
INPUT
Componentele de intrare permit utilizatorului să introducă informații în aplicație. Mai jos sunt prezentate câteva exemple.
INFORMAȚII
Aceste componente permit aplicației să partajeze informații cu utilizatorii.
UTILIZAȚI ELEMENTE STANDARD
Este posibil să doriți ca aplicația voastră să arate diferit pentru a ieși în evidență față de concurenți. Cu toate acestea, utilizarea elementelor standard îi poate ajuta de fapt pe utilizatori să înțeleagă mai repede cum să utilizeze aplicația voastră.
De exemplu, majoritatea utilizatorilor sunt familiarizați cu un meniu dropdown. Ați putea proiecta un nou tip de meniu, dar acesta ar putea fi derutant pentru utilizatori. Rămâneți la componentele familiare pentru a ușura munca utilizatorilor.
STOP & TRY
- Descărcați chiar acum o aplicație nouă din magazinul de aplicații.
- Dacă aveți nevoie de inspirație, încercați AllTrails (iOS sau Android) sau Blinkist (iOS sau Android)
- Ce componente menționate mai sus utilizează?
- Încercați să utilizați aplicația timp de aproximativ 5 minute.
- Cât timp v-a luat să vă dați seama cum să îl folosiți?
Consultați acest scurt videoclip cu Melissa Powel și Mariam Shaikh de la Google despre schițe și prototipuri pe hârtie
ACTIVITATEA 1: PROTOTIP PE HÂRTIE
Schițați ecranele pentru aplicația voastră.
- Cum vor naviga utilizatorii de la un ecran la altul?
- Cum vor introduce informațiile necesare pentru aplicație?
- Cum vor fi afișate informațiile?
- Cum va fi aranjat într-un mod estetic plăcut?
- Gândiți-vă la schema de culori, font, logo
OBȚINEȚI FEEDBACK
Acum că aveți ceva fizic care să vă reprezinte soluția, este timpul să obțineți feedback de la utilizatori!
Utilizatorii potențiali trebuie să îl încerce și să vă ofere un feedback sincer.
Ce doriți să învățați din testarea cu utilizatorii?
O metodă:
- Dați-le utilizatorilor un set de sarcini pe care să le îndeplinească cu aplicația voastră și vedeți dacă le pot face fără intervenția voastră.
- Un membru al echipei poate acționa ca "computer"
- modifică ecranele sau părți ale ecranelor pe baza interacțiunilor utilizatorului
- Un alt membru al echipei este cel care ia notițe
- notează ceea ce face utilizatorul și comentariile și reacțiile sale.
- Cu permisiunea utilizatorilor, puteți înregistra și sesiunea de testare.
Nu uitați, testerii sunt acolo pentru a vă ajuta! Nu judecați și nu interveniți în interacțiunile lor (cu excepția "computerului" care răspunde/ actualizează prototipul pe baza acțiunilor).
Doar primiți feedback-ul lor cu apreciere.
Iată un exemplu excelent de testare a utilizatorilor pentru o aplicație pentru un atelier de reparații biciclete.
ACTIVITATEA 2: OBȚINEȚI FEEDBACK
Testați prototipul pe hârtie cu 2-3 utilizatori
- Prezentați prototipul utilizatorilor.
- Cereți utilizatorilor să îndeplinească o sarcină cu ajutorul prototipului.
- Lăsați-i să încerce să îndeplinească sarcina fără ajutor.
- Un membru al echipei poate acționa ca "computer" și poate reacționa la acțiunile sale.
- Un alt membru al echipei (sau doi) ia notițe despre ceea ce fac utilizatorii, comentariile și reacțiile lor.
REFLECȚIE
Vă recomandăm să vă păstrați prototipul pe hârtie. Va trebui să vă întoarceți la el pe măsură ce vă construiți proiectul. De asemenea, ar trebui să faceți fotografii ale prototipului.
REVIZUIREA TERMENILOR CHEIE
- Prototip - un model preliminar al unui produs
- Prototip pe hârtie - o reprezentare desenată de mână a modului în care va arăta aplicația voastră
- Interfața cu utilizatorul (UI) - modul în care utilizatorul interacționează fizic cu o aplicație mobilă
- Experiența utilizatorului (UX) - modul în care utilizatorul se simte cu privire la o aplicație mobilă, înainte, în timpul și după utilizarea acesteia
RESURSE SUPLIMENTARE
Deși hârtia este metoda preferată pentru crearea prototipurilor, mai ales ca prim pas, puteți utiliza și instrumente digitale pentru prototiparea aplicației voastre.
Multe instrumente sunt contra-cost, dar de obicei există o versiune gratuită pe care o puteți utiliza cu funcții sau proiecte limitate. Iată câteva posibilități.
- Diapozitive Google (ușor și gratuit!)
- InvisionApp
- Figma
- POP by Marvel
