SlideShare a Scribd company logo
No one reads anything
                                      designing for users on the move



Nicole Capuana
Presented at the 2012 M3 Conference
Creative Commons license: twicepix
Martin Abegglen
Creative Commons License: nguy1
@ncapuana
taxibamboo.com
Let's go


      Creative Commons License: katerha
1   Getting started




                 Creative Commons License: jaredeberhardt
i   Patterns
    n
    s
    p
    i
    r
    a
    t


2   i
    o
    n
                   Creative Commons License: Patrick Hoesly
Design

3
but no one reads
anything!
assess
         Creative Commons License: lucamascaro
order
        Creative Commons License: hirnschmalz@flickr
language
       Creative Commons License: lizmonsterx
contextual
         Creative Commons License: nguy1
simplicity
        Creative Commons License: Jeff Kubina
balance
      Creative Commons License: hojusaram
invisible
            Creative Commons License: Eero Y
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




Creative Commons License: TaniaSaiz
Don't forget




Creative Commons License: thebarrowboy
Portrait        Landscape




Creative Commons License: Steve Snodgrass
zero state




Creative Commons License: tommyswf
Design & Interface Guidelines               Design Principles             Patterns & Inspiration

Android:                                    UK government design          mobiledesignpatterngallery.
developer.android.com/design/               principles:                   com/mobile-patterns.php
                                            gov.uk/designprinciples
iOS: developer.apple.                                                     patterntap.com
com/library/ios/#documentation/UserExpe     Gestalt principles
rience/Conceptual/MobileHIG/Introduction    andyrutledge.com/gestalt-     mobile-patterns.com
/Introduction.html                          principles-1-figure-ground-
                                            relationship.php              sixrevisions.com/user-
Windows: msdn.microsoft.com/en-                                           interface/mobile-ui-design-
us/library/windows/apps/hh779072.aspx       Comprehensive read on         patterns-inspiration/
                                            the elements of mobile
Links to all the platform UI guidelines     user experience               androidpatterns.com
(seems a little dated):                     mobile.smashingmagazine.
mobilexweb.com/blog/ui-guidelines-          com/2012/07/12/elements-      lovelyui.com
mobile-tablet-design                        mobile-user-experience
                                                                          dribbble.com/tags/mobile

                                                                          uiparade.com

Templates & Tools                                                         iphone.meer.li
speckyboy.com/2010/11/18/ultimate-collection-of-printable-mobile-
sketching-templates/                                                      pttrns.com

invisionapp.com




 Resources                                                                          Creative Commons License: Mikko Luntiala
the end

More Related Content

Viewers also liked

Formula 1 Lean by Jon Stahl
Formula 1 Lean by Jon StahlFormula 1 Lean by Jon Stahl
Formula 1 Lean by Jon Stahl
LeanDog
 
Key lean principles for organizational change
Key lean principles for organizational changeKey lean principles for organizational change
Key lean principles for organizational change
LeanDog
 
Agile Explained by LeanDog
Agile Explained by LeanDogAgile Explained by LeanDog
Agile Explained by LeanDog
LeanDog
 
Using flow based road mapping and options
Using flow based road mapping and optionsUsing flow based road mapping and options
Using flow based road mapping and options
LeanDog
 
Agile & UX What changes and other C.R.A.P.
Agile & UX What changes and other C.R.A.P.Agile & UX What changes and other C.R.A.P.
Agile & UX What changes and other C.R.A.P.
LeanDog
 
Servant Leadership with Moral Authority @LeanDog by Jon R. Stahl
Servant Leadership with Moral Authority @LeanDog by Jon R. StahlServant Leadership with Moral Authority @LeanDog by Jon R. Stahl
Servant Leadership with Moral Authority @LeanDog by Jon R. Stahl
LeanDog
 
Agile From the Top Down: Executives & Leadership Living Agile by Jon Stahl
Agile From the Top Down: Executives & Leadership Living Agile  by Jon StahlAgile From the Top Down: Executives & Leadership Living Agile  by Jon Stahl
Agile From the Top Down: Executives & Leadership Living Agile by Jon Stahl
LeanDog
 
Value Focused Prioritization & Decision-Making
Value Focused Prioritization & Decision-MakingValue Focused Prioritization & Decision-Making
Value Focused Prioritization & Decision-Making
LeanDog
 

Viewers also liked (8)

Formula 1 Lean by Jon Stahl
Formula 1 Lean by Jon StahlFormula 1 Lean by Jon Stahl
Formula 1 Lean by Jon Stahl
 
Key lean principles for organizational change
Key lean principles for organizational changeKey lean principles for organizational change
Key lean principles for organizational change
 
Agile Explained by LeanDog
Agile Explained by LeanDogAgile Explained by LeanDog
Agile Explained by LeanDog
 
Using flow based road mapping and options
Using flow based road mapping and optionsUsing flow based road mapping and options
Using flow based road mapping and options
 
Agile & UX What changes and other C.R.A.P.
Agile & UX What changes and other C.R.A.P.Agile & UX What changes and other C.R.A.P.
Agile & UX What changes and other C.R.A.P.
 
Servant Leadership with Moral Authority @LeanDog by Jon R. Stahl
Servant Leadership with Moral Authority @LeanDog by Jon R. StahlServant Leadership with Moral Authority @LeanDog by Jon R. Stahl
Servant Leadership with Moral Authority @LeanDog by Jon R. Stahl
 
Agile From the Top Down: Executives & Leadership Living Agile by Jon Stahl
Agile From the Top Down: Executives & Leadership Living Agile  by Jon StahlAgile From the Top Down: Executives & Leadership Living Agile  by Jon Stahl
Agile From the Top Down: Executives & Leadership Living Agile by Jon Stahl
 
Value Focused Prioritization & Decision-Making
Value Focused Prioritization & Decision-MakingValue Focused Prioritization & Decision-Making
Value Focused Prioritization & Decision-Making
 

Similar to No one reads anything designing for users on the move

Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
KevinHao14
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
Lewis Lin 🦊
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
Akhil Kumar
 
Android design lecture #1
Android design   lecture #1Android design   lecture #1
Android design lecture #1
Vitali Pekelis
 
MHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping ToolsMHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping Tools
Mark Billinghurst
 
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
Float
 
From design specs to user stories (ProductCamp Boston 2016)
From design specs to user stories (ProductCamp Boston 2016)From design specs to user stories (ProductCamp Boston 2016)
From design specs to user stories (ProductCamp Boston 2016)
ProductCamp Boston
 
Designing for the Unknown
Designing for the UnknownDesigning for the Unknown
Designing for the Unknown
Renato Feijó
 
Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013
Markus Jönsson
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
InVision App
 
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workflow
easelsolutions
 
Class 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipClass 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurship
allanchao
 
Designing for Mobile: UX for designers and developers
Designing for Mobile: UX for designers and developersDesigning for Mobile: UX for designers and developers
Designing for Mobile: UX for designers and developers
Kelley Howell
 
From Prototyping to Optimization; UX/UI a continuous process
From Prototyping to Optimization; UX/UI a continuous processFrom Prototyping to Optimization; UX/UI a continuous process
From Prototyping to Optimization; UX/UI a continuous process
ArabNet ME
 
Bits+atoms+processes: the influence of code culture on Design @ Cumulus Helsi...
Bits+atoms+processes: the influence of code culture on Design @ Cumulus Helsi...Bits+atoms+processes: the influence of code culture on Design @ Cumulus Helsi...
Bits+atoms+processes: the influence of code culture on Design @ Cumulus Helsi...
Massimo Menichinelli
 
Web valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app developmentWeb valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app development
Eamonn Maguire
 
Doran-C4L2010
Doran-C4L2010Doran-C4L2010
Doran-C4L2010
Quickoffice Test
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
Lewis Lin 🦊
 
Mini-Training: Mobile UX Trends
Mini-Training: Mobile UX TrendsMini-Training: Mobile UX Trends
Mini-Training: Mobile UX Trends
Betclic Everest Group Tech Team
 
Zainab Kashim Portfolio 2019
Zainab Kashim Portfolio 2019Zainab Kashim Portfolio 2019
Zainab Kashim Portfolio 2019
zainabkashim
 

Similar to No one reads anything designing for users on the move (20)

Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
 
Android design lecture #1
Android design   lecture #1Android design   lecture #1
Android design lecture #1
 
MHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping ToolsMHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping Tools
 
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
 
From design specs to user stories (ProductCamp Boston 2016)
From design specs to user stories (ProductCamp Boston 2016)From design specs to user stories (ProductCamp Boston 2016)
From design specs to user stories (ProductCamp Boston 2016)
 
Designing for the Unknown
Designing for the UnknownDesigning for the Unknown
Designing for the Unknown
 
Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
 
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workflow
 
Class 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipClass 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurship
 
Designing for Mobile: UX for designers and developers
Designing for Mobile: UX for designers and developersDesigning for Mobile: UX for designers and developers
Designing for Mobile: UX for designers and developers
 
From Prototyping to Optimization; UX/UI a continuous process
From Prototyping to Optimization; UX/UI a continuous processFrom Prototyping to Optimization; UX/UI a continuous process
From Prototyping to Optimization; UX/UI a continuous process
 
Bits+atoms+processes: the influence of code culture on Design @ Cumulus Helsi...
Bits+atoms+processes: the influence of code culture on Design @ Cumulus Helsi...Bits+atoms+processes: the influence of code culture on Design @ Cumulus Helsi...
Bits+atoms+processes: the influence of code culture on Design @ Cumulus Helsi...
 
Web valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app developmentWeb valley talk - usability, visualization and mobile app development
Web valley talk - usability, visualization and mobile app development
 
Doran-C4L2010
Doran-C4L2010Doran-C4L2010
Doran-C4L2010
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
 
Mini-Training: Mobile UX Trends
Mini-Training: Mobile UX TrendsMini-Training: Mobile UX Trends
Mini-Training: Mobile UX Trends
 
Zainab Kashim Portfolio 2019
Zainab Kashim Portfolio 2019Zainab Kashim Portfolio 2019
Zainab Kashim Portfolio 2019
 

No one reads anything designing for users on the move

  • 1. No one reads anything designing for users on the move Nicole Capuana Presented at the 2012 M3 Conference Creative Commons license: twicepix Martin Abegglen
  • 2.
  • 5.
  • 6. Let's go Creative Commons License: katerha
  • 7. 1 Getting started Creative Commons License: jaredeberhardt
  • 8. i Patterns n s p i r a t 2 i o n Creative Commons License: Patrick Hoesly
  • 9. Design 3 but no one reads anything!
  • 10. assess Creative Commons License: lucamascaro
  • 11. order Creative Commons License: hirnschmalz@flickr
  • 12.
  • 13. language Creative Commons License: lizmonsterx
  • 14. contextual Creative Commons License: nguy1
  • 15. simplicity Creative Commons License: Jeff Kubina
  • 16. balance Creative Commons License: hojusaram
  • 17. invisible Creative Commons License: Eero Y
  • 18. 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 Creative Commons License: TaniaSaiz
  • 19. Don't forget Creative Commons License: thebarrowboy
  • 20. Portrait Landscape Creative Commons License: Steve Snodgrass
  • 21. zero state Creative Commons License: tommyswf
  • 22. Design & Interface Guidelines Design Principles Patterns & Inspiration Android: UK government design mobiledesignpatterngallery. developer.android.com/design/ principles: com/mobile-patterns.php gov.uk/designprinciples iOS: developer.apple. patterntap.com com/library/ios/#documentation/UserExpe Gestalt principles rience/Conceptual/MobileHIG/Introduction andyrutledge.com/gestalt- mobile-patterns.com /Introduction.html principles-1-figure-ground- relationship.php sixrevisions.com/user- Windows: msdn.microsoft.com/en- interface/mobile-ui-design- us/library/windows/apps/hh779072.aspx Comprehensive read on patterns-inspiration/ the elements of mobile Links to all the platform UI guidelines user experience androidpatterns.com (seems a little dated): mobile.smashingmagazine. mobilexweb.com/blog/ui-guidelines- com/2012/07/12/elements- lovelyui.com mobile-tablet-design mobile-user-experience dribbble.com/tags/mobile uiparade.com Templates & Tools iphone.meer.li speckyboy.com/2010/11/18/ultimate-collection-of-printable-mobile- sketching-templates/ pttrns.com invisionapp.com Resources Creative Commons License: Mikko Luntiala