Your SlideShare is downloading. ×
0
Mobile UXJack
Ch7 第一印象   First Expression
APP IconFirstExpression   Loading Screen             Welcome Page
• DoAbout App Icon     •    Show Function                   •    Show Interface                   •    Show Brand         ...
Is it a goodicon ?               1       2    3   4                   5   6    7   8                   9   10
About AppNameShort, short, short
About LoadingScreen• Pretend App  Background• Show welcome  Image• Using Special  Animation• Show Last Screen
About LoadingScreen• Pretend App  Background• Show welcome  Image• Using Special  Animation• Show Last Screen• Keep Simple
1           2   3Is it a goodScreen ?                   4   5       6
AboutWelcome Page• Avoid Expert Terms• Showing Important  page• Easy to glance• Dashboard Design
AboutWelcome Page• Avoid Expert Terms• Showing Important  page• Easy to glance• Dashboard Design• Surprising user
Tutors• Appear once• Close in setup• Integrate with UI• What’s your  experience ?
Color Testing        Facebook       Line• Did you Remember  the color of the  APP ?                     What’s App   Evern...
Ch8 滑動、兩指輕掐Touch    縮放、輕觸
Question• How many gestures  you can used in  mobile Apps ?
Gestures  http://static.lukew.com/TouchGestureTemplate.pdf
Gestures - 2
UI Metaphor• Form follow function  形式源於功能
By the way• Form follow function
TouchMetaphor•   Push•   Drag•   Scroll Down/Up•   Zoom-in & Zoom-out                                Push                 ...
TouchMetaphor•   Push•   Drag•   Scroll Down/Up•   Zoom-in & Zoom-out                          Scroll   Zoom-in           ...
Question• Which one you can  click ?                      The Answer is Both
Non TouchMetaphor• Long time push• Shake• Slide out
Question• When did you find out  the following  gestures ?                          Double Touch                          ...
Question• Where can you  touch ?
Question• Where can you  touch ?
HiddenGestures• Pros  • Surprising user  • Speed up expert    user  • Profession• Cons  • Hard to find out  • Surprising u...
Hard gestures• Making tasks harder  to prevent Failure
Two fingers• Resize Image• Rotate Image     snapspeed
Shake• Shake for fun• Shake to Back / Redo ?
Thanks
Upcoming SlideShare
Loading in...5
×

Mobile ux

274

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
274
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×