mobile ux practices
TRANSCRIPT
Mobile is all about getting a job done in the fastest and sexiest possible way
Sanjay Raval
Sr. Mobile UX Designer, Yodlee
19 Apr, 2014
WHY IT MATTERS? § - Small Screen • - Difficult to type • - On the Go • - Out side Interruption • - Battery Life • - Processing Power • - Data transfer and Pricing • - Hard to Multi-task • - Attention is partial
HOW TO DEAL? § 1) Less is More § 2) Designing for Thumb § 3) Be really awesome at One Thing § 4) Clear Communication § 5) Smart use of Gestures § 6) Think Beyond Style Guide
1 LESS IS MORE
1 LESS IS MORE § - Focus on most important features and content § - Only one action or max two actions § - One task at a time
2 DESIGNING FOR THUMB
2 DESIGNING FOR THUMB § In a study, it has found that about 75% of people's
interactions with a smartphone were managed with a thumb.
§ So when it comes to designing for mobile, it makes sense to follow the thumb.
§ Thumb is better than finger
3 BE REALLY AWESOME AT ONE THING
3 BE REALLY AWESOME AT ONE THING
§ Instead of trying be to perfect at everything. § Focus on one core feature of the product and § Make It Awesome
4 CLEAR COMMUNICTION
4 CLEAR COMMUNICATION - Good color contrast
- Bigger fonts
- Use of icons
- Infographics
- Clear Feedback
5 SMART USE OF GESTURES
5 SMART USE OF GESTURES
- Gestures are quicker, § - Provides comfortable experience for hand since a
large area of the screen is used for a function.
6 THINK BEYOND STYLE GUIDE
6 THINK BEYOND STYLE GUIDE
Following style guide is good to bring consistency and taking care of the user conventions. But following them blindingly is not something good. If we have a better way, we must try and do. Good is an envy of the best
EXAMPLES & QA
NOT SO GOOD iPhone Alarm App
1
What is not so good:
1) Thumb Friendliness
1 GOOD Rise Alarm App
NOT SO GOOD Any.do (To Do App)
2
NOT SO GOOD Any.do (To Do App)
2
What is not so good:
1) Entering Task Name 2) Selecting Date and Time 3) Color Contrast 4) Thumb Friendliness
2 GOOD Fast Remind
2 GOOD Fast Remind
GOOD 2 Current Design Improvised Design
NOT SO GOOD Music App (iPhone native app)
3
What is not so good:
1) User has to tap on bottom tabs to change view
3 GOOD Beat
What is good:
1) Just swipe the finger to change view
AWESOME APPS
CAM ME Selfies App
1
What is so good:
CamMe helps users take selfies from up to 16 feet away - without having to touch their device. To take a selfie, users simply raise their hand and make a fist, which triggers a three-second shutter timer.
Sanjay Raval