How to improve mobile UI/UX

Download How to improve mobile UI/UX

Post on 11-Apr-2017

144 views

Category:

Design

0 download

Embed Size (px)

TRANSCRIPT

  • UI/UX

    2017

  • Estimation

    User personas

  • Estimation

    " "

  • Estimation

    McDonald's

  • Estimation

    Heathrow Airport

    Terminal 5700 35

    -

    25

  • Estimation

  • 2017

    UX/UI Designer

  • 2017

  • 2017

    Dribbble

  • 2017

    , .

    .

  • Estimation

    ,

    .

    .

  • Estimation2017

    .

  • Estimation2017

  • Project Manager

  • Project Manager not Premier Manager

  • Estimation

    MVP and Design Sprints

  • Microinteractions

    2017

  • Microinteractions

    Microinteractions

    Dan Sffer

  • Microinteractions

    Dan Saffer

  • Microinteractions

  • 2017

    Microinteractions

  • Mobile UI/UX details

  • Microinteractions

    No Feedback

  • Microinteractions2017

    ,

    ,

  • Microinteractions2017

    Feedback

  • Microinteractions2017

    Mircointeractions

    .

    01 02 03 04

  • Microinteractions

    Turn off mode

  • Microinteractions2017

    .

    Trigger

    , ,

    Rules

    .

    .

    Feedback

    Loops&Mods

  • Microinteractions

    2017

  • Microinteractions

    Trigger

    2017

  • Microinteractions

    Trigger

  • Microinteractions2017

    ,

    ,

    ...

  • Microinteractions

    Loop&Mods

    2017

  • Microinteractions2017

    Prevent Human Error

  • Microinteractions2017

    Prevent Human Error

  • Microinteractions2017

    Audio Feedback

  • Microinteractions

    Camera First

    2017

  • Microinteractions

    Progressive

    disclosure

    ,

  • Microinteractions

    Progressive

    disclosure

    Novice users

    Advanced users

  • Microinteractions

    Progressive

    disclosure

    show less, provide more

  • Microinteractions

    Progressive

    disclosure

  • Microinteractions

    Progressive

    disclosure

  • Microinteractions

    Trigger

  • Microinteractions2017

    Telegram

  • 2017

    Telegram

    Voice messages

    Mobile UI/UX details

  • Microinteractions2017

  • Microinteractions2017

  • Microinteractions2017

  • 2017

  • Microinteractions

    Overlapping

    2017

  • Microinteractions

    Overlapping

    2017

  • Microinteractions

    Overlapping

    2017

  • Microinteractions2017

  • Microinteractions

    Drunk Mode

  • Cognitive Load

    2017

  • Cognitive Load

    Cognitive Load

    ,

    , .

  • Cognitive load2017

    QR

  • Cognitive load2017

    Fingerprint

  • Cognitive load

    2017

  • Cognitive Load

    Primary Actions

    2017

  • Cognitive Load

    Primary Actions

    2017

  • Cognitive Load

    Primary Actions

    2017

  • Cognitive Load

    Segmented

    control

    2017

  • Cognitive Load

    Toggle menu

    2017

  • Cognitive Load

    Toggle menu

    2017

  • Cognitive Load

    Catalog

    improvements

    2017

  • Cognitive Load

    Catalog

    improvements

    2017

  • Cognitive Load

    Swipe to Order

    2017

  • Cognitive Load

    Show password

    2017

  • Cognitive Load

    Show password

    2017

    75%

  • Cognitive Load

    Required fields

    2017

  • Cognitive Load

    Required fields

    2017

  • Cognitive Load

    olor matters

    2017

  • Cognitive Load

    olor and Depth matter

    2017

  • Trigger

    2017

    iOs Music

    Mobile UI/UX details

  • Improvements

    2017

  • Improvements2017 Improvements

    Accessibility

    2017

  • Brain

    2017

    .

    .

    Mobile UI/UX details

  • 2017 Mobile UI/UX details

  • 2017 Mobile UI/UX details

  • Target Size

    2017

    Error Rate

    Mobile UI/UX details

  • Improvements2017

    Data

  • Improvements2017

    Muscle memory

    I am not recommending :)

  • Improvements2017 Improvements

    2017

    Autoplay

  • Improvements2017

    -

  • Improvements

  • Improvements2017

    At Google, we're always

    working on ways to

    bridge this gap through

    unified spec

  • Improvements

    My Files, Your Files, Files

    2017

    My

    .

    Your

    .

  • Improvements

    My Files, Your Files, Files

    2017

    My Your

    .

  • 2017

    Xero

  • Improvements

    Hotspot tutorial

    vs Onboarding

    2017

  • Improvements

    2017

  • Improvements

    2017

    Spotify

  • Improvements

    Human Language

    2017

  • Improvements

    2017

  • Improvements

    2017

  • 2017 Mobile UI/UX details

  • Prime Mod

    2017 Mobile UI/UX details

    Prime

  • Improvements

    2017

    .

  • Dead-End

    2017

    .

    Mobile UI/UX details

  • Dead-End

    2017

    .

    Mobile UI/UX details

  • Empty State

    2017

    Mobile UI/UX details

  • Emotion

    2017

    .

    Mobile UI/UX details

  • Emotion

    2017 Mobile UI/UX details

  • Emotion

    2017 Mobile UI/UX details

  • Emotion

    2017 Mobile UI/UX details

  • 2017

    At Google, we're always

    working on ways to

    bridge this gap through

    unified spec

    Mobile UI/UX details

  • Improvements2017

    Error massages

  • Improvements

    2017

  • Improvements

    2017

  • Improvements

    Present

    perfect

    2017

  • Improvements2017

  • Improvements

    2017

  • Improvements2017

  • Improvements

    2017

  • Improvements

    Select

    2017

  • Improvements

    Stepper first

    2017

  • Improvements

    Select vs Input

    2017

  • Improvements

    Select vs Input

    2017

  • Improvements

    Friendly

    2017

    Virgin America

  • Improvements

    Autocomplete

    2017

  • Improvements

    Autocomplete

    2017

  • Improvements

    Reduce Input Errors

    2017

    15% Bounce rate

  • Improvements

    Reduce Input Errors

    2017

  • Improvements

    Reduce Input Errors

    2017

    Decrease 50% Bounce rate

  • Login Walls

    2017 Mobile UI/UX details

  • Login Walls

    2017 Mobile UI/UX details

  • Ask for Rate

    Mobile UI/UX details 2017

  • Improvements

    Access

    Permissions

    2017

  • Improvements

    Access

    Permissions

    2017

  • Improvements

    Progressbar and Preloader

    2017

  • Improvements

    2017

  • Improvements

    Preloader

    2017

    -

    - Luke W

  • Improvements

    Preloader

    2017

  • Improvements

    Load like Lightning

    2017

    :)

  • PageSpeed

    2017 Mobile UI/UX details

    3-

    40%

  • PageSpeed

    2017 Mobile UI/UX details

    https://developers.google.com/speed/pagespeed/insights/

    7.2seconds in 2014

    2.9seconds in 2017

  • Google Statistics

    2017 Mobile UI/UX details

    25% Apps

    1

    25%

  • Google Statistics

    2017 Mobile UI/UX details

    24% Apps

    11

    34%

  • Improvements

    Go faster

    2017

  • Improvements

    Progressbar

    2017

  • Improvements

    Progressbar

    2017

  • Improvements

    Progressbar

    2017

  • Improvements

    Progressbar

    2017

  • Improvements

    2017

    1 2 3 5 10 15 20

  • Improvements

    Onboarding

    2017

    Onboarding

  • Improvements

    Onboarding

    2017

  • Improvements

    2017

  • Improvements

    English

    2017

  • Improvements

    Machine learning

    2017

  • 23%

    2017 Mobile UI/UX details

    23%

  • Guest checkout

    2017 Mobile UI/UX details

  • PayPal checkout

    2017 Mobile UI/UX details

  • 2017 Mobile UI/UX details

    -10%

  • Show value

    of your app

    upfront

    2017 Mobile UI/UX details

  • Show value

    of your app

    upfront

    2017 Mobile UI/UX details

  • 2017

    Mobile UI/UX details

  • 2017

    Mobile UI/UX details

  • Save the user time

    and effort

    2017

    Mobile UI/UX details

  • Improvements

    Interface should teach

    2017

    Josh Clark

    DESIGNING FOR TOUCH

  • Cognitive Easy

    2017

  • Improvements

    Reduce Errors in Forms

    2017

  • Improvements

    Reduce Errors in Forms

    2017

  • Legal Issues

    2017 Mobile UI/UX details

  • Cognitive Easy

    2017

  • Cognitive Easy

    EASY = TRUE

    2017

  • Cognitive Easy

    2017

    .

    .

  • Cognitive Easy

    2017

  • Cognitive Easy2017

  • Cognitive Easy

    Select Remove local copy to save space.

    Save space by selecting Remove local copy.

    2017

  • Improvements

    One Screen, One Task

    2017

  • Improvements2017

    One Screen, One Task

  • Improvements

    One Screen, One Task

    2017

  • Improvements

    One Screen, One Task

    2017

  • Cognitive Easy

    Seamlessly

    2017

  • Cognitive Easy

    2017

  • Improvements

    2017

  • Cognitive Easy

    Seamlessly

    2017

  • Cognitive Easy

    Seamlessly

    2017

  • Cognitive Easy

    Seamlessly

    2017

  • Cognitive Easy

    Seamlessly

    2017

  • Cognitive Easy

    Seamlessly

    2017

  • Cognitive Easy

    2017

  • Cognitive Easy

    2017

  • Cognitive Easy

    2017

  • Cognitive Easy

    .

    2017

  • Little Big Details

    2017

  • Details

    Dropbox

  • Details

    iOs

    Spinner

  • Details

    OSX

    ,

  • Cognitive Easy

    2017

  • Cognitive Easy

    2017

  • Cognitive Easy

    2017

  • Cognitive Easy

    2017

  • Cognitive Easy

    2017

  • Cognitive Easy

    2017

  • Cognitive Easy

    Evernote

    2017

  • Service Design

  • Cognitive Easy

    ?

    2017

  • Thanks

    2017