Warsztat: Zabawa w agencj interaktywn. Projekt od A do Z.Tomasz Karwatka {Divante i Ideacto}

*

PlanStworzy projekt serwisu WWWZgodnie z User-Centered DesignPrzy uyciu prototypowania

*

Nie jest lekko

Were surrounded. That simplifies our problem of getting to these people and killing them.*- Chesty Puller* Motto z naszego biura

*

*

*

Cel biznesowyCel biznesowy: Potrzeby uytkownikw:

*

AnalizaAnaliza kontekstu uytkownika

Przegld rozwiza konkurencyjnych

*

Analiza kontekstu uytkownikaJakie indywidualne cechy uytkownikw mog wpyn na ich zachowanie / percepcj podczas korzystania z serwisu?Jakie dowiadczenie i wiedz maj uytkownicy w wykonywaniu zada?Jak silnie s zmotywowani uytkownicy, podczas wykonywania zadania?Jakie s przyczyny tego, e uytkownicy wykonuj swoje zadania?Jakie dowiadczenie i wiedz maj w korzystaniu z innych serwisw?Wszystkie aspekty zwizane z uytkownikami, ktre bd miay znaczenie przy korzystaniu przez nich z serwisu

*

Analiza kontekstu uytkownikaZebranie grupy ludzi, ktrzy najczciej kontaktuj si z uytkownikami, np. obsuga klientaZrobienie listy potencjalnych uytkownikw podzia na kluczowe segmenty wg wieku, wyksztacenia, dowiadczenia z Internetem, zawodu , rl jakie peni korzystajc z systemu itp. Okrelenie jakie zadania bd wykonywa poszczeglne grupy: publikacja ogosze, przegldanie ogosze, kupno domu dla rodziny, kupno samochodu dla ony, znalezienie wakacyjnej pracy poziom szczegowoci zadaOpis uytkownikw rda wiedzyWybr metody weryfikujcej zaoenia (badania jakociowe)

ObserwacjeWywiady

*

rda wiedzy o uytkownikachUytkownicyStatystykiLudzie kontaktujcy si z uytkownikamiFora internetoweZnajomiArtefaktyEksperciMy sami, jako uytkownicy

*

Analiza - Testy porwnawcze

*

Analiza - ZasigAlexa.com

*

Generowanie koncepcjiBurze mzgwTechniki kreatywneArchiwizacjaEwaluacja ekspercka

*

Ewaluacja - Less is moreRozwizuj jeden problemOmijaj trudne problemyTylko niezbdne funkcjeNie dokumentuj, twrz prototypyUruchamiaj jak najwczeniejTrzy osoby to idealny team

*

PrototypowanieScenariusze (use case) wybierzmy jedenDiagramy przejStrukturaArchitektura informacjiMakiety funkcjonalneDziaajce prototypyDokumentacja

*

Diagramy przej

*

Struktura serwisuMao, kto wie, e may gwint to E14. Aby zadowoli wszystkich uytkownikw do kategorii dodano obrazki.

*

Strukturahttp://freemind.sourceforge.net/wiki/index.php/Main_Page#Download.

*

Architektura informacji - Patternshttp://developer.yahoo.com/ypatterns/http://interface.fh-potsdam.de/infodesignpatterns/patterns.php

*

Makiety funkcjonalne

*

Makiety funkcjonalne - Axure

*

Testowanie - Test KrugaCo to jest za witryna (identyfikator witryny)?Na jakiej jestem stronie (nazwa strony)?Jakie s gwne kategorie?Jakie mam opcje do wyboru na tym poziomie struktury?Gdzie znajduj si w odniesieniu do caej struktury?W jaki sposb mog czego poszuka?

*

Testowanie testy z uytkownikamiNa podstawie celw biznesowych serwisu i ustale z klientem opracuj zadania testowe do badania. W czasie jednego badania uytkownik zrealizuje od 4 do 12 zada. Zadania naley dopasowa tak aby cae badanie nie trwao duej ni 90 minut.Przetestuj realizowalno zada.Przygotuj kwestionariusze wywiadu przed badaniem i po badaniu. Warto przeprowadzi krtki wywiad z uytkownikiem przed badaniem aby dowiedzie si czego o sposobie w jaki korzysta z Internetu. Po badaniu warto pozna oglne opinie o badanym serwisie.Przygotuj dokumenty potrzebne do przeprowadzenia bada. Bd to umowa z osob badan, klauzula poufnoci, zezwolenie na ew. nagranie bada, wydruk zada testowych oraz kwestionariuszy wywiadu, formatki do prowadzenie notatek podczas badania.

*

Testowanie testy z uytkownikamiZrekrutuj uytkownikw. Zapewnij sobie minimum 30 minut przerwy pomidzy badaniami aby mg przygotowa rodowisko testowe i omwi wyniki badania.Ustal harmonogram testw. Testy najlepiej prowadzi z obserwatorem. Moderator moe wtedy skupi si na prowadzeniu badania, bez obawy, e pominie jaki szczeg w notatkach.Zapewnij odpowiednie miejsce do przeprowadzenia testw oraz odpowiedni sprzt, dobre cze do Internetu, ewentualny sprzt nagrywajcy.

*

Testowanie testy z uytkownikamiPrzeprowad testy. Zacznij od prbnego zadania na rozgrzewk, aby odstresowa badanego. Bd uprzejmy i dbaj o poczucie wasnej wartoci uytkownikw. Testujesz strony, nie ludzi. Podczas testw:Zachcaj do gonego mylenia.Jeli nie wiesz, co myli uytkownik zapytaj o to. Nie udzielaj wskazwek dotyczcych tego jak maj postpowa.Wydawaj proste i klarowne polecenia.Bezporednio po sesji rb notatki.Uprzed uytkownika, e:Bdzie nagrywanyNie bdziesz w trakcie testu odpowiada na jego pytaniaWynagrodzenie nie zaley od wyniku testwOmw notatki z testw i przygotuj wnioski. Opcjonalnie opracuj nagrania video z testw.

*

Testy uytecznoci a testy grupowe

Testy grupoweTesty uytecznociNiewielka grupa osbPojedynczy uytkownikUczestnicy reaguj na koncepcje i projekty, ktre im si przedstawiaProsi si uytkownika o okrelenie co to jest, do czego suy lub aby uy danej rzeczyDobre do szybkiego uzyskania prbek opinii iodczu uytkownikw. Nadaj si dosprawdzenia oczekiwa odbiorcw,okrelenia ich potrzeb. Pozwalaj ocenipomys na bazie, ktrego powsta mawitryna. Mona sprawdzi tewykorzystywane w witrynie sownictwo.Sprawdzenie czy witryna funkcjonujepoprawnie i okrelenie na jakie problemynapotyka uytkownik.Wykonywane na pocztku procesu tworzeniaserwisu.Wykonywane na kocu procesu tworzenia serwisu.

Porwnawcze testy usability

Wersja 01Wersja 02Strona gwna- skojarzenie ze sklepem, z moliwoci porwnania cen z innych sklepw- kojarzy si ze sklepem ze sprztem komputerowym, ale te sprzedaj inne rzeczy [bo widoczne rne zdjcia]- nie rzuca si w oczy e jest to porwnywarka - mona co kupi, dowiedzie si jaka jest najlepsza cena, porwna, dowiedzie si na co zwrci uwag - kojarzy si ze stron, ktra jest bardziej nastawiona na sprzt, na okrelon tematyk [ze wzgldu na zdjcia]- kategorie w kolumnach lepiej si czyta ni listy w drugiej wersji, - zostawi kolumny kategorii ale doda z poprzedniego ikony Box Najlepsze ceny - dobrze, e jest ale mao rzuca si w oczy, powinny by bardziej przejrzyste, moe sama nazw lub wyrane okienko z najlepsz cen.. - bardziej zaznaczone, e porwnywarka ale wci mao rzuca si w oczy- kojarzy si ze stron Allegro (podobna lista)- bardziej przejrzysta, klarowna, widoczna- przydayby si te dwa kwadraty z I wersji, ale b. przejrzyste- mona zakupi przez Internet, pooglda, dowiedzie si gdzie mona kupi - jeli szuka si oglnie, rnych rzeczy to ta jest lepsza

*

Optymalizacja

*

Dokumentacja produkcyjna

*

Jakohttp://validator.w3.orghttp://www.w3.org/WAI/http://ready.mobi http://www.browsercam.comhttp://mtld.mobi/emulator.phphttp://validator.w3.org/checklink

*

*

Dzikuj za uwag!Konsulting www.ideacto.plEnterprise 2.0 www.divante.pl Tomasz Karwatkatkarwatka@ideacto.pl

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*