Usability - Trudne Pytania

Tomasz Karwatka | www.webusability.pl | www.janmedia.pl

Usability – tylko trudne pytania

Tomek Karwatka / Janmedia Interactive / Webusability.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).


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


Less is more..


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?


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


Struktura serwisu• Twórz mapę serwisu opisującą strukturę – taxonomia.• Logiczny podział


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




Windows MobileOrganizacja wokół funkcji.

Palm OSOrganizacja wokół aktywności


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.


Logika i emocje

• Aplikacja powinna zachowywać się w sposób przewidywalny dla użytkownika.– Komunikaty o stanie systemu

• np. pasek postępu


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


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


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)


RIA

• RIA to aplikacja web posiadająca funkcje aplikacji desktopowej

• Platformy RIA– Flex (Flash), AJAX, OpenLaszlo, Windows

Presentation Foundation


Gdzie stosować RIA?Konfiguracja i selekcja

produktów

Wizualizacja danych

Tomek, pamiętaj o demo!


RIA

• Wyższa konwersja

• Lepsze UserExperience

BIZNES

•Więcej możliwości

•Mniej kodu

•Łatwiejsze utrzymanie

DEVELOPER DZIAŁ IT

•Prosty model utrzymania

•Mniejsze obciążenia serwera

•Mniejszy transfer


Dobre rady zawsze w cenie

• http://developer.yahoo.com/ypatterns/


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%


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


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.


To komu mam wierzyć?

• Komu wierzyć? Swoim użytkownikom.

• .. ale jak uzyskać feedback?


Badać i pytać, ale jak i kogo?

• Zacznij dyskusję z potencjalnymi klientami– Interesujące ich produkty, problemy, z czego

korzystają obecnie, …


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


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.


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.



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


Podsumowanie1. 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.


Rozszerzona wersja prezentacji? zostaw mi wizytówkę

Masz eBiznes?Zapisz się na CzyToDziala.pl

Interesujesz się mobile?Pobierz Kurs Mobile Web z BiznesMobi.pl


Technology

Usability - Trudne Pytania