Focus 1 - construirea unui software functional, utilizabil si intuitiv

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

description

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

Transcript of Focus 1 - construirea unui software functional, utilizabil si intuitiv

Page 1: Focus 1 - construirea unui software functional, utilizabil si intuitiv

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

‣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

Exemplu

Page 7: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 8: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 9: Focus 1 - construirea unui software functional, utilizabil si intuitiv

Usability - câteva exemple

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

Page 10: Focus 1 - construirea unui software functional, utilizabil si intuitiv

Usability - câteva exemple

perceived affordance

Page 11: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 12: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 13: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 14: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 15: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 16: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 17: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 18: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 19: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 20: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 21: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 22: Focus 1 - construirea unui software functional, utilizabil si intuitiv
Page 23: Focus 1 - construirea unui software functional, utilizabil si intuitiv

courtesy of Stephen P. Anderson

aici se blochează majoritatea

emoții

Page 24: Focus 1 - construirea unui software functional, utilizabil si intuitiv

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 41: Focus 1 - construirea unui software functional, utilizabil si intuitiv

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

OK, am eliminat fricțiunea

prezentarea următoare

si acum?

Page 43: Focus 1 - construirea unui software functional, utilizabil si intuitiv

întrebări?