conversion camp: mobile ux, keep it usable

Download Conversion Camp: Mobile UX, Keep It Usable

Post on 14-Apr-2017

852 views

Category:

Design

0 download

Embed Size (px)

TRANSCRIPT

  • Mobile UX Therapy Session

  • Smartphone history

    2000 2007

    Ericsson R380

    Sony Ericsson P800

    Nokia 3310

    Blackberry 5810

    Motorola Razr V3

    Blackberry 7270

    Nokia N95

    Apple iPhone

  • Smartphone usage

  • The smartphone demographic

    The smartphone demographic?

  • The smartphone demographic

  • Internet history

    1990s

    HTML grows up!

  • Amazing mobile UX and usability are expected!

    Where are we now?

  • Amazing mobile UX and usability are expected!

  • Amazing mobile UX and usability are expected!

  • Amazing mobile UX and usability are expected!

    Ive not turned on my laptop for 6 months!

  • Amazing mobile UX and usability are expected!6/10 teenage users are addicted to their smartphone

    The most common use of mobile is to access social networks.

    2/3 of teens use their mobile whilst socialising.

    1/3 of teens use their mobile during meals.

    Half use social networks whilst in the bathroom ;-)

    6/10 teenage users are addicted to their smartphone

  • Amazing mobile UX and usability are expected!6/10 teenage users are addicted to their smartphone

  • Mobile UX

  • Devices, environments, context

    Kind of device

    Context of use

    Interaction

    Technical aspects of the device

  • Navigation

    Navigation

  • Navigation

  • Navigation

  • Navigation

  • Navigation

  • Consistency

    Consistency

  • Consistency

  • Consistency

  • Any willing volunteers?

  • A little user test

  • Interaction

  • Gestures

    Tap Swipe

    Drag Pinch

  • 3D Touch?

  • Interaction controls

    What is the data id like to capture?

    Choose me :)

    Option 1 Option 2

    Option 1 Option 2

    What is the best control that I can use?

  • Dropdown

  • Dropdown alternative

  • Dropdown alternative

  • Hit areas

    Make them Obvious!

    Consistent

    Finger touchable

    Reactive

    Visual affordance

  • Forms

  • Forms

    Sigh! :(

  • Forms

  • Forms

    Dont make me think!!

  • Forms

  • Inspiring

    Inspire

  • Inspiring

  • Useful

  • Transitions

  • Transitions

    Emulate real life experiences

    Education

    Intuitive

    Connect the action to its outcome

    Fun & slick Ui!

  • Without transition

  • With transition

  • Add to basket

  • Opportunity

  • Opportunity

    Theres a BIG opportunity to create an amazing ecommerce experience for the mobile web!

  • Hola!

    ricardo@keepitusable.com

    Ricardo Ortega

    @uxspot