Text




           Focus 1
  Construirea unui produs
funcțional, utilizabil și intuitiv

          prezentat de Valentin Bora
Motivație

‣ Software-ul este folosit de oameni
‣ Oamenii sunt leneși
‣ Oamenii nu vor să gândească
‣ Noi trebuie să îi ajutăm
Exemplu
http://www.flickr.com/photos/ssyap/
http://www.flickr.com/photos/ssyap/
http://www.flickr.com/photos/ssyap/
Usability - câteva exemple




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


       perceived affordance
aici se blochează majoritatea


emoții




         courtesy of Stephen P. Anderson
Usability - câteva principii
     Audiența țintă
   Procesele de bază
   Gândirea firului roșu


                 B RB
Usability - câteva principii

                Audiența țintă
‣ definește-o
‣ implică utilizatorii în proces
‣ pune întrebări
Gândirea firului roșu

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

                                  venim
                               re
Usability - câteva principii

                Audiența țintă
‣ definește-o
‣ implică utilizatorii în proces
‣ pune întrebări
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 ;-)
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
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
Usability - câteva principii

             Viteza de reacție

‣ de ce insistă Google atât de mult cu performanța
‣ information addiction
‣ dopamine release
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ă
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
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
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!
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
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/
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ă
Recomandare
        de carte




http://bit.ly/sk-think
Recomandare
     de site


                 f re e!

    http://usability.gov/guidelines
Pe scurt


gândirea firului roșu
don’t make me think
  make it obvious


                    http://www.flickr.com/photos/ssyap/
OK, am eliminat fricțiunea

              um ?
         si ac


prezentarea următoare
întrebări?

Focus 1 - construirea unui software functional, utilizabil si intuitiv

  • 1.
    Text Focus 1 Construirea unui produs funcțional, utilizabil și intuitiv prezentat de Valentin Bora
  • 2.
    Motivație ‣ Software-ul estefolosit de oameni ‣ Oamenii sunt leneși ‣ Oamenii nu vor să gândească ‣ Noi trebuie să îi ajutăm
  • 3.
  • 4.
  • 5.
  • 6.
  • 9.
    Usability - câtevaexemple http://www.flickr.com/photos/ssyap/
  • 10.
    Usability - câtevaexemple perceived affordance
  • 23.
    aici se blocheazămajoritatea emoții courtesy of Stephen P. Anderson
  • 24.
    Usability - câtevaprincipii Audiența țintă Procesele de bază Gândirea firului roșu B RB
  • 25.
    Usability - câtevaprincipii 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âtevaprincipii Audiența țintă ‣ definește-o ‣ implică utilizatorii în proces ‣ pune întrebări
  • 28.
    Usability - câtevaprincipii 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âtevaprincipii 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âtevaprincipii 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âtevaprincipii Viteza de reacție ‣ de ce insistă Google atât de mult cu performanța ‣ information addiction ‣ dopamine release
  • 32.
    Usability - câtevaprincipii 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âtevaprincipii 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âtevaprincipii 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âtevaprincipii 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âtevaprincipii 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âtevaprincipii 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âtevaprincipii ‣ 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 firuluiroșu don’t make me think make it obvious http://www.flickr.com/photos/ssyap/
  • 42.
    OK, am eliminatfricțiunea um ? si ac prezentarea următoare
  • 43.