Lightning talk na konferenci aDevCamp 11 (http://adevcamp.cz)

1. Nechte zmizet své GUI
aneb proč nekopírovat iPhone UI na Androidu
Tomáš Kafka
UX designer/Android developer
tomaskafka.com
@keff85

2. “iPhone všichni milují, tak to prostě
obšlehnu a úspěch je na cestě!”
... když dva dělají totéž :)

3. Anatomie
iPhone
aplikace

4. Anatomie iPhone aplikace
Záhlaví:
• lists = back
• groceries – to bychom
nepoznali :)
• edit – budu vážně
přejmenovávat kategorie tak
často?
• new item... musí zabírat celý
řádek?
Zápatí
• Sort – menu
• Sync – nejlíp automaticky
• Share – vážně je to tak
používaná funkce?

5. Čísla?

7. GTasks:
úkoly v Android stylu

8. Záhlaví:
samý obsah, žádné buttony
Gesta:
rychlý scroll v hlavičce,
jemný scroll v úkolech
Synchronizace
funguje automaticky
Na příkazy je menu

9. Čísla podruhé

10. iPhone Android

11. iPhone Android
Jen touchscreen Touchscreen + HW klávesy
Vše je na obrazovce Zpět, menu pro méně
obvyklé činnosti -> více
místa pro to důležité
Jednoduchý mentální Víc ‚schovek‘ na funkci,
model kterou zrovna potřebuju
Přehledné pro začátečníky, Pro laiky matoucí – to
omezující pro power usery hlavní by mělo jít i bez
menu

12. GTasks v2,
aneb
iUpgrade

14. Dashboardmania

16. „Facebook má 9 ikon,
tak moje aplikace
bude mít 9 funkcí!“
-to je ale náhoda!

18. Potřebují dashboard vaši uživatelé?
Spouštějí vaší aplikaci kvůli nějakému contentu?
– Ukažte jim ho rovnou (Tweetdeck ...)
Spouštějí vaší aplikaci kvůli jedné konkrétní akci?
– Skočte po spuštění rovnou do ní (a dejte jim
možnost jednoduše vycouvat)
• BTW, Facebook app skočí po spuštění rovnou
do news feedu – a aktuální verze Twitter app
taky

19. Dashboard je na místě když mám v aplikaci n
různých a nijak nesouvisejících činností, které
budou uživatelé provádět s podobnou
pravděpodobností
... a v takovém případě: nebylo by lepší, kdyby
aplikace dělala jednu věc dobře?

20. Content
over
Chrome

23. Content
*is*
Chrome

28. Užitečné zdroje
• http://www.androidpatterns.com/
• http://www.androiduipatterns.com
– http://www.androiduipatterns.com/2011/04/5-tips-
for-converting-ios-ui-to-android.html
• http://dribbble.com/search?q=android
– dribbble = best of the best
• http://pttrns.com
– sice pro iphone, ale výborné pro grafickou inspiraci
• http://jankorbel.cz/webexpo09/ slide 29-31
• vlastní oči a okolní uživatelé

29. Díky za váš čas!
Tomáš Kafka
UX designer/Android developer
tomaskafka.com
@keff85