focus 1 - construirea unui software functional, utilizabil si intuitiv
DESCRIPTION
Afla gandirea firului rosu si cum sa construiesti un produs utilizabil, care sa previna fruTRANSCRIPT
![Page 1: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/1.jpg)
Text
Focus 1Construirea unui produs
funcțional, utilizabil și intuitiv
prezentat de Valentin Bora
![Page 2: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/2.jpg)
‣Software-ul este folosit de oameni‣Oamenii sunt leneși‣Oamenii nu vor să gândească‣Noi trebuie să îi ajutăm
Motivație
![Page 3: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/3.jpg)
Exemplu
![Page 4: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/4.jpg)
http://www.flickr.com/photos/ssyap/
![Page 5: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/5.jpg)
http://www.flickr.com/photos/ssyap/
![Page 6: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/6.jpg)
http://www.flickr.com/photos/ssyap/
![Page 7: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/7.jpg)
![Page 8: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/8.jpg)
![Page 9: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/9.jpg)
Usability - câteva exemple
http://www.flickr.com/photos/ssyap/
![Page 10: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/10.jpg)
Usability - câteva exemple
perceived affordance
![Page 11: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/11.jpg)
![Page 12: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/12.jpg)
![Page 13: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/13.jpg)
![Page 14: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/14.jpg)
![Page 15: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/15.jpg)
![Page 16: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/16.jpg)
![Page 17: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/17.jpg)
![Page 18: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/18.jpg)
![Page 19: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/19.jpg)
![Page 20: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/20.jpg)
![Page 21: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/21.jpg)
![Page 22: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/22.jpg)
![Page 23: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/23.jpg)
courtesy of Stephen P. Anderson
aici se blochează majoritatea
emoții
![Page 24: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/24.jpg)
Usability - câteva principii
Audiența țintăProcesele de bază
Gândirea firului roșu
BRB
![Page 25: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/25.jpg)
Usability - câteva principii
‣ definește-o‣ implică utilizatorii în proces‣ pune întrebări
Audiența țintă
![Page 26: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/26.jpg)
Gândirea firului roșu
revenim
‣ care sunt procesele de bază?‣ funcționează perfect pentru audiența ta?‣ există confuzii în proces?
![Page 27: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/27.jpg)
Usability - câteva principii
‣ definește-o‣ implică utilizatorii în proces‣ pune întrebări
Audiența țintă
![Page 28: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/28.jpg)
Usability - câteva principii
‣ vezi ce conținut caută utilizatorii din audiența ta‣ creează conținut de calitate, relevant‣ focalizează-te pe beneficiile utilizatorului, nu pe tine și
pe siteul tău‣ bun pentru SEO ;-)
Conținut de calitate
![Page 29: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/29.jpg)
Usability - câteva principii
‣ fii fericit dacă cineva citește 30% din ceea ce scrii‣ oferă headline-uri și catchy words în puncte cheie‣ utilizatorii nu citesc, ci fac scan & skim
Conținut scanabil
![Page 30: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/30.jpg)
Usability - câteva principii
‣ păstrează aceeași navigație în tot site-ul‣ arată-mi unde sunt‣ arată-mi ce pot face unde sunt‣ arată-mi unde pot merge‣ în unele situații se poate renunța și la navigație - pâlnie
de vânzări
Consistența
![Page 31: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/31.jpg)
Usability - câteva principii
‣ de ce insistă Google atât de mult cu performanța‣ information addiction‣ dopamine release
Viteza de reacție
![Page 32: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/32.jpg)
Usability - câteva principii
‣ limitează numărul de decizii pe fiecare pagină‣ call to action evident‣ utilizatorii nu iau decizii optime, ci mai degrabă
vânează‣ attention span foarte mic‣ memorie de scurtă durată foarte limitată
Don’t make me think
![Page 33: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/33.jpg)
Usability - câteva principii
‣ minimizează numărul de câmpuri‣ dacă se poate, evită formularul cu totul‣ oferă exemple de completare‣ pentru utilizatori avansați, asigură-te că nu ridică mâna
de pe tastatură, și totul funcționează‣ arată foarte clar elementele obligatorii‣ mesaje de eroare inteligibile
Formulare web
![Page 34: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/34.jpg)
Usability - câteva principii
‣ utilizatorilor le place senzația de control‣ pentru fiecare acțiune, oferă o reacțiune‣ dacă ceva durează mult, fă o bară de progres‣ bonus: oferă ceva fun de făcut între timp
Feedback bogat
![Page 35: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/35.jpg)
Usability - câteva principii
‣ mă repet, oamenii nu citesc ce scrii‣ fă totul cât mai evident (linkuri, headlines, navigație)‣ call to action‣ aerisește siteul!
Fă lucrurile evidente
![Page 36: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/36.jpg)
Usability - câteva principii
‣ tu nu ești potrivit(ă) pentru a testa ceva făcut de tine‣ desemnează procesele din gândirea firului roșu‣ pune pe cineva, preferabil din audiența ta țintă, să le
execute și să gândească cu voce tare‣ notează-ți toate ezitările și problemele care apar, toate
barierele
Testează și reiterează
![Page 37: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/37.jpg)
Usability - câteva principii
‣ faptul că nu merge siteul pe anumite browsere, tu pierzi conversie și e problema ta
‣ testează pe diferite rezoluții‣ testează pe dispozitive mobile‣ există soluții drăguțe cum ar fi Adobe Browser Lab‣ vedeți și http://browsersize.googlelabs.com/
Testează tehnologic
![Page 38: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/38.jpg)
Usability - câteva principii‣ Audiența țintă‣ Procesele de bază‣ Gândirea firului roșu‣ Don’t make me think‣ Reacție rapidă a softului‣ Limitări ale memoriei userului‣ Feedback bogat din partea softului‣ Unde mă aflu? Unde pot merge? Ce pot face acum?‣ Cât mai puține decizii pe fiecare pagină
![Page 39: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/39.jpg)
Recomandarede carte
http://bit.ly/sk-think
![Page 40: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/40.jpg)
Recomandarede site
http://usability.gov/guidelines
free!
![Page 41: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/41.jpg)
Pe scurt
http://www.flickr.com/photos/ssyap/
gândirea firului roșudon’t make me think
make it obvious
![Page 42: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/42.jpg)
OK, am eliminat fricțiunea
prezentarea următoare
si acum?
![Page 43: Focus 1 - construirea unui software functional, utilizabil si intuitiv](https://reader034.vdocuments.mx/reader034/viewer/2022042521/55876069d8b42a7a2b8b4607/html5/thumbnails/43.jpg)
întrebări?