10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices

Post on 11-Aug-2014

183 views 3 download

description

People use mobile devices for surprisingly complex tasks. Their constant presence trumps the extra time it may take to manipulate the small screen with clumsy fingers. So how do we deliver a simple mobile experience while delivering the breadth of functionality that users and stakeholders want to cram into these tiny containers? Gail will shows you how to apply essential design concepts like progressive disclosure, complexity masking, and linear pathways to create the perception of simplicity for your users. Broaden your strategies for getting all those features that your stakeholders ask for with a design simple enough for your dad to understand.

Transcript of 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

Drag picture to placeholder or click icon to add

10lbs of Features in a 5lb App

TIPS ON CREATING SIMPLE YET ROBUST EXPERIENCES FOR MOBILE DEVICES

BY GAIL SWANSON

©Gail Swanson @practicallyux

How do you get IT ALLin

THERE?

Jim Vtoons https://www.blogger.com/profile/08669404778501007889

©Gail Swanson @practicallyux

Drag picture to placeholder or click icon to addDrag picture to placeholder or click icon to addDrag picture to placeholder or click icon to add

COMPONENTS OF EXPERIENCE

brand context interaction

©Gail Swanson @practicallyux

It starts with

DESIGNSTRATEGY …now more

fun and effective!

©Gail Swanson @practicallyux

COMPLEXITY EFFORT PERCEPTION

reduce minimize craft

TECHNIQUES

©Gail Swanson @practicallyux

1reduc

eCOMPLEXITY

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

ruthless prioritization

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

What do they need?

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

Drag picture to placeholder or click icon to add

mental model

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

feedback loops

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux

2reduce

EFFORT

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

flow

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

Drag picture to placeholder or click icon to add

disclosure

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

Drag picture to placeholder or click icon to add

layering©Gail Swanson @practicallyux

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

Drag picture to placeholder or click icon to addstructured choice

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux

3craft

PERCEPTION

©Gail Swanson @practicallyux

GESTALTprinciples

Max Wertheimer, Wolfgang Kohler, Kurt Koffka, Kurt Lewin

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

Drag picture to placeholder or click icon to addDrag picture to placeholder or click icon to add

closure continuation

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

common fate

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

proximity & similarity

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

reduce interface noise

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

aesthetics

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux©Gail Swanson @practicallyux

reduce COMPLEXITY

minimize EFFORT

craftPERCEPTION

©Gail Swanson @practicallyux

©Gail Swanson @practicallyux

thank youGail Swanson

Associate Director, UXMANIFEST DIGITAL

@practicallyUX www.practicallyUX.com