(ws11) nedim Šabić: usability - mjerilo kada je dovoljno fancy funkcija

58
USABILITY Mjerilo kada je dosta fancy funkcija

Upload: webstrategija

Post on 26-Jun-2015

519 views

Category:

Education


0 download

DESCRIPTION

Najbolje predavanje na regionalnoj konferenciji "Web::Strategija 1011 - Frontend naš svagdašnji" prema ocjeni publike

TRANSCRIPT

Page 1: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

USABILITYMjerilo kada je dosta fancy funkcija

Page 2: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Kada je dosta fancy funkcija?

Page 3: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Ko su vodeći usability eksperti na Svijetu?

Page 4: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Ko su vodeći usability eksperti na Svijetu?

1. Jakob Nielsen2. Donald Norman3. Michael Burmester

Page 5: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Ko su vodeći usability eksperti na Svijetu?

1. Jakob Nielsen2. Donald Norman3. Michael Burmester

Nedim Šabić

Page 6: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Ko su vodeći usability eksperti na Svijetu?

1. Jakob Nielsen2. Donald Norman3. Michael Burmester

Nedim Šabić

Page 7: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Zašto je usability bitan?

Page 8: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Zašto je usability bitan?Komercijalni proizvod Nekomercijalni proizvod

olakšava korištenjei razumjevanje

ubrzava razumjevanjei pamćenje

Page 9: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Zašto je usability bitan?Komercijalni proizvod Nekomercijalni proizvod

olakšava korištenjei razumjevanje

ubrzava razumjevanjei pamćenje

intenzivnija i dužainterakcija

intenzivnija i dužainterakcija

Page 10: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Zašto je usability bitan?Komercijalni proizvod Nekomercijalni proizvod

olakšava korištenjei razumjevanje

ubrzava razumjevanjei pamćenje

intenzivnija i dužainterakcija

intenzivnija i dužainterakcija

povećava prodajupovećava broj

zapamćenih informacija

Page 11: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija
Page 12: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Podjela usability-a1) screen usability2) print usability3) product usablity

Page 13: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Podjela usability-a1) screen usability2) print usability3) product usablity

a) tv usabilityb) workstation usablityc) mobile usabilityd) web usability

Page 14: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Podjela usability-a1) screen usability2) print usability3) product usablity

a) tv usabilityb) workstation usablityc) mobile usabilityd) web usability

- aplikacija- web stranica- igrica- ...

Page 15: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Podjela usability-a1) screen usability2) print usability3) product usablity

a) tv usabilityb) workstation usablityc) mobile usabilityd) web usability

- aplikacija

- igrica- ...

- web stranica

Page 16: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Podjela usability-a1) screen usability2) print usability3) product usablity

a) tv usabilityb) workstation usablityc) mobile usabilityd) web usability

- aplikacija

- igrica- ...

- web stranica

Poseban akcent na slabovidne. Web stranice javnih ustanovasu zakonski obavezne da ispoštuju tu normu!

Page 17: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

U čemu je problem?

Page 18: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija
Page 19: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Designer Programervs.

Page 20: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

NERAZUMIJEVANJE

Koliko vidim, nisi još ubacio one sjene što sam ti poslao.A rekao sam ti da ona plava nije ta nego #009ACD !

Nemam ja kad te tvoje nebitne detalje ubacivati,jer upravo ubacujem još jedan kriterij za pretragu !

Page 21: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Designer Programer Uservs. vs.

Page 22: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

User

Page 23: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Designer

Page 24: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Programer

Page 25: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Zbučkuriš

Page 26: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Odakle krenuti?

Page 27: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Fokus

- Šta donosi novac? - Ko donosi novac?

Funkcija ili dizajn ili kombinacija?Kupac sa ili bez izbora?

Page 28: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Fokus

Nulti korak

- Šta donosi novac? - Ko donosi novac?

Funkcija ili dizajn ili kombinacija?Kupac sa ili bez izbora?

Upoznaj svoje usere! Napravi persone ! i drži ih seZašto? Jer oni su ultimativno mjerilo!

Page 29: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Fokus

Nulti korak

- Šta donosi novac? - Ko donosi novac?

Funkcija ili dizajn ili kombinacija?Kupac sa ili bez izbora?

Upoznaj svoje usere! Napravi persone ! i drži ih seZašto? Jer oni su ultimativno mjerilo!

1. Nauči osnovna usability pravila za web stranice2. Uradi usability test za web stranicuispravan

Povećaj profitabilnost kroz usability

Page 30: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

OSNOVE

Page 31: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Persone - To rade i veliki!

Page 32: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Osnovna usability pravila- ustanovljena kroz masu usability testova- većina korisnika iz cijelog Svijeta

Page 33: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Osnovna usability pravila

1. Jednostavnost

- ustanovljena kroz masu usability testova- većina korisnika iz cijelog Svijeta

Page 34: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija
Page 35: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Osnovna usability pravila

1. Jednostavnost

Ispravno ih koristi!2. Boje utiču fizički i psihički na korisnika!

- ustanovljena kroz masu usability testova- većina korisnika iz cijelog Svijeta

Page 36: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

2. Boje utiču fizički i psihički na korisnika!

Page 37: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Osnovna usability pravila

1. Jednostavnost2. Boje utiču fizički i psihički na korisnika!

Ispravno ih koristi! 3. Logo lijevo gore, pretraga gore desno ili u sredini, link ka kontakt formularu gore desno, (pomoćni) meni lijevo)!

- ustanovljena kroz masu usability testova- većina korisnika iz cijelog Svijeta

Page 38: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Osnovna usability pravila

1. Jednostavnost2. Boje utiču fizički i psihički na korisnika!

Ispravno ih koristi!3. Logo lijevo gore, pretraga gore desno ili u sredini, link ka kontakt formularu gore desno, (pomoćni) meni lijevo)!

4. Tekst (skoro) niko ne čita, koristi slike, posebno lica!

- ustanovljena kroz masu usability testova- većina korisnika iz cijelog Svijeta

Page 39: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija
Page 40: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija
Page 41: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Slike povećavaju mogućnost čitanja

0 slika = 20%

2 slike = 50%

4 slike = 67%

1 slika = 40%

3 slike = 65%

Page 42: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Osnovna usability pravila

1. Jednostavnost2. Boje utiču fizički i psihički na korisnika!

Ispravno ih koristi!3. Logo lijevo gore, pretraga gore desno ili u sredini, link ka kontakt formularu gore desno, (pomoćni) meni lijevo)!4. Tekst (skoro) niko ne čita, koristi slike, posebno lica!

5. Naslovi i tekst trebaju biti čitljivi i u web fontovima.

- ustanovljena kroz masu usability testova- većina korisnika iz cijelog Svijeta

Page 43: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Osnovna usability pravila

1. Jednostavnost2. Boje utiču fizički i psihički na korisnika!

Ispravno ih koristi!3. Logo lijevo gore, pretraga gore desno ili u sredini, link ka kontakt formularu gore desno, (pomoćni) meni lijevo)!4. Tekst (skoro) niko ne čita, koristi slike, posebno lica!5. Naslovi i tekst trebaju biti čitljivi i u web fontovima.

6. Koristi breadcrumbe (mrvice)!

- ustanovljena kroz masu usability testova- većina korisnika iz cijelog Svijeta

Page 44: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Osnovna usability pravila

1. Jednostavnost2. Boje utiču fizički i psihički na korisnika!

Ispravno ih koristi!3. Logo lijevo gore, pretraga gore desno ili u sredini, link ka kontakt formularu gore desno, (pomoćni) meni lijevo)!4. Tekst (skoro) niko ne čita, koristi slike, posebno lica!5. Naslovi i tekst trebaju biti čitljivi i u web fontovima.6. Koristi breadcrumbe (mrvice)!

7. Call to action dugmad u zelenu ili naranđastu boju!

- ustanovljena kroz masu usability testova- većina korisnika iz cijelog Svijeta

Page 45: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

METODE USABILTIY TESTINGA

Page 46: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Usability je skoro besplatan!- većina testova nije skuplja od 300EUR- potreban dan vremena i 6 usera za test- potreban dan za evaluaciju

Page 47: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Usability testing je jednostavan!Pravilo br.1 - Test sa ciljnom grupom (personama)Pravilo br.2 - Precizno i isto mjerenje

User

Page 48: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

MALO IZ PRAKSE

Page 49: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Ja sam glup(a) za ovo!

Page 50: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Tehnologija pomaže ...

Page 51: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Tehnologija pomaže ...

Page 52: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

i nije jednostavna!

Page 53: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Muško i ...

Page 54: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

... žensko!

Page 55: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Rezultat!

Page 56: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Sretno!

Page 57: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

Još žedni?

ISBN-13: 978-0735711020

Page 58: (WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija

HVALA!

Nedim ŠabićNetshake Medien und Technologie [email protected]

Blog: seo.ba/blogTwitter: twitter.ba/neximuss