Usabilityzasady budowania interfejsów

użytkownika

Adrian Matylewicz

Na wstępie…• co decyduje o powodzeniu/efektywności

serwisów www?• co sprawia, że użytkownicy chętniej wracają

do niektórych serwisów?

• co możesz zyskać dzięki dobremu usability?• ile kosztuje słabe usablitity?

Usability a gotówka• Firma zatrudnia 40 000 pracowników (np. PGE)• Średnio godzina pracy kosztuje 50 zł / h• Jedna informacja w serwisie jest nieintuicyjna (np. źle

sformułowany nagłówek)• Każdy pracownik poświęca 5 sek. zastanawiając się co

oznacza• 15% osób kliknie w link niepotrzebnie i spędzi 30 sekund

czytając tekst zanim zorientuje się że nie zawiera użytecznych informacji• Wejście i wyjście z artykułu zajmie 5 sek.

Usability a gotówka

Efektywność w eCommerce

KonwersjaKonwersja to sprecyzowana akcja, którą chcesz aby wykonali użytkownicy Twojej witryny. W zależności od biznesu konwersją może być:• zakup,• włożenie produktu do koszyka,• pobranie pliku / aplikacji,• rejestracja,• polecenie znajomemu,• otwarcie czatu,• wysłanie formularza kontaktowego,• inne.

Współczynnik konwersji

Współczynnik konwersji

Projektowanie interakcjiz elementami psychologii perswazyjnej

Unikaj wielokolumnowego layoutu

Zaoferuj prezent przed zamknięciem transakcji

Scalaj podobne funkcjonalności

Używaj polecenia zamiast chwalenia się

Staraj się powtórzyć główną akcję

Rekomenduj zamiast dawać wybór

Rekomenduj zamiast dawać wybór

Bądź bezpośredni i nie używaj przypuszczeń

Bądź bezpośredni i nie używaj przypuszczeń

Wyróżniaj i nadawaj kontrast

Unikaj zbyt rozbudowanych formularzy

Wyeksponuj opcje zamiast je ukrywać

Spróbuj tworzyć łatwą do przewidzenia zawartość

Skupiaj uwagę zamiast rozpraszać

Pokazuj obecny stan

Używaj języka korzyści zamiast zadań

Używaj menu kontekstowego

Wyeksponuj pola zamiast tworzyć oddzielne strony

Używaj płynnych przejść zamiast nagłych zmian

Zaangażuj użytkownika do personalizacji produktu

Unikaj zbyt wielu obramowań

Oferuj korzyści zamiast funkcjonalności

Proponuj rezygnację zamiast pytania o zgodę

Nie przeciwstawiaj się konwencjom

Wykorzystaj niechęć do straty

Stosuj wizualną hierarchię

Stosuj walidację w miejscu błędu

Wywołaj presję czasu

Pokazuj rzadkość i unikalność

Próbuj przywoływać zamiast odwoływać do pamięci

Przeznacz większy obszar na główną akcję

Wskazuj odwołania do "starych wartości"

Używaj taktyki małych kroków

Unikaj modalnych okien

Unikaj modalnych okien

Strona główna

Strona główna

Podsumowującco decyduje o powodzeniu/efektywności serwisów www?

co sprawia, że użytkownicy chętniej wracają do niektórych serwisów?

• korzystanie z konwencji sprzyjającym ludzkim przyzwyczajeniom (nie każemy użytkownikowi myśleć)• lepsze są małe zmiany (jeśli efekty serwisu są

niezadowalające, zastanów się co zmienić zamiast odrzucać całość)• każda optymalizacja usability pomaga w małym stopniu

zwiększyć konwersję• podsuwaj rozwiązania tam gdzie użytkownik tego szuka

Dziękuję za uwagę!Adrian Matylewicz

ANTARA Systemy Informatycznekontakt@antara.pl

www.antara.pl

Źródła• Steve Krug - Don't Make Me Think: A Common Sense Approach to

Web Usability• Jakob Nielsen - Designing Web Usability: The Practice of Simplicity• www.conversion.pl• goodui.org• www.webusability.pl• analytics.google.com