Jak má vypadat funkční mobilní web a aplikace finanční instituce
•Télécharger en tant que PPT, PDF•
1 j'aime•505 vues
Prezentace Petra Štědrého z mikrokonference Do banky přes mobilní aplikaci.
Recommandé
Recommandé
Contenu connexe
Plus de Sherpas
Plus de Sherpas (20)
Jak má vypadat funkční mobilní web a aplikace finanční instituce
- 1. Jak má vypadat funkční mobilní web a aplikace finanční instituce Petr Štědrý
- 2. dokument | datum | snímek | 2
- 3. dokument | datum | snímek | 3
- 4. dokument | datum | snímek | 4
- 5. dokument | datum | snímek | 5
- 6. Jiný kontext dokument | datum | snímek | 6
- 7. Jiný kontext dokument | datum | snímek |
- 8. Jiný kontext dokument | datum | snímek | 8
- 9. Jiný kontext dokument | datum | snímek | 9
- 10. Jiný kontext dokument | datum | snímek | 10
- 11. dokument | datum | snímek | 11
- 12. dokument | datum | snímek | 12
- 13. NOVÉ MOŽNOSTI NOVÉ CHOVÁNÍ dokument | datum | snímek | 13
- 14. Dílčí požadavky Urgentní požadavky Nudím se dokument | datum | snímek | 14
- 15. Web? ? Aplikace? !!! ?! !! dokument | datum | snímek | 15
- 16. Kde je Najdu … bankomat? dokument | datum | snímek | 16
- 17. Stav účtu? Zjistím … dokument | datum | snímek | 17
- 18. Chci zaplatit … Jednoduše dokument | datum | snímek | 18
- 19. DOBRÝ MOBILNÍ WEB A APLIKACE MÁ … dokument | datum | snímek | 19
- 20. NAVIGACE dokument | datum | snímek | 20
- 21. Velikost prvků a rozmístění dokument | datum | snímek | 21
- 22. Velikost prvků a rozmístění dokument | datum | snímek | 22
- 23. Velikost prvků a rozmístění dokument | datum | snímek | 23
- 24. Velikost prvků a rozmístění dokument | datum | snímek | 24
- 25. Velikost prvků a rozmístění dokument | datum | snímek | 25
- 26. FORMULÁŘE dokument | datum | snímek | 26
- 27. Struktura a vzhled dokument | datum | snímek | 27
- 28. Vstup dokument | datum | snímek | 28
- 29. Vstup dokument | datum | snímek | 29
- 30. Struktura a vzhled dokument | datum | snímek | 30
- 31. Vstup dokument | datum | snímek | 31
- 32. OBSAH / KONTEXT dokument | datum | snímek | 32
- 33. Samotný obsah dokument | datum | snímek | 33
- 34. Písmo dokument | datum | snímek | 34
- 35. Obsah / kontext dokument | datum | snímek | 35
- 36. Obsah / kontext dokument | datum | snímek | 36
- 37. Obsah / kontext dokument | datum | snímek | 37
- 38. Obsah / kontext dokument | datum | snímek | 38
- 39. VIZUÁLNÍ DESIGN dokument | datum | snímek | 39
- 40. Grafické prvky a ikony dokument | datum | snímek | 40
- 41. Grafické prvky a ikony dokument | datum | snímek | 41
- 42. POZOR NA KONTEXT VYUŽIJTE MOŽNOSTI ZAŘÍZENÍ DOBRÉ UX dokument | datum | snímek | 42
- 43. Kontakty Petr Štědrý UX Designér, lektor Dobrý web www.dobryweb.cz dokument | datum | snímek | 43
Notes de l'éditeur
- Známe to všichni - sedíme na pohodlné židli, před námi je velký monitor s vysokým rozlišením a moderním prohlížečem internetu.
- K dispozici máme počítač s výkonným procesore, spoustou paměti a vysokorychlostním internetovým připojením.
- Píšeme všemi deseti na klávesnici s velkými příjemnými tlačítky.
- A webu navíc věnujeme plnou pozornost. Kontext využití klasického webu se od mobilního webu nebo aplikace nemůže více lišit.
- Mobilní telefony vyplnily i ty nejmenší skuliny v našich životech.
- Dostaly se do našich obývacích pokojů …
- Chodí s námi na nákupy ….
- I způsob využití mobilního telefonu se změnil. Z přístroje určeného výhradně ke komunikaci se stal ...
- … univerzální nástroj.
- Tyto nové možnosti indukovaly i nové chování.
- Ty vyplývají z nových kontextů využití a kombinují se v závislosti na aktuální potřebě.
- Různí uživatelé mají různé potřeby Potřebuji něco okamžitě vědět a chci být informován Hodně cestuji, chci mít k dispozici lokální informace Potřebuji komunikovat se svými zákazníky …
- Nebo chci vědět, kde je nejbližší pobočka či bankomat. To lze realizovat poměrně jednoduše i na mobilním webu.
- V případě smartbankingu to může být kontrola stavu účtu před nákupem a platbou kartou v obchodě … V případě výrazné, opakované a specifické potřeby je lepší zvolit aplikaci .
- Přístup k pokročilým funkcím máme pouze z aplikace.
- Velikost položek v navigaci je 27px a jsou těsně u sebe – lehce se může stát, že uživatel vstoupí do jiné než požadované sekce
- Také nevhodné rozložení
- Také nevhodné rozložení – bez mezer mezi sebou, malá ovládací tlačítka pro stránkování …
- Velikost položek v navigaci je přibližně 60px – není potřeba dodatečných mezer
- Velikost položek v navigaci je přibližně 60px – není potřeba dodatečných mezer
- Jednotlivá vstupní pole nesmí být příliš blízko u sebe.
- Pro zadávání čísel je nutné přepínat klávesnici
- Numerická klávesnice není vhodně uzpůsobená
- Velká plocha, funkční popisky, dobře ovladatelné
- Klávesnici lze přepnout na čísla pomocí vhodného HTML typu vstupního pole u chytrých telefonů Je to vhodné také k prevenci chyb … Chytré telefony umí přepnout klávesnici i pro vhodnější zadávání emailů nebo URL adres (např. iPhone)
- Pokud není obsah přizpůsoben pro mobilní zařízení, nemá na mobilním webu co dělat – není totiž asi tak důležitý!
- Chytré telefony zaznamenávají rozkvět především díky nízké ceně – tato zařízení však nemohou nabídnout tak kvalitní displeje, jako vyšší kategorie a malé písmo se na nich špatně čte! Webový prohlížeč má v základním nastavení velikost písma 16px – což je dostačující velikost pro adekvátní čtení.
- Základní tabulka již určitě dnešní návštěvníky mobilního webu neuspokojí.
- Mapa je dobrá, ale stále není využito ideálních možností pro dnešní zařízení a v malé mapě se bude složitěji vybírat
- I seznam je třeba realizovat s ohledem na schopnosti zařízení.
- Dnešní chytré telefony nabízejí ve svých prohlížečích přístup ke geolokačním službám – je tedy možné pozici zachytit přímo v mapě. Možnosti nabízejí i sledovat pohyb dané osoby (např. směr, rychlost, atp.)