Mobile ux
Upcoming SlideShare
Loading in...5
×
 

Mobile ux

on

  • 374 views

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

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

Statistics

Views

Total Views
374
Views on SlideShare
374
Embed Views
0

Actions

Likes
0
Downloads
4
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Mobile ux Mobile ux Presentation Transcript

  • Mobile UXJack
  • Ch7 第一印象 First Expression
  • APP IconFirstExpression Loading Screen Welcome Page
  • • 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
  • 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 Evernote Mos Google + Burger
  • 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 Drag
  • TouchMetaphor• Push• Drag• Scroll Down/Up• Zoom-in & Zoom-out Scroll Zoom-in Down/Up & Zoom- out
  • 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 Slides and get and Zoom-in control
  • 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 user
  • Hard gestures• Making tasks harder to prevent Failure
  • Two fingers• Resize Image• Rotate Image snapspeed
  • Shake• Shake for fun• Shake to Back / Redo ?
  • Thanks