rt design studio @ moldova ict summit 2012

39
UI (interfețe pentru utilizatori) bine gândite – lux sau necesitate? www.ux.md Radu Trifan RT Design Studio

Upload: rt-design-studio

Post on 13-Aug-2015

292 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: RT Design Studio @ Moldova ICT Summit 2012

UI (interfețe pentru utilizatori) bine gândite – lux sau

necesitate?

www.ux.md

Radu TrifanRT Design

Studio

Page 2: RT Design Studio @ Moldova ICT Summit 2012

Tehnologiile avansează într-un ritm de-a dreptul amețitor. Și celor care nu sunt în sfera IT le vine din ce în ce mai greu să țină pasul cu evoluția.

Una dintre cele mai mari probleme o vedem a fi interfața cu utilizatorul.

Page 3: RT Design Studio @ Moldova ICT Summit 2012

Indiferent de câte procese complexe se petrec în spate, utilizatorul interacționează cu sistemul printr-o interfață grafică.

Dacă aceasta nu este bine realizată, atunci și sistemul devine greu de folosit și în loc să facă lucrurile mai simple - le complică.

Page 4: RT Design Studio @ Moldova ICT Summit 2012

http://servicii.fisc.md

Page 5: RT Design Studio @ Moldova ICT Summit 2012

Se pune accent pe decorare și nu pe funcționalitate. Nu se prioritizează informația sau are în vedere necesitățile utilizatorilor.

Page 6: RT Design Studio @ Moldova ICT Summit 2012

Serviciul declarație electronică.

Page 7: RT Design Studio @ Moldova ICT Summit 2012

Propunere de layout – echipa UX.MD

Page 8: RT Design Studio @ Moldova ICT Summit 2012

De ce lucrurile merg prost la acest capitol în Republica

Moldova?

Page 9: RT Design Studio @ Moldova ICT Summit 2012

Designul UI este privit ca o sarcină estetică și nu ca una funcțională.

Se pune accentul pe ”să arate bine”, nu pe ”să lucreze bine”. Decor mai degrabă decât funcționalitate.

Page 10: RT Design Studio @ Moldova ICT Summit 2012

Se caută companii care fac și designul și dezvoltarea, chiar dacă acestea nu le fac bine pe ambele.

+

Page 11: RT Design Studio @ Moldova ICT Summit 2012

Etapa de realizare a arhitecturii informației este realizată foarte superficial sau chiar trecută cu vederea.

Page 12: RT Design Studio @ Moldova ICT Summit 2012

Lipsește etapa elaborării unui prototip funcțional care să fie testat și îmbunătățit pentru a ajunge la o versiune finală optimă.4

Page 13: RT Design Studio @ Moldova ICT Summit 2012

Paginile web și aplicațiile sunt realizate în funcție de un caiet de sarcini scris de persoane neinițiate în domeniu.

Se uită de fapt de necesitățile utilizatorilor sistemului.

5

Page 14: RT Design Studio @ Moldova ICT Summit 2012

Designerii sunt puși în față cu un caiet de sarcini și nu înțeleg în esență care sunt problemele pe care sistemul le rezolvă pentru utilizatorii acestuia.

Page 15: RT Design Studio @ Moldova ICT Summit 2012

Designerii nu sunt implicați în toate etapele dezvoltării produsului. La fel nu sunt implicați nici utilizatorii.

Page 16: RT Design Studio @ Moldova ICT Summit 2012

După ce este dat în exploatare, sistemul nu este modificat în funcție de nevoile reale a utilizatorilor, ci rămâne așa cum a fost dezvoltat de executor în funcție de caietul de sarcini.

Page 17: RT Design Studio @ Moldova ICT Summit 2012

Nu se face o analiză continuă a sistemului pentru a fi ulterior optimizat și îmbunătățit. Un produs informatic înseamnă însă adaptare, optimizare și îmbunătățire continuă.

Page 18: RT Design Studio @ Moldova ICT Summit 2012

Procesul1. Cercetare și analiză

2. Prototipizare

3. Dezvoltarea produsului

4. Îmbunătățire continuă

Page 19: RT Design Studio @ Moldova ICT Summit 2012

Cercetareși analiză

Prototip

Testare

Design șiimplementare

Testare șiîmbunătățire

continuă

Design axatpe

utilizator

Page 20: RT Design Studio @ Moldova ICT Summit 2012

1 Cercetare și analizăScopurile și funcționalitatea

Se indentifică scopurile, funcționalitatea și procesele pe care urmează să le simplifice sau problemele pe care urmează să le soluționeze aplicația sau pagina web.

Page 21: RT Design Studio @ Moldova ICT Summit 2012

1 Cercetare și analizăUtilizatorii

Se identifică grupurile țintă de utilizatori și necesitățile fiecăreia dintre acestea. Se creează profilurile fiecărui grup în parte și se analizează ce necesități ar avea acestea de la sistem.

Page 22: RT Design Studio @ Moldova ICT Summit 2012

1 Cercetare și analizăȘirul logic și procesele

Se elaborează pașii și consecutivitatea acestora. Se identifică ce procese vizibile pentru utilizator se vor petrece și cum va interacționa acesta cu sistemul.

Page 23: RT Design Studio @ Moldova ICT Summit 2012

2 PrototipizareArhitectura informației

Se analizează toate compartimentele sistemului sau paginii web și se grupează în categorii după natura informației și funcționalității. Se creează harta paginii web sau a sistemului cu toate compartimentele pe care le va avea.

Page 24: RT Design Studio @ Moldova ICT Summit 2012

2 PrototipizareWireframing și layout

Se schițează aranjarea elementelor vizuale pentru fiecare pagină în parte. Se găsește cea mai optimă și uzabilă opțiune.

Page 25: RT Design Studio @ Moldova ICT Summit 2012

2 PrototipizareImplementarea prototipului

Se implementează prototipul fără a pune accent pe design și decorarea elementelor. Se respectă doar amplasarea elementelor în pagină și tot ce s-a făcut în etapele precedente. Se aplică stilizări standard.

Testarea prototipului

Prototipul creat se testează pentru a vedea dacă layoutul ales, procesele și pașii sunt simpli de înțeles pentru utilizatori.

Page 26: RT Design Studio @ Moldova ICT Summit 2012

3 Dezvoltarea produsuluiDesign UI

Se elaborează designul interfeței pentru utilizatori având în vedere toți pașii anteriori, plus rezultatele obținute dupătestarea prototipului.

Testarea

După ce totul este gata, se testează și se fac ultimele ajustări. Apoi produsul este lansat.

Page 27: RT Design Studio @ Moldova ICT Summit 2012

Folosește convențiile

Acesta este un titlu

Continuă cu text bine gândit înainte de a fi publicat.Nu decora, comunică. Utilizatorul vrea funcționalitate. Iar acesta este un link și te duce la altă pagină.

Apropo – nimeni nu are nevoie de elemente grafice fără funcționalitate care doar încarcă vizual pagina, scad contrastul și complică lucrurile fără vre-un motiv.

Page 28: RT Design Studio @ Moldova ICT Summit 2012

Bune practici

Page 29: RT Design Studio @ Moldova ICT Summit 2012

Bune practici

Page 30: RT Design Studio @ Moldova ICT Summit 2012

Bune practici

Page 31: RT Design Studio @ Moldova ICT Summit 2012

Bune practici

Page 32: RT Design Studio @ Moldova ICT Summit 2012

Bune practici

Page 33: RT Design Studio @ Moldova ICT Summit 2012

Bune practici

Page 34: RT Design Studio @ Moldova ICT Summit 2012

Bune practici

Page 35: RT Design Studio @ Moldova ICT Summit 2012

Bune practici

Page 36: RT Design Studio @ Moldova ICT Summit 2012

4 Îmbunătățire continuăChiar după ce a fost testat și lansat, produsul are nevoie de îmbunătățiri care pot fi observate doar după interacțiunea cu utilizatorii sistemului la o scară mai mare.

Deci este nevoie de analiză, optimizare și adaptare continuă în funcție de necesitățile utilizatorilor sistemului.

Page 37: RT Design Studio @ Moldova ICT Summit 2012

Regulă de aurCând există mai multe soluții la aceeași problemă, cea mai bună este soluția care este mai simplă pentru utilizator.

Page 38: RT Design Studio @ Moldova ICT Summit 2012

Să recapitulăm1. Cercetează și analizează

2. Prototipizează

3. Dezvoltă produsul

4. Testează și îmbunătățește continuu

Page 39: RT Design Studio @ Moldova ICT Summit 2012

Îți mulțumimpentru atenția acordată.

www.ux.md Un proiect RT Design Studio