Your SlideShare is downloading. ×
0
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Mobile ux
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Mobile ux

268

Published on

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

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×