Tomasz Karwatka | www.webusability.pl | www.janmedia.pl Usability – tylko trudne pytania Tomek Karwatka / Janmedia Interactive / Webusability.pl
May 26, 2015
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl
Usability – tylko trudne pytania
Tomek Karwatka / Janmedia Interactive / Webusability.pl
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).
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
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl
Less is more..
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?
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
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl
Struktura serwisu• Twórz mapę serwisu opisującą strukturę – taxonomia.• Logiczny podział
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl
Logiczna struktura, która nie działa?
• Palm Treo 700w i 700p
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
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl
Logiczna struktura, która nie działa?
• Palm Treo 700w i 700p
Windows MobileOrganizacja wokół funkcji.
Palm OSOrganizacja wokół aktywności
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.
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
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
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
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)
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
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl
Gdzie stosować RIA?Konfiguracja i selekcja
produktów
Wizualizacja danych
Tomek, pamiętaj o demo!
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl
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
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl
Dobre rady zawsze w cenie
• http://developer.yahoo.com/ypatterns/
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%
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
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.
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl
To komu mam wierzyć?
• Komu wierzyć? Swoim użytkownikom.
• .. ale jak uzyskać feedback?
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, …
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
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.
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.
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl
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
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl
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.
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
Tomasz Karwatka | www.webusability.pl | www.janmedia.pl