Mobile ux
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Mobile ux

  • 403 views
Uploaded 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

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
403
On Slideshare
403
From Embeds
0
Number of Embeds
0

Actions

Shares
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