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.