Prezentacija od Nedima Šabića sa web konferencije "Web strategija 11" 16.6.2011 u Zagrebu. Proglašeno najboljim predavanjem. Više o autoru na www.seo.ba

1. USABILITY
Mjerilo kada je dosta fancy funkcija

2. Kada je dosta fancy funkcija?

3. Ko su vodeći usability eksperti na Svijetu?

4. Ko su vodeći usability eksperti na Svijetu?
1. Jakob Nielsen
2. Donald Norman
3. Michael Burmester

5. Ko su vodeći usability eksperti na Svijetu?
1. Jakob Nielsen
2. Donald Norman
3. Michael Burmester
Nedim Šabić

6. Ko su vodeći usability eksperti na Svijetu?
1. Jakob Nielsen
2. Donald Norman
3. Michael Burmester
Nedim Šabić

7. Zašto je usability bitan?

8. Zašto je usability bitan?
Komercijalni proizvod Nekomercijalni proizvod
olakšava korištenje ubrzava razumjevanje
i razumjevanje i pamćenje

9. Zašto je usability bitan?
Komercijalni proizvod Nekomercijalni proizvod
olakšava korištenje ubrzava razumjevanje
i razumjevanje i pamćenje
intenzivnija i duža intenzivnija i duža
interakcija interakcija

10. Zašto je usability bitan?
Komercijalni proizvod Nekomercijalni proizvod
olakšava korištenje ubrzava razumjevanje
i razumjevanje i pamćenje
intenzivnija i duža intenzivnija i duža
interakcija interakcija
povećava broj
povećava prodaju zapamćenih informacija

12. Podjela usability-a
1) screen usability
2) print usability
3) product usablity

13. Podjela usability-a
1) screen usability a) tv usability
2) print usability b) workstation usablity
3) product usablity c) mobile usability
d) web usability

14. Podjela usability-a
1) screen usability a) tv usability
2) print usability b) workstation usablity
3) product usablity c) mobile usability
d) web usability
- aplikacija
- web stranica
- igrica
- ...

15. Podjela usability-a
1) screen usability a) tv usability
2) print usability b) workstation usablity
3) product usablity c) mobile usability
d) web usability
- aplikacija
- web stranica
- igrica
- ...

16. Podjela usability-a
1) screen usability a) tv usability
2) print usability b) workstation usablity
3) product usablity c) mobile usability
d) web usability
- aplikacija
- web stranica
- igrica
- ...
Poseban akcent na slabovidne. Web stranice javnih ustanova
su zakonski obavezne da ispoštuju tu normu!

17. U čemu je problem?

19. Designer vs. Programer

20. 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 !

21. Designer vs. Programer vs. User

22. User

23. Designer

24. Programer

25. Zbučkuriš

26. Odakle krenuti?

27. Fokus
- Šta donosi novac? Funkcija ili dizajn ili kombinacija?
- Ko donosi novac? Kupac sa ili bez izbora?

28. Fokus
- Šta donosi novac? Funkcija ili dizajn ili kombinacija?
- Ko donosi novac? Kupac sa ili bez izbora?
Nulti korak
Upoznaj svoje usere! Napravi persone i drži ih se!
Zašto? Jer oni su ultimativno mjerilo!

29. Fokus
- Šta donosi novac? Funkcija ili dizajn ili kombinacija?
- Ko donosi novac? Kupac sa ili bez izbora?
Nulti korak
Upoznaj svoje usere! Napravi persone i drži ih se!
Zašto? Jer oni su ultimativno mjerilo!
Povećaj profitabilnost kroz usability
1. Nauči osnovna usability pravila za web stranice
2. Uradi ispravan usability test za web stranicu

30. OSNOVE

31. Persone - To rade i veliki!

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

33. Osnovna usability pravila
- ustanovljena kroz masu usability testova
- većina korisnika iz cijelog Svijeta
1. Jednostavnost

35. Osnovna usability pravila
- ustanovljena kroz masu usability testova
- većina korisnika iz cijelog Svijeta
1. Jednostavnost
2. Boje utiču fizički i psihički na korisnika!
Ispravno ih koristi!

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

37. Osnovna usability pravila
- ustanovljena kroz masu usability testova
- većina korisnika iz cijelog Svijeta
1. Jednostavnost
2. 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)!

38. Osnovna usability pravila
- ustanovljena kroz masu usability testova
- većina korisnika iz cijelog Svijeta
1. Jednostavnost
2. 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!

41. Slike povećavaju mogućnost čitanja
0 slika = 20%
1 slika = 40%
2 slike = 50%
3 slike = 65%
4 slike = 67%

42. Osnovna usability pravila
- ustanovljena kroz masu usability testova
- većina korisnika iz cijelog Svijeta
1. Jednostavnost
2. 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.

43. Osnovna usability pravila
- ustanovljena kroz masu usability testova
- većina korisnika iz cijelog Svijeta
1. Jednostavnost
2. 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)!

44. Osnovna usability pravila
- ustanovljena kroz masu usability testova
- većina korisnika iz cijelog Svijeta
1. Jednostavnost
2. 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!

45. METODE USABILTIY TESTINGA

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

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

48. MALO IZ PRAKSE

49. Ja sam glup(a) za ovo!

50. Tehnologija pomaže ...

51. Tehnologija pomaže ...

52. i nije jednostavna!

53. Muško i ...

54. ... žensko!

55. Rezultat!

56. Sretno!

57. Još žedni?
ISBN-13: 978-0735711020

58. HVALA!
Nedim Šabić
Netshake Medien und Technologie GmbH
nedim@netshake.de
www.netshake.de
Blog: seo.ba/blog
Twitter: twitter.ba/neximuss