shopcamp poznań stary browar/jakub dodot (cogision)
DESCRIPTION
Narzędzia służące do wykrywania błędów użyteczności w serwisach e-commerceTRANSCRIPT
![Page 1: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/1.jpg)
Narzędzia służące do wykrywania
błędów użyteczności w serwisach
e-commerce
Jakub Dodot
Cogision
![Page 2: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/2.jpg)
Plan prezentacji
1. Użyteczność i jej znaczenie w e-
commerce
2. Jak wykrywa się błędy użyteczności • Audyt użyteczności
• Bezpośrednie testy z użytkownikami
• Zdalne testy z użytkownikami
3. Relacja między narzędziami
4. Co można zrobić samemu?
![Page 3: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/3.jpg)
Użyteczność (ang. Usability)
• Nawigacja na stronie
• Łatwe znajdowanie informacji
• Zrozumiała komunikacja
![Page 4: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/4.jpg)
Użyteczność (ang. Usability)
• Nawigacja na stronie
• Łatwe znajdowanie informacji
• Zrozumiała komunikacja (webwriting)
![Page 5: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/5.jpg)
Użyteczność (ang. Usability)
• Nawigacja na stronie
• Łatwe znajdowanie informacji
• Zrozumiała komunikacja (webwriting)
![Page 6: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/6.jpg)
Użyteczność (ang. Usability)
• Nawigacja na stronie
• Łatwe znajdowanie informacji
• Zrozumiała komunikacja (webwriting)
![Page 7: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/7.jpg)
Użyteczność (ang. Usability)
Pomysł na e-biznes
Użyteczna strona www
Dobry towar, dobra cena, dobra obsługa
Wysoka sprzedaż = duży zysk
Przyciągnięcie klientów
![Page 8: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/8.jpg)
Użyteczność (ang. Usability)
Dobry towar, dobra cena, dobra obsługa
Wysoka sprzedaż = duży zysk
Użyteczna strona www
Przyciągnięcie klientów
Pomysł na e-biznes
![Page 9: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/9.jpg)
Użyteczność (ang. Usability)
Użyteczna strona www
Dobry towar, dobra cena, dobra obsługa
Wysoka sprzedaż = duży zysk
Przyciągnięcie klientów
Pomysł na e-biznes
![Page 10: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/10.jpg)
Błąd użyteczności
• Kiedy użytkownik chce coś zrobić a nie umie
![Page 11: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/11.jpg)
Błąd użyteczności
• Kiedy użytkownik chce coś zrobić a nie umie
Kontakt z firmą
![Page 12: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/12.jpg)
Błąd użyteczności
• Kiedy użytkownik chce coś zrobić i nie umie
Kontakt z firmą
Informacje o przesyłce i
płatności
![Page 13: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/13.jpg)
Błąd użyteczności
• Kiedy użytkownik chce coś zrobić i nie umie
Kontakt z firmą
Informacje o przesyłce i
płatności
Szczegółowe informacje
o produkcie
![Page 14: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/14.jpg)
Jak wykryć błędy użyteczności?
![Page 15: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/15.jpg)
Audyt użyteczności
• Ekspert przegląda stronę
• Na podstawie swojej wiedzy znajduje błędy
• Wczuwa się w użytkownika
Efekt:
Raport = błędy + rekomendacje
Wada – Jakość eksperta; opinia przeciw opinii
![Page 16: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/16.jpg)
Przykłady błędów
![Page 17: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/17.jpg)
![Page 18: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/18.jpg)
![Page 19: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/19.jpg)
Niezgodne z intuicją
oznaczenie słów
kolorami.
![Page 20: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/20.jpg)
Testy z użytkownikami
• Potrzeby: – Pomieszczenie do badania
– Użytkownicy
– Badacz
• Scenariusz badań
• Obserwowanie (nagrywanie) wykonywania zadań przez użytkowników
• Zapraszamy właściciela strony
Efekt –> raport = błędy + rekomendacje
Wada – Trudno zapewnić „domowe” warunki
![Page 21: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/21.jpg)
Testy z użytkownikami
• Potrzeba: – Pomieszczenie do badania
– Użytkownicy
– Badacz
• Scenariusz badań
• Obserwowanie (nagrywanie) wykonywania zadań przez użytkowników
• Zapraszamy właściciela strony
Efekt –> raport = błędy + rekomendacje
Wada – Trudno zapewnić „domowe” warunki
![Page 22: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/22.jpg)
Przykłady błędów
![Page 23: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/23.jpg)
Faktyczna cena to 579,00 zł
![Page 24: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/24.jpg)
Brak informacji o dostępnych kolorach. Użytkownik szukając ciemnej szafki
pomija te które prezentowe są na zdjęciu w jasnych kolorach, nieświadom, że
na stronie produktu można zmienić kolor na ciemny
![Page 25: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/25.jpg)
Komunikat „Pole wymagane” mało widoczne, użytkownik z początku nie
zauważył, potem nie potrafił zidentyfikować którego pola dotyczy.
![Page 26: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/26.jpg)
Zdalne testy użyteczności
• Brak fizycznego kontaktu między badanym a badaczem
• Podział na testy moderowane i niemoderowane (automatyczne)
• Główna zaleta – badany jest pewniejszy siebie ponieważ w trakcie badania jest u siebie w domu
![Page 27: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/27.jpg)
![Page 28: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/28.jpg)
Relacja między narzędziami
Wykluczają się czy wspierają?
![Page 29: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/29.jpg)
Relacja między narzędziami
Wykluczają się czy wspierają?
• Każde z narzędzi da wiedzę na temat
serwisu
• Umiejętnie połączone narzędzia
uzupełniają się
• Czasem warto rozbić badania na kilka
etapów (pomiędzy etapami wnosić
poprawki do serwisu)
![Page 30: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/30.jpg)
Co można zrobić samemu?
![Page 31: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/31.jpg)
Partyzanckie testy
• Samodzielne testy użyteczności
1. Zaproś kilku znajomych (lub znajomych znajomych)
2. Przygotuj kluczowy scenariusz (np. zakup produktu)
3. Obserwuj (nagrywaj) jak użytkownik sobie radzi z zadaniem
4. Nie przeszkadzaj, nie podpowiadaj
![Page 32: shopcamp poznań stary browar/jakub dodot (cogision)](https://reader033.vdocuments.net/reader033/viewer/2022051817/547d942bb4af9fb4158b5448/html5/thumbnails/32.jpg)
Dziękuje
Pytania?