mobile ux practices

Download Mobile ux practices

Post on 12-Jul-2015

297 views

Category:

Design

0 download

Embed Size (px)

TRANSCRIPT

  • Mobile is all about gettinga 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 Ina 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