Your SlideShare is downloading. ×
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

257
views

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
257
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