Mobile ux

553 views
436 views

Published on

a slide to introduce some concept of Mobile UX first expression design

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
553
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile ux

  1. 1. Mobile UXJack
  2. 2. Ch7 第一印象 First Expression
  3. 3. APP IconFirstExpression Loading Screen Welcome Page
  4. 4. • DoAbout App Icon • Show Function • Show Interface • Show Brand • Sync App Color • Using Right Resolution • Dont • Complicated • Hard to Remember • Similar to other icon • Using long words • Using Transparent color
  5. 5. Is it a goodicon ? 1 2 3 4 5 6 7 8 9 10
  6. 6. About AppNameShort, short, short
  7. 7. About LoadingScreen• Pretend App Background• Show welcome Image• Using Special Animation• Show Last Screen
  8. 8. About LoadingScreen• Pretend App Background• Show welcome Image• Using Special Animation• Show Last Screen• Keep Simple
  9. 9. 1 2 3Is it a goodScreen ? 4 5 6
  10. 10. AboutWelcome Page• Avoid Expert Terms• Showing Important page• Easy to glance• Dashboard Design
  11. 11. AboutWelcome Page• Avoid Expert Terms• Showing Important page• Easy to glance• Dashboard Design• Surprising user
  12. 12. Tutors• Appear once• Close in setup• Integrate with UI• What’s your experience ?
  13. 13. Color Testing Facebook Line• Did you Remember the color of the APP ? What’s App Evernote Mos Google + Burger
  14. 14. Ch8 滑動、兩指輕掐Touch 縮放、輕觸
  15. 15. Question• How many gestures you can used in mobile Apps ?
  16. 16. Gestures http://static.lukew.com/TouchGestureTemplate.pdf
  17. 17. Gestures - 2
  18. 18. UI Metaphor• Form follow function 形式源於功能
  19. 19. By the way• Form follow function
  20. 20. TouchMetaphor• Push• Drag• Scroll Down/Up• Zoom-in & Zoom-out Push Drag
  21. 21. TouchMetaphor• Push• Drag• Scroll Down/Up• Zoom-in & Zoom-out Scroll Zoom-in Down/Up & Zoom- out
  22. 22. Question• Which one you can click ? The Answer is Both
  23. 23. Non TouchMetaphor• Long time push• Shake• Slide out
  24. 24. Question• When did you find out the following gestures ? Double Touch Slides and get and Zoom-in control
  25. 25. Question• Where can you touch ?
  26. 26. Question• Where can you touch ?
  27. 27. HiddenGestures• Pros • Surprising user • Speed up expert user • Profession• Cons • Hard to find out • Surprising user
  28. 28. Hard gestures• Making tasks harder to prevent Failure
  29. 29. Two fingers• Resize Image• Rotate Image snapspeed
  30. 30. Shake• Shake for fun• Shake to Back / Redo ?
  31. 31. Thanks

×