Mobile UX - Dmytro Svarytsevych

Download Mobile UX - Dmytro Svarytsevych

Post on 05-Dec-2014

623 views

Category:

Education

2 download

Embed Size (px)

DESCRIPTION

- HTML5, Adobe Microsoft. , . . Web. ! HTML5? , ? ? . - .

TRANSCRIPT

<ul><li> 1. Mobile UXDmytro Svarytsevych, SoftServe </li> <li> 2. How we use mobiles? </li> <li> 3. MessagingAudioImaging, Media SharingMicroblogging, Social MediaLocation-BasedEnterpriseSearch, QR CodesPhone,VoIPGames </li> <li> 4. HOW? distractions small screens one thumb input little battery </li> <li> 5. WHERE? at home misc. situations during day waiting in line at work </li> <li> 6. UX </li> <li> 7. MOBILE BEHAVIORSWhat mobile is good atContent rst, navigation - secondAdjust app organization accordinglyDont dumb site down for mobile </li> <li> 8. TOUCH TARGETS </li> <li> 9. COMFORT ZONE </li> <li> 10. EXCESSIVE NAVIGATION </li> <li> 11. QUICK ACCESS </li> <li> 12. CONTEXT ACTIONS </li> <li> 13. FIXED POSITIONING </li> <li> 14. REDUCE SIZE Eliminate redirects Use CSS sprites Single les Minify code Load contents lazily Use cache Use CSS3 possibilities </li> <li> 15. LEAN ON CSS3border-radiusrgba-colortext-shadowbox-shadowgradientsmultiple backgrounds </li> <li> 16. CLARITY AND FOCUSMinimize navigation requiredFocus on task </li> <li> 17. OPTIMIZING SCREEN Text http://www.useit.com/alertbox/mobile-redesign.html </li> <li> 18. OPTIMIZING SCREEN Text http://www.useit.com/alertbox/mobile-redesign.html </li> <li> 19. Web Apps UX </li> <li> 20. WHO CARES ABOUT UX? </li> <li> 21. TITLE BAR </li> <li> 22. TAB BAR </li> <li> 23. TITLE &amp; TAB BAR </li> <li> 24. DASHBOARD </li> <li> 25. TAB BAR VS. DASHBOARD </li> <li> 26. Mobile Web vs. Native </li> <li> 27. Native App vs. Web App Hardware features Only GPSCompiled Code, High Performance Interpreted Code High Security Low Security Normal Storage Limited Storage Complex Gestures Only basic UI pack for every screen One UI pack No sharing possible Can share URL Lower battery use GPRS, Wi Fi or 3G grabs battery </li> <li> 28. Native Apps - for doing Photo editing Video overlays Augmented reality Interactive games </li> <li> 29. Web Apps - for reference To-dos Schedule Mail News Galleries </li> <li> 30. Useful Links http://mobile-patterns.com http://pttrns.com http://androidpatterns.com http://lovelyui.com </li> <li> 31. Books </li> </ul>