What makes them love you czyli mobilne ux
1 like734 views
Prezentacja z konferencji Digital Mobility (Digital Think Tank).
What makes them love you czyli mobilne ux
- 1. what makes them love you, mobilne ux Igor Farafonow Troch teorii Szczeg坦y projektowania Kilka case坦w Inspiracje I wr坦甜by
- 2. Troch teorii
- 3. 1,2 mln aplikacji w Appstore 1,4 mln aplikacji w Google Play
- 4. $0,4redni koszt pozyskania u甜ytkownika aplikacji mobilnej pi lat temu $1,5-50 koszt pozyskania u甜ytkownika aplikacji mobilnej dzi w zale甜noci od lokalizacji 店r坦do: wypowiedzi Renato Iversena z Cynny
- 5. 80% aplikacji mobilnych wywouje tak mae zainteresowanie, 甜e nie s nawet prezentowane w rankingach aplikacji 75%aplikacji, mobilnych, kt坦re zostan pobrane, u甜ytych zostanie tylko raz
- 6. Co decyduje o tym, czy Klient skorzysta z naszej aplikacji? A jeli ju甜 skorzysta co zrobi, by go zaanga甜owa?
- 7. 店r.: http://johnhaime.com/2014/04/your-emotional-brain-a-key-in-performance/ Decyzja zakupowa jest wynikiem pracy m坦zgu emocjonalnego, nie racjonalnego
- 8. Golden Circle emotional design
- 9. Klienci kupuj emocjonalnie. Determinantem wcale nie musz by s logiczne przesanki. Czsto jest ni wiara we wsp坦lne wartoci.
- 10. Emotional design w marketingu
- 11. Emotional design w webie
- 12. Emocjonalne dowiadczenie powinno by sp坦jne we wszystkich touchpointach Klienta z produktem
- 13. Emocje wynikaj z sumy wszystkich dowiadcze Klienta z firm / produktem. Tych dobrych i tych zych. Niestety gorsze dowiadczenia i emocje s zawsze silniejsze (negativity bias).
- 14. Chc stworzy apk, kt坦ra bdzie robi . i ., a poza tym bdzie jeszcze robi
- 15. "Youve got to start with the customer experience and work back toward the technology - not the other way around." Steve Jobs maj 1997, World Wide Developers Conference
- 16. Przykad (cho nie z mobile)
- 18. Czy w ramach tych system坦w przewidywalicie moduy ocen produkt坦w?
- 19. Czy projektowany system zakada powiadomienia mailowe 7 dni po zakupie z prob o ocen produktu?
- 20. W wikszoci przypadk坦w odpowied添 brzmi nie. Czyli marnowany jest modu o najwikszym potencjale w kontekcie zwikszania zaanga甜owania poprzez dodawanie ocen produkt坦w. To jest przykad na projektowanie modu坦w a nie dowiadcze. Wychodzenie z funkcjonalnoci, a nie z dowiadcze
- 21. Dlatego od dzi m坦wmy: chc stworzyaplikacj, dziki kt坦rej u甜ytkownicy bd mogli robi . oraz . . Moja apka bdzie zapewnia doskonae dowiadczenie w . , a u甜ytkownicy pokochaj j dlatego, 甜e jest .
- 24. Persony Kim jest osoba, kt坦ra bdzie korzysta? W jakim jest wieku, jakiej jest pci? Jak czsto korzysta z komputera / kom坦rki? Jak oceniasz jej stopie wiadomoci? Czy korzysta z danego typu rozwiza? Co sobie ceni w tych rozwizaniach? Czego oczekuje? Co j motywuje do realizacji pewnych dziaa? Co j inspiruje? Jakie ma wtpliwoci, by je rozwia? Jakich rozwiza oczekuje? Jak czsto bdzie korzysta z rozwiza? Jak mo甜na jzachci do korzystania Dla person powinnimy tworzy sp坦jne dowiadczenia w zakresie dziaa produktowych, marketingowych, sprzeda甜owych, itd.
- 25. Kontekst
- 26. Gdzie u甜ytkownicy bd korzysta z rozwiza? Jak u甜ytkownicy bd korzysta? Jak czsto bd rozpraszani w trakcie korzystania z urzdzenia? Ile czasu bdzie trwao jednorazowa fiksacja na ekranie? Jak czsto bd musieli przerwa korzystanie, bo np. stojc w kolejce dojd do kasy? Ile interakcji wykonaj w trakcie jednej sesji? Dla person powinnimy tworzy sp坦jne dowiadczenia w zakresie dziaa produktowych, marketingowych, sprzeda甜owych, itd. Kontekst
- 27. Kontekst Attencja mobile i desktop
- 28. Kontekst Interakcje mobile i desktop
- 29. U甜ytkownik mobilny to u甜ytkownik rozproszony. Dodatkowo czy kontekst w przypadku u甜ycia mobile bdzie taki sam, jak dla korzystania z webu?
- 32. Wielko ekranu stanowi ograniczenie zar坦wno pod ktem iloci informacji, jak i proponowanych funkcjonalnoci. Na kom坦rce nie napiszemy eseju w Wordzie Na kom坦rce nie umiecimy g坦wnych informacji w pierwszym viewporcie Czasami dla u甜ytkownika wchodzcego z kom坦rki inne informacje bd stanowi warto np. adres i spos坦b dojazdu zamiast oferty firmy
- 33. Mobile First redukcyjne podejcie do projektowania
- 34. Mobile First redukcyjne podejcie do projektowania Skoncentruj sina treciach i komunikacji: jakiego typu treci stanowi dla niego warto w danym kontekcie u甜ycia? Ukadaj informacje w porzdku chronologii komunikacji (buduj dialog) Dialog musi by rzeczowy, konkretny, odpowiadajcy na pytania u甜ytkownika w taki spos坦b, jakby sam je zadawa Szkicuj najpierw na kom坦rce Skaluj gdy dorysujesz zwiksz zakres i rysuj dla wikszych urzdze, baw si ukadem
- 35. GUI Guidelines skorzystaj, chyba 甜e umiesz lepiej
- 36. Co to znaczy umie lepiej?
- 37. Korzystaj z dobrodziejstw natury Kamery front i back Mikrofon Nawigacja Akcelerometr Barometr Magnetometr 纏yroskop Notyfikacje i powiadomienia Dostp do patnoci Dostp do spoecznoci Multitasking Dostp do informacji o osobie i wiele wicej
- 39. Always be testing Im wczeniej zbadasz swojaplikacj (nawet na poziomie makiet), tym wicej pienidzy zaoszczdzisz na jej optymalizacji U甜ytkownik, kt坦ry zrazi si do aplikacji, najpewniej ju甜 do niej nigdy nie powr坦ci co wicej poinformuje o tym te甜 swoich znajomych Nawet 5 os坦b potrafi wskaza w badaniu 85% utrudnie usability, kt坦re realnie wpywajna konwersj / zaanga甜owanie Testy usability wcale nie musz bydrogie Kiedy m坦wiem, 甜e jestem wszechwiedzc wyroczni usability byem po prostu gupi i leniwy
- 40. Podsumowanie 1 Zawsze pamitaj o personach To kontekst dyktuje scenariusze u甜ycia Pamitaj o wielkoci ekranu i parametrach urzdze nie projektuj funkcjonalnoci, kt坦re nie bd atwe w u甜yciu ze wzgldu na ograniczenia urzdzenia Mobile first projektujc serwisy responsywne zaczynaj od mobile to jest wiczenie na redukcj i syntetyzowanie pewnych element坦w architektury informacji Korzystaj z GUI Guidelines, chyba 甜e umiesz lepiej Korzystaj z dobrodziejstw urzdze zar坦wno pod ktem funkcjonalnoci, jak i gest坦w i interfejs坦w Always be testing badania usability na ka甜dym poziomie potrafi zmniejszy ilo utrudnie u甜ytecznoci, zwikszyzaanga甜owanie i konwersj w aplikacji
- 41. Kilka case坦w
- 42. Przykad: Na chwil obecn g坦wnym celem aplikacji jest sprawienie, bym zacz jej u甜ywa.
- 43. Pierwszy ekran po uruchomieniu
- 45. Unikaj syndromu pustego sklepu
- 46. Projektowanie musi by pod aktualny zakres, a mnie pod nasze przewidywania lub (co gorsze) nadzieje. Nie informuj u甜ytkownika o tym, jaki jest stan rzeczy m坦w mu o tym, co ma zrobi, by zacz tego u甜ywa. Inspiruj, wskazuj, doradzaj przez powiadomienia na urzdzeniu i podsumowania mailowe.
- 47. Za坦甜my, 甜e nie znamy tego sajtu czy te ekrany zachcaj Was do uzupenienia informacji?
- 48. To co dziaa u innych, wcale nie musi zadziaa u nas
- 49. To 甜e u甜ytkownicy realizuj zadanie na Facebooku wcale nie wynika z tego, 甜e Facebook jest u甜yteczny i porzdnie zaprojektowany. Oni po prostu nie maj wyboru ;)
- 50. Wall aplikacji mobilnej Wall, z kt坦rego korzysta 5 os坦b. Ostatni wpis sprzed tygodnia.
- 51. Apple iPhone pierwszy prawdziwy smartphone
- 52. Apple iPhone wcale nie 沿庄艶姻敬壊噛霞
- 53. Apple dao swoim Klientom wygod i seksowno
- 54. 2012 rok, raport por坦wnawczy IOS i Androida
- 55. 263 slajdy pene drobnych szczeg坦坦w
- 56. 263 slajdy pene szczeg坦坦w kt坦re maj znaczenie. Aplikacja w swoim zakresie musi by wygodna, dopracowana w ka甜dym szczeg坦le, wydajna, stabilna, skalowalna i atwa do optymalizacji.
- 57. Podsumowanie 2 1. Kluczem do zaprojektowania skutecznej aplikacji jest odpowiednie zdefiniowanie problem坦w i zagadnie nie s nimi problemy jutra, tylko te, kt坦re bdziemy mieli dzi. 2. Wykorzystujc zaobserwowane na rynku wzorce projektowe pamitajmy, 甜e fakt, 甜e korzystaj z nich u甜ytkownicy innych serwis坦w nie musi wynika z tego, 甜e s dobrze zaprojektowane 3. To szczeg坦y buduj pozytywne dowiadczenia. Zakres funkcjonalny okrelony w aplikacji musi by wygodny, zgodny z przyzwyczajeniami u甜ytkownik坦w, stabilny i wydajny.
- 61. 悪界庄顎一看甜艶姻界霞
- 62. Kafelkowa, czsto amana architektura informacji
- 65. Jednolite wyraziste kolory, prostota formy
- 66. Ikonki z penym wypenieniem lub jednopikselowym borderem
- 67. Du甜e rozmyte zdjcia 岳温
- 68. Pikne, sp坦jne i estetyczne typo
- 69. Dziwne i niezrozumiae uwielbienie do obiekt坦w okrgych
- 70. Dziki za uwag Igor Farafonow igor@uxeria.com blog.uxeria.com