Prezentacja Igi Mościchowskiej z MindChili w ramach World Usability Day Tour 2009!

1. 1www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
Redesign Amica.pl - Studium przypadku
Iga Mościchowska
12.11.2009

2. 2www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
Zdefiniowanie
problemu i założeń
Projektowanie
graficzne
Projektowanie
funkcjonalne
Testy
użyteczności
Analiza
konkurencji
Badanie
sondażowe
Testy
użyteczności (x2)
Projekt
Wdrożenie
Schemat realizacji redesign amica.pl
Założenia
Testy
Programowanie
Ulepszenia

3. 3www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
1. Zdefiniowanie problemu i założeń
Zdefiniowanie
problemu i założeń
Projektowanie
graficzne
Projektowanie
funkcjonalne
Testy
użyteczności
Analiza
konkurencji
Badanie
sondażowe
Testy
użyteczności (x2)
Projekt
Wdrożenie
Założenia
Testy
Programowanie
Ulepszenia
Zdefiniowanie
problemu i założeń
Założenia

4. 4www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
1. Zdefiniowanie problemu
i założeń
1.1 Wartości marki
Fachowość
Prostota obsługi
Nowoczesność

5. 5www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
1.2 User experience
Funkcjonalność Atrakcyjność
Użyteczność
Fachowość
Prostota
obsługi
Nowo-
czesność
1. Zdefiniowanie problemu
i założeń

6. 6www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
Zdefiniowanie
problemu i założeń
Projektowanie
graficzne
Projektowanie
funkcjonalne
Testy
użyteczności
Analiza
konkurencji
Badanie
sondażowe
Testy
użyteczności (x2)
Projekt
Wdrożenie
Założenia
Testy
Programowanie
Ulepszenia
Zdefiniowanie
problemu i założeń
Badanie
sondażowe
1. Zdefiniowanie problemu i założeń

7. 7www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
44%szukało informacji o produkcie,
który chcieli zakupić
66%korzysta z wyszukiwarki produktów
63%korzysta z katalogu produktów
20%korzysta z wyszukiwarki sklepów
ankieta online
12 dni (styczeń 2009)
4 pytania zamknięte, 1 otwarte,
metryczka
próba 364 respondentów
1. Zdefiniowanie problemu i założeń

8. 8www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
Zdefiniowanie
problemu i założeń
Projektowanie
graficzne
Projektowanie
funkcjonalne
Testy
użyteczności
Analiza
konkurencji
Badanie
sondażowe
Testy
użyteczności (x2)
Projekt
Wdrożenie
Założenia
Testy
Programowanie
Ulepszenia
Zdefiniowanie
problemu i założeń
Analiza
konkurencji
1. Zdefiniowanie problemu i założeń

9. 9www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
Układ strony
głównej
1. Zdefiniowanie problemu i założeń
Prezentacja
produktów
Karta
produktu

10. 10www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
Zdefiniowanie
problemu i założeń
Projektowanie
graficzne
Projektowanie
funkcjonalne
Testy
użyteczności
Analiza
konkurencji
Badanie
sondażowe
Testy
użyteczności (x2)
Projekt
Wdrożenie
Założenia
Testy
Programowanie
Ulepszenia
Zdefiniowanie
problemu i założeń
Testy
użyteczności
1. Zdefiniowanie problemu i założeń

11. 11www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
1. Zdefiniowanie problemu i założeń
Ewaluacja formatywna
Protokół głośnego myślenia
6uczestników badania
25-35lat
1moderator i 1obserwator

12. 12www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
1. Zdefiniowanie problemu i założeń
10stwierdzeń w post-kwestionariuszu
7pytań w pre-kwestionariuszu
3stopniowa skala wykonania zadań
12zadań, po 10dla użytkownika

13. 13www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
1. Zdefiniowanie problemu i założeń

14. 14www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
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.

15. 15www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
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).

16. 16www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
1. Zdefiniowanie problemu i założeń
Nie wiem, co to relacje
inwestorskie, dziwne. Relacje?
Może recenzje?
Zbyt wyszukana nazwa.
Gdzie za taką cenę?
Trzeba pamiętać, że nie wszystkie problemy, jakie zgłasza nam
użytkownik, są tak naprawdę problemami. Przykładowy termin
„relacje inwestorskie”, nie zrozumiany przez jednego z uczestni-
ków badania, filtruje tak naprawdę grupę celu (osoby
zainteresowane stanem finansowym spółki).
Testy z użytkownikami pozwalają spojrzeć na projekt oczami
osoby postronnej, bez bagażu doświadczeń i wiedzy, co pozwala
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ę.

17. 17www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
1. Zdefiniowanie problemu i założeń
22rekomendacje
1raport
30slajdów

18. 18www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
Zdefiniowanie
problemu i założeń
Projektowanie
graficzne
Projektowanie
funkcjonalne
Testy
użyteczności
Analiza
konkurencji
Badanie
sondażowe
Testy
użyteczności (x2)
Projekt
Wdrożenie
Założenia
Testy
Programowanie
Ulepszenia
Projekt
Projektowanie
funkcjonalne
Projektowanie
graficzne
Programowanie
2. Projekt

19. 19www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
2. Projekt

20. 20www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
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.

21. 21www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
2. Projekt
Za dużo trzeba pokonać,
żeby dostać się do informacji,
która jest potrzebna.
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ń
zdecydowano się zmienić założenia i położyć nacisk na sam produkt.
Czterokrotnie zwiększyła się liczba prezentowanych na stronie
produktów i są one widoczne już przed łamaniem strony.

22. 22www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
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ń.

23. 23www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
3. Testy
Zdefiniowanie
problemu i założeń
Projektowanie
graficzne
Projektowanie
funkcjonalne
Testy
użyteczności
Analiza
konkurencji
Badanie
sondażowe
Testy
użyteczności (x2)
Projekt
Wdrożenie
Założenia
Testy
Programowanie
UlepszeniaTesty
Testy
użyteczności (x2)

24. 24www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
3. Testy
10uczestników badania
20-35lat
1moderator i 1obserwator
8/10zadań powtórzonych
z I serii testów użyteczności
5 uczestników pierwszejserii testów użyteczności
5 nowych uczestników badań użyteczności

25. 25www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
3. Testy
ogólny wzrost o 1punkt 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).

26. 26www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
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.

27. 27www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
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.

28. 28www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
3. Testy
Zdefiniowanie
problemu i założeń
Projektowanie
graficzne
Projektowanie
funkcjonalne
Testy
użyteczności
Analiza
konkurencji
Badanie
sondażowe
Testy
użyteczności (x2)
Projekt
Wdrożenie
Założenia
Testy
Programowanie
UlepszeniaTesty Ulepszenie

29. 29www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
3. Testy
Wow! Podobają mi się slajdy, piękna
wejściowa strona Amiki, gdzie sprzedają
ładne sprzęty. Dużo ciemnych kolorów,
ja to lubię.
Chłodne kolory, dlatego jest
nowoczesne. Nie kojarzy się
bardzo przyjemnie.
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.

30. 30www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
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”.

31. 31www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
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 ;)

32. 32www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
4. Wdrożenie
Zdefiniowanie
problemu i założeń
Projektowanie
graficzne
Projektowanie
funkcjonalne
Testy
użyteczności
Analiza
konkurencji
Badanie
sondażowe
Testy
użyteczności (x2)
Projekt
Wdrożenie
Założenia
Testy
Programowanie
Ulepszenia
Wdrożenie

33. 33www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
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.

34. 34www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
Pytania?

35. 35www.mind .comchili | tel. 071 332 38 70 | e-mail: contact@mindchili.com
DZIĘKUJĘ ZA UWAGĘ
Pytania?
www.mindchili.com
tel. 071 332 38 70
e-mail: iga.moscichowska@mindchili.com