Redesign Amica.pl Studium przypadku - WUD 2009 - Iga Mościchowska
•
4 likes•703 views
O procesie realizacji redesign serwisu Amica.pl - przykład jak stosować UCD i jak badania użyteczności do poprawy jakości strony internetowej.
Redesign Amica.pl Studium przypadku - WUD 2009 - Iga Mościchowska
- 1. Redesign Amica.pl - Studium przypadku Iga Mościchowska 12.11.2009 www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 1
- 2. Schemat realizacji redesign amica.pl Zdefiniowanie Badanie Analiza Testy Założenia problemu i założeń sondażowe konkurencji użyteczności Projektowanie Projektowanie Projekt Programowanie funkcjonalne graficzne Testy Testy Ulepszenia użyteczności (x2) Wdrożenie www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 2
- 3. 1. Zdefiniowanie problemu i założeń Zdefiniowanie Badanie Analiza Testy Założenia problemu i założeń sondażowe konkurencji użyteczności Projektowanie Projektowanie Projekt Programowanie funkcjonalne graficzne Testy Testy Ulepszenia użyteczności (x2) Wdrożenie www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 3
- 4. 1. Zdefiniowanie problemu i założeń 1.1 Wartości marki Prostota obsługi Fachowość Nowoczesność www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 4
- 5. 1. Zdefiniowanie problemu i założeń Prostota obsługi 1.2 User experience Nowo- Fachowość czesność Użyteczność Funkcjonalność Atrakcyjność www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 5
- 6. 1. Zdefiniowanie problemu i założeń Zdefiniowanie Badanie Analiza Testy Założenia problemu i założeń sondażowe konkurencji użyteczności Projektowanie Projektowanie Projekt Programowanie funkcjonalne graficzne Testy Testy Ulepszenia użyteczności (x2) Wdrożenie www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 6
- 7. 1. Zdefiniowanie problemu i założeń ankieta online 44% szukało informacji o produkcie, 12 dni (styczeń 2009) 4 pytania zamknięte, 1 otwarte, który chcieli zakupić metryczka próba 364 respondentów 66% korzysta z wyszukiwarki produktów 63% korzysta z katalogu produktów 20% korzysta z wyszukiwarki sklepów www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 7
- 8. 1. Zdefiniowanie problemu i założeń Zdefiniowanie Badanie Analiza Testy Założenia problemu i założeń sondażowe konkurencji użyteczności Projektowanie Projektowanie Projekt Programowanie funkcjonalne graficzne Testy Testy Ulepszenia użyteczności (x2) Wdrożenie www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 8
- 9. 1. Zdefiniowanie problemu i założeń Układ strony głównej Prezentacja produktów Karta produktu www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 9
- 10. 1. Zdefiniowanie problemu i założeń Zdefiniowanie Badanie Analiza Testy Testy Założenia problemu i założeń sondażowe konkurencji użyteczności Projektowanie Projektowanie Projekt Programowanie funkcjonalne graficzne Testy Testy Ulepszenia użyteczności (x2) Wdrożenie www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 10
- 11. 1. Zdefiniowanie problemu i założeń Ewaluacja formatywna Protokół głośnego myślenia 6 uczestników badania 25-35 lat 1 moderator i 1 obserwator www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 11
- 12. 1. Zdefiniowanie problemu i założeń 7 pytań w pre-kwestionariuszu 12 zadań, po 10 dla użytkownika 10 stwierdzeń w post-kwestionariuszu 3 stopniowa skala wykonania zadań www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 12
- 13. 1. Zdefiniowanie problemu i założeń www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 13
- 14. 1. Zdefiniowanie problemu i założeń Chcesz zakupić odkurzacz, jednak masz ograni- czone fundusze. Znajdź na stronie dwa najtańsze odkurzacze. Zobacz czym się od siebie różnią i wybierz model, który zakupisz. Twój partner poprosił Cię o znalezienie instrukcji obsługi do Waszej lodówki oznaczonej symbolem BK232.5. Postanawiasz spróbować odnaleźć instrukcję na stronie Amica. www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 14
- 15. 1. Zdefiniowanie problemu i założeń Najfajniejsza jest strona produktu. Wszystko tam jest. Chaos! Obczajam, co tu jest. Komentarze użytkowników były jak widać emocjonalne. Takie żywe, obrazowe wypowiedzi często lepiej pokazują występujący problem i przemawiają do wyobraźni osób tworzących projekt, niż wskaźniki ilościowe (np. niższa ocena wykonania zadania). www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 15
- 16. 1. Zdefiniowanie problemu i założeń Trzeba pamiętać, że nie wszystkie problemy, jakie zgłasza nam Nie wiem, co to relacje użytkownik, są tak naprawdę problemami. Przykładowy termin inwestorskie, dziwne. Relacje? „relacje inwestorskie”, nie zrozumiany przez jednego z uczestni- Może recenzje? ków badania, filtruje tak naprawdę grupę celu (osoby zainteresowane stanem finansowym spółki). Zbyt wyszukana nazwa. Testy z użytkownikami pozwalają spojrzeć na projekt oczami osoby postronnej, bez bagażu doświadczeń i wiedzy, co pozwala Gdzie za taką cenę? odkryć niedociągnięcia i podpowiada proste rozwiązania. Takim przykładem była kwestia cen produktów, prezentowanych na stronie, bez informowania, gdzie można kupić dany produkt za podaną cenę. www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 16
- 17. 1. Zdefiniowanie problemu i założeń 1 raport 30 slajdów 22 rekomendacje www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 17
- 18. 2. Projekt Zdefiniowanie Badanie Analiza Testy Założenia problemu i założeń sondażowe konkurencji użyteczności Projektowanie Projektowanie Projektowanie Projekt Programowanie funkcjonalne graficzne Testy Testy Ulepszenia użyteczności (x2) Wdrożenie www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 18
- 19. 2. Projekt www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 19
- 20. 2. Projekt Uproszczona i spłaszczona została nawigacja. Wyeksponowane zostały produkty i dodane wizerunki poszczególnych grup. Uproszczono także wyszukiwarkę i wyróżniono odnośnik do sekcji kariera. www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 20
- 21. 2. Projekt Zmienione zostały założenia odnośnie listy produktów. Pierwotnie strona ta miała pokazywać charakterystykę grupy produktów (funkcje, promocje, nowości). W wyniku przeprowadzonych badań Za dużo trzeba pokonać, zdecydowano się zmienić założenia i położyć nacisk na sam produkt. żeby dostać się do informacji, Czterokrotnie zwiększyła się liczba prezentowanych na stronie która jest potrzebna. produktów i są one widoczne już przed łamaniem strony. www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 21
- 22. 2. Projekt Najmniej zmian wprowadzono w karcie produktu, która wzbudziła zarówno dobre opinie użytkowników, jak i charakteryzowała się dobrymi ocenami wykonania zadań. www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 22
- 23. 3. Testy Zdefiniowanie Badanie Analiza Testy Założenia problemu i założeń sondażowe konkurencji użyteczności Projektowanie Projektowanie Projekt Programowanie funkcjonalne graficzne Testy Testy Ulepszenia użyteczności (x2) Wdrożenie www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 23
- 24. 3. Testy 10 uczestników badania 20-35 lat 1 moderator i 1 obserwator 8/10 zadań powtórzonych z I serii testów użyteczności 5 uczestników pierwszej serii testów użyteczności 5 nowych uczestników badań użyteczności www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 24
- 25. 3. Testy ogólny wzrost o 1 punkt na skali satysfakcji największy wzrost oceny dla łatwości znalezienia (3,0 → 4,6) zmiana z ocen 3,0-3,8 na 4,3-4,9 Pierwotną, neutralną ocenę satysfakcji respondentów udało się zwiększyć do oceny 4,5 (ocena 5 była najwyższą i najlepszą oceną na skali). Największy wzrost nastąpił dla łatwości znalezienia poszukiwanych informacji, co było najważniejszym celem redesignu. Niższa ocena satysfakcji uczestników I serii badań prawdopodobnie była efektem wyuczenia (w wyniku wcześniejszych doświadczeń z poprzednią wersją serwisu). www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 25
- 26. 3. Testy średnia ocena wykonania wszystkich zadań 2x większa największy wzrost oceny wykonania dla porównywania produktów (0,0 → 2,3) Ocena 3 dla wykonania zadania oznaczała wykonanie w sposób szybki i bez jakichkolwiek problemów. Ocena 0 oznaczała nie wykonanie żadnego z zakładanych elementów wykonania zadania. Nie wykonanie zadania związanego z porównywarką produktów w I serii badań było prawdopodobnie wynikiem nieodpowiedniego dopasowania etykiety do funkcjonalności. W II serii badań zadanie było wykonywane nawet przez osoby, które nigdy wcześniej nie używały porównywarki. www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 26
- 27. 3. Testy Nieco niższa ocena wykonania zadań dla uczestników z I serii badań wynikała prawdopodobnie z doświadczenia z poprzednią wersją serwisu oraz wypracowanych tym sposobem oczekiwań, które nie zawsze miały odzwierciedlenie w nowej wersji serwisu. www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 27
- 28. 3. Testy Zdefiniowanie Badanie Analiza Testy Założenia problemu i założeń sondażowe konkurencji użyteczności Projektowanie Projektowanie Projekt Programowanie funkcjonalne graficzne Testy Testy Ulepszenia Ulepszenie użyteczności (x2) Wdrożenie www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 28
- 29. 3. Testy Nie wszystkim uczestnikom badania odpowiadał projekt graficzny strony, jednak wszyscy zwracali uwagę na jej nowoczesny wygląd. Gusta są różne i nie da się dogodzić wszystkim, jednak wypowiedzi użytkowników pokazały, że udało się osiągnąć nasz cel – stworzyć za pomocą strony nowoczesny wizerunek marki. Wow! Podobają mi się slajdy, piękna Chłodne kolory, dlatego jest wejściowa strona Amiki, gdzie sprzedają nowoczesne. Nie kojarzy się ładne sprzęty. Dużo ciemnych kolorów, bardzo przyjemnie. ja to lubię. www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 29
- 30. 3. Testy Wśród elementów, które zostały udoskonalone w wyniku drugiej serii badań, znalazły się: - wyróżnienie sekcji z filtrami, - dodanie przycisku „Porównaj produkty” w prawym górnym rogu, do którego respondenci odruchowo kierowali wzrok lub myszkę, - powielenie funkcji rozwijania opcji, aby ułatwić dostrzeżenie funkcji przy czytaniu tylko jednej kolumny, - dodanie do ceny terminu „Sugerowana”. www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 30
- 31. 3. Testy Użytkownicy na każdym teście czymś nas zaskoczą. Pierwotny projekt markera dla placówek serwisu fabrycznego (narzędzia służące do naprawy), zostały skojarzone z niezapomnianą epoką sierpa i młota lub z Górnym Śląskiem. Ta nieprzewidziana interpretacja spowodowała, że zdecydowaliśmy się zmienić projekt na mniej kontrowersyjny ;) www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 31
- 32. 4. Wdrożenie Zdefiniowanie Badanie Analiza Testy Założenia problemu i założeń sondażowe konkurencji użyteczności Projektowanie Projektowanie Projekt Programowanie funkcjonalne graficzne Testy Testy Ulepszenia użyteczności (x2) Wdrożenie www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 32
- 33. Najlepszym elementem pracy projektanta i osoby zajmującej się użytecznością jest pozytywny feedback od naszych użytkowników, którzy nie wiedząc nawet o naszej pracy, doceniają jej efekty. www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 33
- 34. Pytania? www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 34
- 35. DZIĘKUJĘ ZA UWAGĘ Pytania? www.mindchili.com tel. 071 332 38 70 e-mail: iga.moscichowska@mindchili.com www.mindchili.com | tel. 071 332 38 70 | e-mail: contact@mindchili.com 35