Mobile ux practices

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