Dobré UX jako nejlepší marketingový nástroj mobilních aplikací
Vladimír Korbel
Osnova
Co je to User Experience (UX)? Proč je UX důležitá UX přínosy pro business Dobrý design v kontextu mobilních aplikací
Principy dobrého designu Jednoduchost a použitelnost Proč jsou některé aplikace úspěšnější než jiné?
Metodika UX (v rámci vývoje softwaru)
Koncept Prototyp Grafika Implementační podklady
Copyright © 2014 Unicorn Systems a.s.
2
Co je to User Experience?
Copyright © 2014 Unicorn Systems a.s.
3
Proč je UX důležitá
Cílem aplikace je spokojený uživatel, a proto je kladen důraz na použitelnost.
UX pomáhá businessu a lze ji využít pro zlepšení obchodních výsledků firmy.
UX má význam jak u rozsáhlých informačních systémů, tak pro mobilní aplikace.
UX je disciplínou při vývoji aplikací a je součástí metodiky.
Copyright © 2014 Unicorn Systems a.s.
4
Vliv UX na Business
Copyright © 2014 Unicorn Systems a.s.
5
Vliv UX na Business
User Experience je výkonově měřená disciplína.
Dobrá UX zvyšuje prodej.
+14 %
Dobrá UX zvyšuje míru přijetí produktu zákazníkem.
+65 %
Dobrá UX zvyšuje konverzní poměr.
+45 %
Dobrá UX zvyšuje vnímanou hodnotu produktu zákazníkem.
+45 %
Copyright © 2014 Unicorn Systems a.s.
6
Vliv UX na Business
Dobrá UX snižuje odliv zákazníků ke konkurenci.
-16 %
Dobrá UX zvyšuje efektivitu zákazníků při práci s produktem.
+50 %
Dobrá UX zrychluje Time-to-Market (TTM) produktů.
+45 %
Copyright © 2014 Unicorn Systems a.s.
7
Co je to dobrý design? „Zdá se, že dokonalost není dosažena tehdy, když už nelze nic přidat, ale tehdy, když se nedá nic odebrat.“ - Antoine de Saint-Exupéry „Život je vzor “ („Life is pattern“) – Alan Watts
Copyright © 2014 Unicorn Systems a.s.
8
Co je to dobrý design?
Dobrý design zdůrazňuje užitečnost výrobku a současně odstraňuje cokoli, co by mohlo od jeho používání odvádět pozornost.
Dobrý design vyjadřuje svoji funkci s využitím uživatelovy intuice. Nejlépe, pokud je zcela jasný.
Nesnaží se, aby výrobek vypadal inovativnější, výkonnější nebo hodnotnější, než ve skutečnosti je.Nepokouší se manipulovat a mást uživatele sliby, které nemohou být dodrženy.
Méně, ale lépe – protože se zaměřuje na nezbytné aspekty a výrobky nejsou obtěžkány zbytnými funkcemi. Zpět k čistotě a jednoduchosti. Copyright © 2014 Unicorn Systems a.s.
9
Kontext Apple iOS a Google Android
Konzistentní aplikace klade důraz na standardy a vzory („patterny“, paradigmata), na které jsou uživatelé zvyklí z dané platformy.
Používá „controlly“ (ovladače například pro výběr datumu) dané platformy, vizuální styl dané platformy, umístění prvků, chování, „views“ (způsob prezentace dat) a ikony správně. Využívá prvky obvyklé pro dané zařízení, jež uživatelé budou očekávat.
Nejdůležitější funkce v aplikaci jsou snadno k nalezení a používají se rychle (jako např. spoušť fotoaparátu).
Copyright © 2014 Unicorn Systems a.s.
10
Jednoduchost a použitelnost
Copyright © 2014 Unicorn Systems a.s.
11
Jednoduchost a použitelnost
Copyright © 2014 Unicorn Systems a.s.
12
Některé aplikace úspěšnější než jiné
Yelp
Foursquare
Copyright © 2014 Unicorn Systems a.s.
13
Metodika UX
Copyright © 2014 Unicorn Systems a.s.
14
Uživatelský průzkum - účel
Copyright © 2014 Unicorn Systems a.s.
15
Vstupní analýza UX
Zajímá nás, kdo jsou ti lidé, jak se chovají, co chtějí. Současně posuzujeme limity stávajících aplikací a technologií.
Copyright © 2014 Unicorn Systems a.s.
16
Koncept rozhraní
V této fázi navrhujeme strukturu aplikace, jak bude aplikace fungovat a její „look and feel“.
Koncept rozhraní
Wireframes a interakční design
Navigace
Moodboardy
Prototyp rozhraní
Testy konceptu
Definice Standardů rozhraní
Copyright © 2014 Unicorn Systems a.s.
17
UX ve fázi implementace
Tvorba artefaktů pro vývoj Revize a aktualizace standardů UI
Copyright © 2014 Unicorn Systems a.s.
18
Testy rozhraní
Probíhá v různých fázích
Testování konceptu Usability testování
Copyright © 2014 Unicorn Systems a.s.
19
Testy rozhraní
A/B testování
Copyright © 2014 Unicorn Systems a.s.
20
Koncept rozhraní - příklad
Navigace
Copyright © 2014 Unicorn Systems a.s.
21
Koncept rozhraní - příklad
Wireframes Prototyp
Copyright © 2014 Unicorn Systems a.s.
22
Koncept rozhraní - příklad
Grafický návrh
Copyright © 2014 Unicorn Systems a.s.
23
Implementace rozhraní - příklad
Grafický manuál Grafické podklady
Copyright © 2014 Unicorn Systems a.s.
24
Kontakt
Copyright © 2014 Unicorn Systems a.s.
25
Copyright © 2014 Unicorn Systems a.s.