Post on 16-Apr-2017
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
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ę?
smyk.com
Czy mamy rację?
smyk.com
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?
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.
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?
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.
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
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
Ź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
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ć?
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
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
Muszę zapłacić rachunek za telefon
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.