usability trudne pytania

Post on 26-Jun-2015

927 Views

Category:

Economy & Finance

1 Downloads

Preview:

Click to see full reader

TRANSCRIPT

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

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

top related