Focus 1 - construirea unui software functional, utilizabil si intuitiv

Post on 22-Jun-2015

543 views 2 download

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

Text

Focus 1Construirea unui produs

funcțional, utilizabil și intuitiv

prezentat de Valentin Bora

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

Motivație

Exemplu

Usability - câteva exemple

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

Usability - câteva exemple

perceived affordance

courtesy of Stephen P. Anderson

aici se blochează majoritatea

emoții

Usability - câteva principii

Audiența țintăProcesele de bază

Gândirea firului roșu

BRB

Usability - câteva principii

‣ definește-o‣ implică utilizatorii în proces‣ pune întrebări

Audiența țintă

Gândirea firului roșu

revenim

‣ care sunt procesele de bază?‣ funcționează perfect pentru audiența ta?‣ există confuzii în proces?

Usability - câteva principii

‣ definește-o‣ implică utilizatorii în proces‣ pune întrebări

Audiența țintă

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

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

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

Usability - câteva principii

‣ de ce insistă Google atât de mult cu performanța‣ information addiction‣ dopamine release

Viteza de reacție

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

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

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

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

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ă

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

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ă

Pe scurt

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

gândirea firului roșudon’t make me think

make it obvious

OK, am eliminat fricțiunea

prezentarea următoare

si acum?

întrebări?