Odpowiedzialność UX - Igor Farafonow

Odpowiedzialność UX Igor Farafonow

6 rozdziałów, 6 epilogów

Tylko 100 slajdów

Rozdział 1

Widzieliście nowego SMYKa?

Tego najnowszego…

To Wam go pokażę…

Uwaga…

Gotowi…?

Baj-de-łej – jesteśmy już na 9tym slajdzie.

Mówiłem, że pójdzie szybko…

… ale wracając do Smyka…

www.smyk.com

Co na to eksperci?

Fb:usability.pl

www.smyk.com

blog.garethjmsaunders.co.uk/

Co na to słodki, mały królik?

www.smyk.com

To mi dało do myślenia…

Zwłaszcza, że od kilku miesięcy jestem w targecie Smyka…

Czy mamy rację?

smyk.com

Czy mamy rację?

Bo będąc w kontekście rzeczywistej potrzeby kupienia maluchowi ubranka, koncentruję się

na kontencie, a nie formie podania. Interfejs ma wyłącznie spełniać moje

oczekiwania. To, jak wygląda, jest wtórne.

Czy Smyk jest brzydki?

Czy Smyk jest nieużyteczny?

Czy EuroRTVAGD jest brzydkie?

euro.com.pl

euro.com.pl

Czy EuroRTVAGD jest niewygodne?

X-kom.pl

X-kom jest ładny

X-kom.pl

Chcę kupić laptopa… 15,4 czy 15,6?

Czy przekątna ekranu jest dla mnie głównym czynnikiem różnicującym? Innymi słowy – czy zawsze szukając laptopa mam

pewność, że akurat potrzebuję 15,4”?

X-kom.pl

Który sklep mi bardziej pomoże kupić laptopa?

Selekcja i zakup – co jest ważne

Czy sklep posiada w asortymencie to, czego szukam?

Jakie kryteria mam przyjąć, by wyselekcjonować konkretny produkt?

Czy na pewno chcę kupić właśnie tu i teraz?

Chcę kupić ten produkt – proszę – niech to będzie łatwe i przyjemne.

1 2 3 4

Selekcja i zakup – jakie cechy powinien zawierać interfejs?





Prezentacja tych produktów, których user szuka

Prezentacja takich informacji, na podstawie których user wybierze produkt

Zniwelowanie wszelkich wątpliwości, które mogą nasunąć się w procesie decyzyjnym

Ułatwienie procesu zakupowego

1 2 3 4

Selekcja i zakup – co jest czym?





Prezentacja tych produktów, których user szuka

Prezentacja takich informacji, na podstawie których user wybierze produkt

Zniwelowanie wszelkich wątpliwości, które mogą nasunąć się w procesie decyzyjnym

Ułatwienie procesu zakupowego

1 2 3 4

PR

ZEM

YŚLE

NIA

K

LIEN

TA

KR

YTER

IA

OC

ENY

UX

Selekcja i zakup – co się nie liczy.

1. Oooo jezuuu!! Co za czcionka!! Wychodzę z tego sklepu!! 2. Gdyby ten guzik dodania do koszyka był większy, na pewno

bym tu kupił! 3. Kurcze, czemu to nie jest flat design? A gdzie material design? 4. Ten sklep wygląda za bardzo skeuemorphicznie, bym tam

kupował!

Zbyt wiele razy w badaniach UX wychodziło nam, że strona brzydsza była odbierana przez respondentów znacznie lepiej. Wyjątek: ten sklep nie wygląda, jakby warto było mu zaufać! (ale ma mniejsze znaczenie w przypadku znajomości marki).

Jedyne, co pod kątem grafiki powinno być przedmiotem oceny, to spójność

emocjonalna marki.

Rozdział 1 – Epilog Nie będziesz powoływał się na swoje

osobiste odczucia estetyczne, gdyż mają one drugorzędne znaczenie

w pracy UX Designera.

Rozdział 2

Na co Ci persony?

Jak analizujesz persony w Analytics?

domiporta.pl (2013 i 2016)

• Czy umiemy określić kryteria behawioralne segmentujące nasz ruch?

• Czy analizujemy zachowanie różnych grup odbiorców? • Czy rozwijając i optymalizując serwis koncentrujemy się

na segmentach, tylko jednym kliencie całościowym?

Bo dobrego projektanta wcale nie określa, na ile ładną makietę potrafi zrobić, tylko czy umie znaleźć sposób na walidację rozwiązań z klientami na każdej płaszczyźnie

procesu projektowego / Design Sprintu.

Rozdział 2 – Epilog Nie będziesz projektować dla jednej persony ani generalizować danych statystycznych. Naucz się zbierać

insighty od każdej z Twoich person, na każdym etapie pracy z produktem.

Tylko wtedy żyjesz w zgodzie z UCD.

Rozdział 3

Mój klient jest głupi!

Znacie to uczucie w badaniach usability?

Wydaje Wam się to głupie? Dla niektórych to jest problem…

http://ben-evans.com/benedictevans/2015/11/8/living-in-different-worlds

Siła przyzwyczajeń upraszczania

Źródło: materiały prasowe GG

Źródło: materiały prasowe GG

Apropo uproszczeń… Czy hamburger się klika?

Ludzie nie klikają w menu nie dlatego, że nie rozpoznają ikony trzech

poziomych kresek…

… tylko dlatego, że patrzą na menu ‘tylko przelotem’ – koncentrują się na treściach.

Więc hipotetycznie, jeśli zaprojektowałeś dobre menu (czyli zawierające to, czego Klient wg Ciebie szuka), to nie ukrywaj go tylko po to, by spełnić założenia minimalizmu.

Rozdział 3 – Epilog Prostota i spełnienie oczekiwań jest nie

zawsze tożsama z minimalizmem. Projektuj rzeczy proste i spełniające

oczekiwania klientów. Tych ‘najgłupszych’.

Co więcej – w badaniach najwięcej dowiadujemy się właśnie od takich Klientów.

Rozdział 4

Czy interfejs jest ważny?

Produkt ≠ Interfejs

Liczy się implementacja…

Rzeczywistość

Twój produkt jest tym czym jest, a nie tym, czym go zaprojektowałeś

Nasz produkt jest tym, jakie oferuje doświadczenia, a nie w jaki interfejs go

obudowujemy.

Rozdział 4 Epilog Nie będziesz w swych osądach

zamykać się wyłącznie na interfejsie. Rzeczywistość / doświadczenia to coś

znacznie więcej niż bootstrap. To suma wszystkich zasobów projektu i

jego organizacyjnego otoczenia.

Rozdział 5 (tym razem co powinieneś mówić, zamiast czego nie mówić)

Jak często hackujesz system?

Czyt.: znając standardy budujesz własne

Jak wygląda onboarding w SaaSach?

• Rejestracja • Obsługa pustych ekranów i ścieżek • Pomocniki uczące systemu

Cel: uproszczenie procesu

Onboarding – lvl Master

Produkt powinien być projektowany nie według modułów systemowych,

tylko wg ścieżki wykorzystania od początku (onboarding / krzywa

uczenia) do końca (retencja, adwocaci i ambasadorzy marki).

Jak wygląda proces zakupowy w sklepie internetowym?

• Dodanie produktu do koszyka • Ekran koszyka • Konfiguracja zakupu (kurier / dostawa) • Dane klienta • Potwierdzenie • Podsumowanie

Cel: zmniejszenie ilości porzuconych koszyków

Jak może wyglądać?

Jak może wyglądać?

Przykład optymalizacji przydatnej w niektórych typach sklepów

Rozdział 5 Epilog Znaj konwencje, ale łam zasady

szukając najbardziej optymalnych ścieżek realizacji celu

Rozdział 6

Muszę zapłacić rachunek za telefon

Muszę zapłacić rachunek za telefon

17 klików 1 raz wpisywany identyfikator 2 razy logowanie do aplikacji mobilnej 2 razy wpisywany kod do mobile 2 razy wpisywany kod do desktop I tu zakładam, że przelew mam zapisany w szablonach

Czym to skutkuje?

• Ryzyko braku terminowości opłat / przeciąganie na ostatnią chwilę

• Mała ilość przelewów (wolę przelewać na swoje konto prywatne i stamtąd rozporządzać pieniędzmi)

• Niski wskaźnik rekomendacji banku – toporny, niewygodny, skomplikowany.

(dodam, że nie mam nic do estetyki tego banku)

Rozdział 6 Epilog Klienta nie obchodzi, jak ważne jest to

co robisz i jakie masz ograniczenia. Od tego, na ile Twój produkt jest wygodny zależy cholernie dużo

(nawet w sposób pośredni). Ty jesteś adwokatem Klienta – broniąc

go wśród wszystkich interesariuszy w organizacji

Podsumowanie epilogów

• Nie będziesz powoływał się na swoje osobiste odczucia estetyczne, gdyż mają one drugorzędne znaczenie w pracy UX Designera.

• Nie będziesz projektować dla jednej persony ani generalizował danych statystycznych – tylko pamiętał o segmentowaniu, segmentowaniu i segmentowaniu

• Szanuj klienta swego. Nie ma ludzi głupich, ale są ludzie, którzy klikać będą zupełnie inaczej, niż nam się wydaje. Od nich dowiemy się najwięcej.

• Nie będziesz w swych osądach zamykać się wyłącznie na interfejsie. Rzeczywistość / doświadczenia to coś znacznie więcej niż bootstrap.

• Hackuj, niszcz system – szukając jak najbardziej optymalnej ścieżki realizacji celu.

• Niezależnie od tego, jak ważne jest to co robisz i jakie masz ograniczenia. Od tego, na ile Twój produkt jest wygodny zależy cholernie dużo.

Epilog epilogów…

Projektant UX jest adwokatem Klienta, nie rysownikiem. Pamiętaj, jakie to ma konsekwencje w Twojej organizacji.

Dzięki Igor Farafonow

[email protected], blog.uxeria.com

mailto:[email protected]

Odpowiedzialność UX - Igor Farafonow

Internet

Transcript of Odpowiedzialność UX - Igor Farafonow