designing for handhelds - aashish solanki

29
Designing for the handheld @netbramha | aashish solanki

Upload: stc-india-ux-sig

Post on 01-Nov-2014

614 views

Category:

Design


0 download

DESCRIPTION

Talk by Aashish Solanki, NetBramha Studios, at the STC India UX Conference on Saturday, August 27, 2011, conducted at WE School, Bangalore. https://sites.google.com/site/stcindiaux/speakers#Aashish

TRANSCRIPT

Page 1: Designing for Handhelds - Aashish Solanki

Designing for the

handheld

@netbramha | aashish solanki

Page 2: Designing for Handhelds - Aashish Solanki

Hi!

I AM a HANDHELD. Younger Brother of the desktop.

Well but smarter!

Page 3: Designing for Handhelds - Aashish Solanki

5 ways to great MOBILE UX

1.  Design for a goal

2. Design for context

3. Design for interaction

4. Design for content

5. KIvSS – Keep It VERY Simple Stupid!

Page 4: Designing for Handhelds - Aashish Solanki

Design for goals 1.  Precise

2. Action-able

3. Track-able

Page 5: Designing for Handhelds - Aashish Solanki

Design for goals

Page 6: Designing for Handhelds - Aashish Solanki

Design for goals

Page 7: Designing for Handhelds - Aashish Solanki

Discounts / more choices

Page 8: Designing for Handhelds - Aashish Solanki

Just plain booking

Page 9: Designing for Handhelds - Aashish Solanki

FLIPBOARD

Page 10: Designing for Handhelds - Aashish Solanki

Design for context

•  Static / Mobile / etc

•  Screen Size/Resolution

•  Form Factor (Mobile, Web, Touch)

•  Input Methods ( Touch, Gestures, Keypad, Trackball, Earplugs, Wheel, Multi-Touch etc)

Page 11: Designing for Handhelds - Aashish Solanki

Design for context

•  Extended capabilities (GPS, Accelometer,

Light, Mic, Camera)

•  Futuristic Capabilities (NFC, Retina Display,

Payment systems )

•  Internet vs No Internet

Page 12: Designing for Handhelds - Aashish Solanki

Design for context

Page 13: Designing for Handhelds - Aashish Solanki

Design for context

Page 14: Designing for Handhelds - Aashish Solanki

Design for interaction

1.  User stories

2. Learning curve

3. Stickiness

4. Accessibility

5. Emotion

Page 15: Designing for Handhelds - Aashish Solanki
Page 16: Designing for Handhelds - Aashish Solanki

Complex but required

Page 17: Designing for Handhelds - Aashish Solanki

intuitive

Page 18: Designing for Handhelds - Aashish Solanki

Minimum tap zone

Page 19: Designing for Handhelds - Aashish Solanki

•  Read vs Scan

•  Text vs Images

•  Video vs Live Stream

•  Ads vs Content

•  Simplicity vs Choice

Design for content

Page 20: Designing for Handhelds - Aashish Solanki
Page 21: Designing for Handhelds - Aashish Solanki

Design for content

Page 22: Designing for Handhelds - Aashish Solanki

Design for content

Page 23: Designing for Handhelds - Aashish Solanki

Android App

Page 24: Designing for Handhelds - Aashish Solanki

KIvSS – Keep It Very Simple Stupid!

Page 25: Designing for Handhelds - Aashish Solanki

Visual clutter

Page 26: Designing for Handhelds - Aashish Solanki

Screen Size

• Focus on core actions

• Know your users

• Use scalable design

Less choice = More action

Page 27: Designing for Handhelds - Aashish Solanki

Lets take a journey

•  Problem

•  Context

•  Users

•  Design

•  Implementation

Page 28: Designing for Handhelds - Aashish Solanki

Discussion & Chalk Board

Page 29: Designing for Handhelds - Aashish Solanki

Thank you

We are hiring, collaborating and ideating.

[email protected] or @netbramha