No one reads anything designing for users on the move

designing for users on the move

No one reads anything

Creative Commons license: twicepixMartin Abegglen

Nicole CapuanaPresented at the 2012 M3 Conference

Creative Commons License: nguy1

@ncapuanataxibamboo.com

Creative Commons License: katerha

Let's go

Getting started

Creative Commons License: jaredeberhardt

1

2

Patterns inspiration

Creative Commons License: Patrick Hoesly

3Design

but no one reads anything!

assessCreative Commons License: lucamascaro

orderCreative Commons License: hirnschmalz@flickr

languageCreative Commons License: lizmonsterx

contextualCreative Commons License: nguy1

simplicityCreative Commons License: Jeff Kubina

balanceCreative Commons License: hojusaram

invisibleCreative Commons License: Eero Y

Creative Commons License: TaniaSaiz

Perfection in design is achieved not when there is nothing left to add, but when there is nothing left to take away

Antoine de Saint-Exupery

Don't forget

Creative Commons License: thebarrowboy

Creative Commons License: Steve Snodgrass

Portrait Landscape

Creative Commons License: tommyswf

zero state

Creative Commons License: Mikko Luntiala

Design & Interface Guidelines

Android:developer.android.com/design/

iOS: developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html

Windows: msdn.microsoft.com/en-us/library/windows/apps/hh779072.aspx

Links to all the platform UI guidelines (seems a little dated):mobilexweb.com/blog/ui-guidelines-mobile-tablet-design

Patterns & Inspiration

mobiledesignpatterngallery.com/mobile-patterns.php

patterntap.com

mobile-patterns.com

sixrevisions.com/user-interface/mobile-ui-design-patterns-inspiration/

androidpatterns.com

lovelyui.com

dribbble.com/tags/mobile

uiparade.com

iphone.meer.li

pttrns.com

Design Principles

UK government design principles:gov.uk/designprinciples

Gestalt principlesandyrutledge.com/gestalt-principles-1-figure-ground-relationship.php

Comprehensive read on the elements of mobile user experiencemobile.smashingmagazine.com/2012/07/12/elements-mobile-user-experience

Templates & Toolsspeckyboy.com/2010/11/18/ultimate-collection-of-printable-mobile-sketching-templates/

invisionapp.com

Resources

the end