Afla gandirea firului rosu si cum sa construiesti un produs utilizabil, care sa previna fru

1. Text
Focus 1
Construirea unui produs
funcțional, utilizabil și intuitiv
prezentat de Valentin Bora

2. Motivație
‣ Software-ul este folosit de oameni
‣ Oamenii sunt leneși
‣ Oamenii nu vor să gândească
‣ Noi trebuie să îi ajutăm

3. Exemplu

4. http://www.flickr.com/photos/ssyap/

5. http://www.flickr.com/photos/ssyap/

6. http://www.flickr.com/photos/ssyap/

9. Usability - câteva exemple
http://www.flickr.com/photos/ssyap/

10. Usability - câteva exemple
perceived affordance

23. aici se blochează majoritatea
emoții
courtesy of Stephen P. Anderson

24. Usability - câteva principii
Audiența țintă
Procesele de bază
Gândirea firului roșu
B RB

25. Usability - câteva principii
Audiența țintă
‣ definește-o
‣ implică utilizatorii în proces
‣ pune întrebări

26. Gândirea firului roșu
‣ care sunt procesele de bază?
‣ funcționează perfect pentru audiența ta?
‣ există confuzii în proces?
venim
re

27. Usability - câteva principii
Audiența țintă
‣ definește-o
‣ implică utilizatorii în proces
‣ pune întrebări

28. Usability - câteva principii
Conținut de calitate
‣ 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 ;-)

29. Usability - câteva principii
Conținut scanabil
‣ 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

30. Usability - câteva principii
Consistența
‣ 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

31. Usability - câteva principii
Viteza de reacție
‣ de ce insistă Google atât de mult cu performanța
‣ information addiction
‣ dopamine release

32. Usability - câteva principii
Don’t make me think
‣ 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ă

33. Usability - câteva principii
Formulare web
‣ 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

34. Usability - câteva principii
Feedback bogat
‣ 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

35. Usability - câteva principii
Fă lucrurile evidente
‣ mă repet, oamenii nu citesc ce scrii
‣ fă totul cât mai evident (linkuri, headlines, navigație)
‣ call to action
‣ aerisește siteul!

36. Usability - câteva principii
Testează și reiterează
‣ 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

37. Usability - câteva principii
Testează tehnologic
‣ 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/

38. 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ă

39. Recomandare
de carte
http://bit.ly/sk-think

40. Recomandare
de site
f re e!
http://usability.gov/guidelines

41. Pe scurt
gândirea firului roșu
don’t make me think
make it obvious
http://www.flickr.com/photos/ssyap/

42. OK, am eliminat fricțiunea
um ?
si ac
prezentarea următoare

43. întrebări?