10lbs of features in a 5lb app: tips on creating simple yet robust experiences for mobile devices
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
![Page 1: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/1.jpg)
©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
![Page 2: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/2.jpg)
©Gail Swanson @practicallyux
How do you get IT ALLin
THERE?
Jim Vtoons https://www.blogger.com/profile/08669404778501007889
![Page 3: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/3.jpg)
©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
![Page 4: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/4.jpg)
©Gail Swanson @practicallyux
It starts with
DESIGNSTRATEGY …now more
fun and effective!
![Page 5: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/5.jpg)
©Gail Swanson @practicallyux
COMPLEXITY EFFORT PERCEPTION
reduce minimize craft
TECHNIQUES
![Page 6: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/6.jpg)
©Gail Swanson @practicallyux
1reduc
eCOMPLEXITY
![Page 7: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/7.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
ruthless prioritization
©Gail Swanson @practicallyux
![Page 8: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/8.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
What do they need?
©Gail Swanson @practicallyux
![Page 9: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/9.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
Drag picture to placeholder or click icon to add
mental model
©Gail Swanson @practicallyux
![Page 10: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/10.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
feedback loops
©Gail Swanson @practicallyux
![Page 11: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/11.jpg)
©Gail Swanson @practicallyux
2reduce
EFFORT
![Page 12: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/12.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
flow
©Gail Swanson @practicallyux
![Page 13: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/13.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
Drag picture to placeholder or click icon to add
disclosure
©Gail Swanson @practicallyux
![Page 14: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/14.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
Drag picture to placeholder or click icon to add
layering©Gail Swanson @practicallyux
![Page 15: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/15.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
Drag picture to placeholder or click icon to addstructured choice
©Gail Swanson @practicallyux
![Page 16: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/16.jpg)
©Gail Swanson @practicallyux
3craft
PERCEPTION
![Page 17: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/17.jpg)
©Gail Swanson @practicallyux
GESTALTprinciples
Max Wertheimer, Wolfgang Kohler, Kurt Koffka, Kurt Lewin
![Page 18: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/18.jpg)
©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
![Page 19: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/19.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
common fate
©Gail Swanson @practicallyux
![Page 20: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/20.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
proximity & similarity
©Gail Swanson @practicallyux
![Page 21: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/21.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
reduce interface noise
©Gail Swanson @practicallyux
![Page 22: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/22.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
aesthetics
©Gail Swanson @practicallyux
![Page 23: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/23.jpg)
©Gail Swanson @practicallyux©Gail Swanson @practicallyux
reduce COMPLEXITY
minimize EFFORT
craftPERCEPTION
©Gail Swanson @practicallyux
![Page 24: 10lbs of Features in a 5lb App: Tips On Creating Simple Yet Robust Experiences For Mobile Devices](https://reader030.vdocuments.mx/reader030/viewer/2022012916/53ee60d98d7f7289708b6101/html5/thumbnails/24.jpg)
©Gail Swanson @practicallyux
thank youGail Swanson
Associate Director, UXMANIFEST DIGITAL
@practicallyUX www.practicallyUX.com