Transcript
Page 1: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Igor Farafonow

Odpowiedzialność UX

Page 2: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

osób nie realizuje swojego celu na stronie ze względu na słabe usability 20%

biznesów w internecie upada przez brak akceptacji użytkowników 70%

czasu pracy IT średnio tracona jest na poprawianie błędów usability, których można było uniknąć

50%

Page 3: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Przykład –Wave?

Page 4: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Source:  h*p://readwrite.com/2009/05/28/google_wave_google_tries_to_reinvent_email  

Page 5: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Source:  h*p://www.pcworld.com/ar?cle/165679/google_wave_social_networks.html  

Rzeczywistość…

Page 6: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Source:  h*p://blog.thoughtpick.com/wp-­‐content/uploads/2009/12/Screen-­‐shot-­‐2009-­‐11-­‐04-­‐at-­‐5.56.40-­‐AM.png  

Pierwszy czat na świecie, w którym ‘Enter’ nie wysyłał wiadomości

Page 7: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Source:  h*p://www.quora.com/Why-­‐did-­‐Google-­‐Wave-­‐fail-­‐to-­‐get-­‐significant-­‐user-­‐adop?on  

Wave to historia

Page 8: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

"You‘ve got to start with the customer experience and work back toward

the technology - not the other way around."

Steve Jobs 1997, World Wide Developers Conference

Page 9: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Apple iPhone pierwszy prawdziwy smartphone

Page 10: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Apple iPhone wcale nie pierwszy…

Page 11: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Apple dało swoim Klientom wygodę i seksowność

Page 12: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

2012 rok, raport porównawczy IOS i Androida

Page 13: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

263 slajdy pełne drobnych szczegółów

Page 14: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

263 slajdy pełne szczegółów – które mają znaczenie.

Page 15: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Kto jest klientem i jakie ma potrzeby?

Page 16: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

potrzeby

dążenia oczekiwania

cele

motywacje

postawa

przyzwyczajenia

odczucia

podejście

Page 17: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow
Page 18: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Zrozumienie persony

•  Kim jest osoba, która będzie korzystać? •  W jakim jest wieku, jakiej jest płci? •  Jak często korzysta z komputera / komórki? Jak oceniasz jej

stopień świadomości? •  Czy korzysta z danego typu rozwiązań? •  Co sobie ceni w tych rozwiązaniach? Czego oczekuje? •  Co ją motywuje do realizacji pewnych działań? Co ją inspiruje? •  Jakie ma wątpliwości, by je rozwiać? •  Jakich rozwiązań oczekuje? •  Jak często będzie korzystać z rozwiązań? •  Jak można ją zachęcić do korzystania Dla person powinniśmy tworzyć spójne doświadczenia w zakresie działań produktowych, marketingowych, sprzedażowych, itd.

Page 19: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Nie zawsze potrafimy zrozumieć potrzeby klienta.

Przykład? Nawigacja stron banków.

Page 20: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

h*p://www.pekao.com.pl  

Page 21: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

h*p://www.mbank.pl  

Page 22: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

h*p://www.aliorbank.pl/pl/  

Page 23: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

h*ps://www.ge?nbank.pl  

Page 24: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

h*p://www.bankmillennium.pl  

Page 25: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

h*ps://www.bankofamerica.com  

Jak to się robi…

Page 26: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

h*p://www.bankmillennium.pl  

To jest user experience

Page 27: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Kontekst

Page 28: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

•  Gdzie użytkownicy będą korzystać z rozwiązań? •  Jak użytkownicy będą korzystać? •  Jak często będą rozpraszani w trakcie korzystania

z urządzenia? •  Ile czasu będzie trwało jednorazowa fiksacja

na ekranie? •  Jak często będą musieli przerwać korzystanie,

bo np. stojąc w kolejce dojdą do kasy? •  Ile interakcji wykonają w trakcie jednej sesji?

Zrozumienie kontekstu

Page 29: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

h*p://rozklad-­‐pkp.pl  

Przykład – zakup biletu, gdy za chwilę mam pociąg

Page 30: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

h*p://rozklad-­‐pkp.pl  

Kilka opcji zalogowania…

Page 31: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

h*p://rozklad-­‐pkp.pl  

Czas leci…

Page 32: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

h*p://rozklad-­‐pkp.pl  

Link aktywacyjny

Page 33: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Polish  trains  are  not  designed    for  the  mac  users  

Inny przykład źle zrozumianego kontekstu

Page 34: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Polish  trains  are  not  designed    for  the  mac  users  

Użytkownik i jego kontekst determinują model zachowania.

Page 35: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Behavior = Motivation * Ability * Trigger

Dr BJ Fogg Stanford University behaviormodel.org

Page 36: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Dr BJ Fogg Stanford University behaviormodel.org

Motivation

Page 37: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Dr BJ Fogg Stanford University behaviormodel.org

Najsilniejsze motywatory

Page 38: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Motywacja to krzywa w czasie

Dr BJ Fogg Stanford University behaviormodel.org

Page 39: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Dr BJ Fogg Stanford University behaviormodel.org

Ability

Page 40: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Zdolność wynika z łatwości.

Łatwość to minimalnie satysfakcjonujące rozwiązanie osiągnięte najniższym kosztem.

Dr BJ Fogg Stanford University behaviormodel.org

Page 41: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Łatwość to znalezienie minimalnie satysfakcjonującego rozwiązania.

Page 42: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Czym jest minimalnie satysfakcjonujące rozwiązanie?

≠ eleganckie ≠ innowacyjne ≠ najładniejsze

≠ najbardziej przydatne

= najszybsze = najtańsze = rutynowe

= przewidywalne = cykle mózgu

= zdolność fizyczna

≠ kompleksowe

Dr BJ Fogg Stanford University behaviormodel.org

Page 43: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Triggery angażują klientów w odpowiedniej chwili i budują

doświadczenia

Dr BJ Fogg Stanford University behaviormodel.org

Page 44: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Triggery powinny być dostosowane do motywacji i zdolności

Dr BJ Fogg Stanford University behaviormodel.org

Page 45: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Systemy ocen są dobrą iskrą…

Page 46: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Powiadomienia mailowe przychodzące kilka dni po zakupie

Page 47: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow
Page 48: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Dr BJ Fogg Stanford University behaviormodel.org

Page 49: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Zaangażowanie

Page 50: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Zakup wynika z działania układu limbicznego odpowiedzialnego za emocje

Page 51: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Klienci nam ufają, gdy wierzą w te same wartości. Nie chodzi o to, co robimy, lecz dlaczego to robimy.

Page 52: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Klient patrzy na naszą firmę / produkt przez pryzmat sumy

doświadczeń

Page 53: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

I niestety te złe doświadczenia są znacznie silniejsze (negativity bias)

Page 54: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Emotional design w marketingu

Page 55: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Emotional design w webie

webarchive:  ryan  air;  h*p://fakt.pl  

Page 56: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow
Page 57: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Na koniec historia tego, jak dowiedziałem się, że jesteśmy lean

Page 58: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Be Mission-Driven

Page 59: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Get proper MVP

Page 60: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Hire A players

Page 61: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

UX is everything that concerns your user

Page 62: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Stop designing, start evangelising

Page 63: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Be transparent – both with clients and partners

Page 64: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Time is always your enemy

Page 65: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

The worst are the laziest ones

Page 66: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Happiness is when what you think, what you say, and what you do are in harmony

Gandhi

Page 67: 4Developers 2015: Parę słów o odpowiedzialności projektanta UX - Igor Farafonow

Dzięki za uwagę

Igor Farafonow [email protected] blog.uxeria.com