SlideShare uma empresa Scribd logo
1 de 23
Baixar para ler offline
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

Mais conteúdo relacionado

Destaque

Formula 1 Lean by Jon Stahl
Formula 1 Lean by Jon StahlFormula 1 Lean by Jon Stahl
Formula 1 Lean by Jon StahlLeanDog
 
Key lean principles for organizational change
Key lean principles for organizational changeKey lean principles for organizational change
Key lean principles for organizational changeLeanDog
 
Agile Explained by LeanDog
Agile Explained by LeanDogAgile Explained by LeanDog
Agile Explained by LeanDogLeanDog
 
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 optionsLeanDog
 
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. StahlLeanDog
 
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 StahlLeanDog
 
Value Focused Prioritization & Decision-Making
Value Focused Prioritization & Decision-MakingValue Focused Prioritization & Decision-Making
Value Focused Prioritization & Decision-MakingLeanDog
 

Destaque (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
 

Semelhante a No one reads anything designing for users on the move

Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patternsKevinHao14
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Lewis Lin 🦊
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Akhil Kumar
 
Android design lecture #1
Android design   lecture #1Android design   lecture #1
Android design lecture #1Vitali Pekelis
 
MHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping ToolsMHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping ToolsMark 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 technologiesFloat
 
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 UnknownRenato 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 2013Markus 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 designInVision 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 Workfloweaselsolutions
 
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 entrepreneurshipallanchao
 
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 developersKelley 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 processArabNet 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 developmentEamonn Maguire
 
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 1Lewis Lin 🦊
 
Zainab Kashim Portfolio 2019
Zainab Kashim Portfolio 2019Zainab Kashim Portfolio 2019
Zainab Kashim Portfolio 2019zainabkashim
 

Semelhante a 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