Usability - Trudne Pytania

Slide 1: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Usability – tylko trudne pytania Tomek Karwatka / Janmedia Interactive / Webusability.pl

Slide 2: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Gdy teoria zmienia się w praktykę.. 1.Więcej czy mniej? 2.Porządek czy bałagan? 3.Logika czy emocje? 4.Użyteczność czy fajerwerki? 5.Słuchać rad czy nie? :) 6.Jak nie zwariować? Moja perspektywa: duże projekty ebiznesowe w PL, EU i USA + własne projekty (komercyjne i nonprofit).

Slide 3: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Less is more.. • Lekki layout jest przejrzysty, łatwiej dotrzeć do 20% najczęściej używanych funkcji • Wdrożenie w idei Less is more jest tańsze i szybsze, szybciej można nanosić zmiany • Szybka ścieżka – Rozwiązuj jeden problem, omijaj trudne problemy – Tylko niezbędne funkcje – Zamiast dokumentacji prototypy – Uruchamiaj wcześnie, uruchamiaj często – 3 osoby to idealny team

Slide 4: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Less is more..

Slide 5: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Less is less? • Konsumenci podczas wyboru produktów opierają decyzje na liście funkcji - Donald Norman. • 20% funkcji realizuje 80% potrzeb – ale dla każdego inne 20%. – Joel Spoolski – Ktoś pamięta tanie, proste alternatywy Worda?

Slide 6: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Less is more • Traktuj strategię Less is more jako strategię startu. • 37signals mówi.. – Less features – Less options/preferences – Less people – Less meetings – Less promises • gettingreal.37signals.com

Slide 7: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Struktura serwisu • Twórz mapę serwisu opisującą strukturę – taxonomia. • Logiczny podział

Slide 8: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Logiczna struktura, która nie działa? • Palm Treo 700w i 700p

Slide 9: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Logiczna struktura, która nie działa? • Palm Treo 700w i 700p After you take a picture with the camera, what options would you want to be immediately available? Maybe Save, Send and Delete? Not on this phone. These options are all hiding in menus; activating Send, for example, requires four more button presses. - David Pogue, New York Times

Slide 10: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Logiczna struktura, która nie działa? • Palm Treo 700w i 700p Palm OS Windows Mobile Organizacja wokół aktywności Organizacja wokół funkcji.

Slide 11: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Aktywności • Użytkownik wychodzi od swoich potrzeb – activity-centered organization – chipsy i paluszki obok piwa • Taskonomia i Taxonomia powinny się uzupełniać. • Kupujesz drukarkę - sklep zasugeruje Ci papier i atrament.

Slide 12: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Logika i emocje • Aplikacja powinna zachowywać się w sposób przewidywalny dla użytkownika. – Komunikaty o stanie systemu • np. pasek postępu

Slide 13: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Logika i emocje • Mapy w Internecie od bardzo dawna • Czym się wyróżniają Google Maps? – Dostarczają tych samych informacji co np. MapQuest – Tak samo łatwe do zrozumienia

Slide 14: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Logika i emocje • Mapy nowej generacji są: – „Fajniejsze”, „Wciągające” – Interakcja bez opóźnień, drag&drop – Płynna grafika, oddająca lepiej świat rzeczywisty i interfejs systemu operacyjnego • Emotional Design to przyszłość IxD

Slide 15: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Flash to zło • Flash ułatwia budowanie kiepskich serwisów WWW poprzez oddanie pełnej kontroli projektantowi (oznaczenia linków, nawigowanie, przewijanie treści)

Slide 16: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl RIA • RIA to aplikacja web posiadająca funkcje aplikacji desktopowej • Platformy RIA – Flex (Flash), AJAX, OpenLaszlo, Windows Presentation Foundation

Slide 17: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Gdzie stosować RIA? Konfig ura c ja i s e le kc ja Tomek, produktów pamiętaj o demo! Wiz ua liz a c ja da nyc h

Slide 18: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl RIA B IZNE S DE VE LOP E R DZIAŁ IT • Wię c e j m o żliwo śc i • P ros ty m ode l • Wy żs z a konwe rs ja utrz ym a nia • Mnie j kodu • Le ps z e Us e rE xpe rie nc e • Mnie js z e ob c iąże nia • Ła twie js z e s e rwe ra utrz ym a nie • Mnie js z y tra ns fe r

Slide 19: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Dobre rady zawsze w cenie • http://developer.yahoo.com/ypatterns/

Slide 20: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Dobre rady zawsze w cenie • Klasyczna porada: „Zamiast linku do wyszukiwarki umieść od razu formularz pozwalający szukać” • Norman przeprowadził testy i udało mu się zwiększyć ilość użyć search’a o 91%. – Ale tylko 1,5% użytkowników w ogóle używało wyszukiwarki. – 91% => 2,9%

Slide 21: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Jeszcze lepsze są badania wtórne • Michael Bernard zbadał oczekiwania użytkowników względem rozmieszczenia elementów serwisu eCommerce. • Examining User Expectations for the Location of Common E- Commerce Web Objects

Slide 22: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Jeszcze lepsze są badania wtórne • Norman na podstawie wyników robi badania na 13 sklepach i 44 użytkownikach. • Sprawdzana jest korelacja pomiędzy ułożeniem elementów a transakcyjnością oraz odczuciem użytkowników „czy sklep spełnia twoje oczekiwania” • Wynik? Brak korelacji.

Slide 23: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl To komu mam wierzyć? • Komu wierzyć? Swoim użytkownikom. • .. ale jak uzyskać feedback?

Slide 24: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Badać i pytać, ale jak i kogo? • Zacznij dyskusję z potencjalnymi klientami – Interesujące ich produkty, problemy, z czego korzystają obecnie, …

Slide 25: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Gdy projektujesz: analiza kontekstu użytkownika • Analiza ta ma na celu dokładne poznanie przyszłych użytkowników systemu. Ułatwi to określenie wymagań co do systemu. • Musisz odpowiedzieć na pytania: – kim są użytkownicy systemu, – do czego będzie służył im system, – jakie są umiejętności użytkowników, – czy system lub użytkownicy napotykać będą na ograniczenia zewnętrzne, • By poznać użytkowników oraz ich wymagania możesz posłużyć się: – spotkaniem z użytkownikami – ankietami – wywiadami indywidualnymi z użytkownikami – obserwacją pracy użytkowników

Slide 26: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Gdy projektujesz: Scenariusze użycia (use cases) • Scenariusze użycia opisują jak użytkownicy pracują na podstawie typowych zadań. Są tworzone zawsze z perspektywy użytkownika i jego potrzeb. • Scenariusze użycia najlepiej opracować wraz z finalnymi użytkownikami serwisu.

Slide 27: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Gdy uruchamiasz: Aukcje internetowe jako środowisko testowe • Testy produktów i cen • Testy dla zespołu / logistyki • Poza tym – Jeden z efektywniejszych kosztowo sposobów promocji sklepu – jesteśmy tam gdzie ludzie szukają produktu. – Budowanie świadomości marki u potencjalnych klientów. – Budowanie pozycji w wyszukiwarkach.

Slide 28: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl

Slide 29: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Gdy masz już serwis: Badania z użytkownikami • Najpierw spróbuj samemu wykonać zadania testowe. • Bądź uprzejmy i dbaj o poczucie własnej wartości użytkowników. Testujesz strony, nie ludzi. • Zachęcaj do głośnego myślenia. • Jeśli nie wiesz co myśli użytkownik – zapytaj o to. • Nie udzielaj wskazówek dotyczących tego jak mają postępować. • Wydawaj proste i klarowne polecenia. • Bezpośrednio po sesji rób notatki. • Uprzedź użytkownika, że: – Będzie nagrywany – Nie będziesz w trakcie testu odpowiadać na jego pytania – Wynagrodzenie nie zależy od wyniku testów

Slide 30: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Podsumowanie 1. Jest czas na minimalizm i jest czas na dodawanie funkcji. 2. Celem użytkownika są działania. 3. Serwisy nie budzące pozytywnych emocji mają trudniej. 4. „Fajerwerki” mogą służyć usability. 5. Słuchanie użytkowników jest lepsze niż słuchanie ekspertów. 6. Testowanie usability ułatwia zrozumieć użytkowników i uzyskać jednoznaczne wytyczne.

Slide 31: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Rozszerzona wersja prezentacji? zostaw mi wizytówkę Masz eBiznes? Zapisz się na CzyToDziala.pl Interesujesz się mobile? Pobierz Kurs Mobile Web z BiznesMobi.pl

Slide 32: Tomasz Karwatka | www.webusability.pl | www.janmedia.pl