no one reads anything designing for users on the move

23
designing for users on the move No one reads anything Creative Commons license: twicepix Martin Abegglen Nicole Capuana Presented at the 2012 M3 Conference

Upload: leandog

Post on 05-Dec-2014

8.345 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: 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

Page 2: No one reads anything  designing for users on the move
Page 3: No one reads anything  designing for users on the move

Creative Commons License: nguy1

Page 4: No one reads anything  designing for users on the move

@ncapuanataxibamboo.com

Page 5: No one reads anything  designing for users on the move
Page 6: No one reads anything  designing for users on the move

Creative Commons License: katerha

Let's go

Page 7: No one reads anything  designing for users on the move

Getting started

Creative Commons License: jaredeberhardt

1

Page 8: No one reads anything  designing for users on the move

2

Patterns inspiration

Creative Commons License: Patrick Hoesly

Page 9: No one reads anything  designing for users on the move

3Design

but no one reads anything!

Page 10: No one reads anything  designing for users on the move

assessCreative Commons License: lucamascaro

Page 11: No one reads anything  designing for users on the move

orderCreative Commons License: hirnschmalz@flickr

Page 12: No one reads anything  designing for users on the move
Page 13: No one reads anything  designing for users on the move

languageCreative Commons License: lizmonsterx

Page 14: No one reads anything  designing for users on the move

contextualCreative Commons License: nguy1

Page 15: No one reads anything  designing for users on the move

simplicityCreative Commons License: Jeff Kubina

Page 16: No one reads anything  designing for users on the move

balanceCreative Commons License: hojusaram

Page 17: No one reads anything  designing for users on the move

invisibleCreative Commons License: Eero Y

Page 18: No one reads anything  designing for users on the move

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

Page 19: No one reads anything  designing for users on the move

Don't forget

Creative Commons License: thebarrowboy

Page 20: No one reads anything  designing for users on the move

Creative Commons License: Steve Snodgrass

Portrait Landscape

Page 21: No one reads anything  designing for users on the move

Creative Commons License: tommyswf

zero state

Page 22: No one reads anything  designing for users on the move

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

Page 23: No one reads anything  designing for users on the move

the end