Download - Document4
![Page 1: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/1.jpg)
Jak zapewnid satysfakcję klienta w 10 małych zasadach i w 1 dużej.
Wojciech Kuśmierek
Aula Polska #75, 9 lutego 2012 rok, Warszawa
![Page 2: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/2.jpg)
A long time ago in a galaxy far, far away....
![Page 3: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/3.jpg)
A właściwie: w poprzednim tysiącleciu, za oceanem....
![Page 4: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/4.jpg)
1990 A.D.
Jakob Nielsen Rolf Molich
10
heurystyk
użyteczności
![Page 5: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/5.jpg)
•Widocznośd stanu systemu
1
![Page 6: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/6.jpg)
• System powinien zawsze na bieżąco informowad użytkowników, co się dzieje, poprzez odpowiedni komunikat w rozsądnym czasie.
![Page 7: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/7.jpg)
Użytkownik zmienił stan systemu
![Page 8: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/8.jpg)
Stan systemu: zajęty
![Page 9: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/9.jpg)
Stan systemu: zmienio(a)ny przez system
Szkoda, że nie na czerwono, ale i tak bosko (i często mieszają z reklamami)
![Page 10: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/10.jpg)
„System” to nie tylko „system informatyczny”
![Page 11: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/11.jpg)
„System” to nie tylko „system informatyczny”
![Page 12: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/12.jpg)
• Dostosuj system do świata rzeczywistego
2
![Page 13: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/13.jpg)
• System powinien mówid językiem użytkownika, używad słów, zwrotów i pojęd znanych dla użytkownika. Powinien unikad żargonu technicznego.
• Używaj konwencji użytkownika, jego sposobu myślenia (modelu mentalnego).
![Page 14: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/14.jpg)
Język daleki od języka użytkownika
(bardzo stara wersja strony, już się poprawili :)
![Page 15: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/15.jpg)
Użytkownik nie jest komputerem odczytującym dane
![Page 16: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/16.jpg)
Użytkownik nie jest komputerem odczytującym dane
![Page 17: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/17.jpg)
Użytkownik zwykle robi co innego niż zakłada twórca („zapach informacji”)
Steve Krug, „Nie każ mi myśled”
![Page 18: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/18.jpg)
• Poczucie kontroli i swoboda wyboru
3
![Page 19: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/19.jpg)
• Użytkownicy często wybierają jakąś funkcję przez pomyłkę. Wówczas będą szukad „wyjścia awaryjnego”, aby bezpiecznie się wycofad.
• Mnogośd opcji odbiera poczucie kontroli (patrz zasada 7)
• Zapewnij obsługę „Cofnij”.
![Page 20: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/20.jpg)
Dawaj poczucie kontroli
![Page 21: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/21.jpg)
Umożliwiaj cofanie akcji
![Page 22: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/22.jpg)
• Spójnośd i standardy
4
![Page 23: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/23.jpg)
• Użytkownicy nie powinni się zastanawiad, czy zastosowanie danego słowa, sytuacji lub działania oznaczają to samo. Korzystaj z ustalonych konwencji.
![Page 24: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/24.jpg)
Koszyk jest mocną metaforą
![Page 25: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/25.jpg)
• Zapobiegaj błędom
5
![Page 26: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/26.jpg)
• Lepsze niż dobre komunikaty o błędach jest staranne projektowanie, który zapobiega problemowi
![Page 27: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/27.jpg)
Sprawdzanie błędów na bieżąco, ale inteligentnie.
![Page 28: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/28.jpg)
Pomoc w odpowiednim miejscu, pojawia się dopero na fokus.
![Page 29: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/29.jpg)
Niektóre błędy można wykluczyd, zamiast je obsługiwad.
![Page 30: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/30.jpg)
• Rozpoznawanie, a nie przypominanie
6
![Page 31: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/31.jpg)
• Zminimalizuj wykorzystanie pamięci użytkownika poprzez pokazywanie obiektów, czynności i opcji (afordancje).
• Nie żądaj od użytkownika, aby pamiętał informację między jedną częścią interfejsu, a drugą.
• Instrukcje (pomoc) powinny byd zawsze widoczne i łatwo dostępne tam, gdzie są potrzebne.
![Page 32: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/32.jpg)
Najprostsze zastosowanie - zmieniaj kolor linków.
![Page 33: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/33.jpg)
Wspomagaj pamięd i zasoby poznawcze użytkownika
![Page 34: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/34.jpg)
Ikony przyspieszają rozpoznanie, ale same są wieloznaczne.
![Page 35: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/35.jpg)
• Elastycznośd i wydajnośd
7
![Page 36: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/36.jpg)
• Zaawansowane funkcje, niezauważone przez początkującego użytkownika, często mogą przyspieszyd interakcję użytkownika-eksperta.
• Dzięki temu system może zaspokoid zarówno doświadczonych, jak i niedoświadczonych użytkowników.
• Pozwala użytkownikom na zautomatyzowanie częstych działao.
![Page 37: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/37.jpg)
Ograniczenie widoczności opcji sprzyja poczuciu kontroli
![Page 38: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/38.jpg)
• Estetycznie i oszczędnie
8
![Page 39: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/39.jpg)
• Interface nie powinien zawierad informacji, które są nieistotne lub rzadko potrzebne.
• Każda dodatkowa jednostka informacji w interfejsie konkuruje z właściwymi jednostkami informacji i zmniejsza ich względną widocznośd.
![Page 40: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/40.jpg)
http://www.jnd.org/dn.mss/CH01.pdf
foto: devilsadvocatesecurity.blogspot.com
foto: forbes.com
![Page 41: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/41.jpg)
• Pomóż użytkownikom rozpoznad, zdiagnozowad i rozwiązad problem.
9
![Page 42: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/42.jpg)
• Komunikaty błędów powinny byd wyrażone w zrozumiałym języku (bez kodów systemu), dokładnie wskazad problem i zaproponowad konstruktywne rozwiązanie.
![Page 43: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/43.jpg)
O błędach można mówid zrozumiale.
![Page 44: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/44.jpg)
Język czyni cuda. Nie tylko w klubie golfowym
![Page 45: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/45.jpg)
Czy ten komunikat błędu pomaga?
![Page 46: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/46.jpg)
• Pomoc i dokumentacja
10
![Page 47: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/47.jpg)
• Mimo, że lepiej jest, gdy system może byd stosowany bez dokumentacji, może byd konieczne zapewnienie pomocy i dokumentacji.
• Wszelkie tego typu informacje powinny byd łatwe do wyszukania, koncentrowad się na zadaniu użytkownika (kontekstowe), zawierad wykaz konkretnych kroków, które mają byd przeprowadzone, i nie może byd zbyt obszerna.
![Page 48: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/48.jpg)
Pomoc zawsze kontekstowa, najlepiej dynamiczna.
![Page 49: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/49.jpg)
Niekontekstowa pomoc to utrudnienie.
![Page 50: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/50.jpg)
Bonus Track!
![Page 51: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/51.jpg)
• Nie wierz mi, badaj! 11
![Page 52: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/52.jpg)
• Użytecznośd to łatwość i przyjemność osiągania celów w danym kontekście.
![Page 53: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/53.jpg)
• Użytecznośd księgarni internetowej.
• Cel? Chcę kupid...
– „Millennium Larssona”
– „Milenium Larsona”
– „Coś dobrego”
– „Ten słynny szwedzki kryminał”
– „Fajny prezent dla taty pod choinkę”
![Page 54: Document4](https://reader033.vdocuments.mx/reader033/viewer/2022061117/54685933af79599d558b5ea3/html5/thumbnails/54.jpg)