SlideShare a Scribd company logo
1 of 105
Dear Developers, 
Design Details 
Matter 
Juhani Lehtimäki, Fat Robot
“Users can figure it out. What’s the problem?” 
“You are just nitpicking. It’s fine.” 
“You just hate <insert company you like but you think I 
don’t>” 
http://www.androiduipatterns.com/
Design Guidelines 
Design Patterns
Android Design Guidelines
Consistenc 
y
Visual 
Cues
Information 
Hierarchy 
and 
Actions
Find what you 
are looking for
And do with it 
what you 
wanted to do
So, Do All Apps Need to 
Look the Same Now?
A Design Pattern 
A Proven, Good 
Solution to a Common 
problem
Action Bar
Where am I? 
What can I 
do?
Don’t need it? 
Don’t use it!
Design patterns solves a 
problem 
if you don’t have the problem 
don’t use the design pattern!
Up
How do I get 
out of here?
Trust
Navigation 
Drawer
How do I get 
to somewhere 
else?
:-
?
Don’t need it? 
Don’t use it!
Tabs
Transitions
L
Innovation and the 
Mature Android 
Platform
Community driven 
innovation
Taylor Ling, June 15, 2012 
http://androiduiux.com/2012/06/15/side-navigation-ui-pattern-in-android/
http://developer.android.com/design/patterns/navigation-drawer. 
html
Commercial innovation
UX design is Nitpicking 
for a Good Reason
“This is different” 
“Do I use this differently?”
Learn Once 
Use Everywhere
Gestures Are Hidden 
but Awesome
Reinventing the Wheel 
vs. 
Innovation
Break rules & guidelines only 
if you have a good reason to 
do so
Cheers! 
+JuhaniLehtimäki 
www.fatrobot.io 
www.androiduipatterns.com

More Related Content

What's hot

getting the experience right
getting the experience rightgetting the experience right
getting the experience rightRyan Nance
 
Blind Dates - Or the right choice of Test U sers
Blind Dates - Or the right choice of Test U sersBlind Dates - Or the right choice of Test U sers
Blind Dates - Or the right choice of Test U sersReto Laemmler
 
Build a Recipe for Better UX Process with Fresh Lean Ingredients
Build a Recipe for Better UX Process  with Fresh Lean IngredientsBuild a Recipe for Better UX Process  with Fresh Lean Ingredients
Build a Recipe for Better UX Process with Fresh Lean IngredientsTom Illmensee
 
Design in Startups
Design in StartupsDesign in Startups
Design in StartupsALPHA Camp
 
How UX Research Fits Into an Agile Development Process
How UX Research Fits Into an Agile Development ProcessHow UX Research Fits Into an Agile Development Process
How UX Research Fits Into an Agile Development ProcessKyle Soucy
 
User Experience Design for Non‐Designers
User Experience Designfor Non‐DesignersUser Experience Designfor Non‐Designers
User Experience Design for Non‐Designerskimberlythecat
 

What's hot (7)

getting the experience right
getting the experience rightgetting the experience right
getting the experience right
 
Blind Dates - Or the right choice of Test U sers
Blind Dates - Or the right choice of Test U sersBlind Dates - Or the right choice of Test U sers
Blind Dates - Or the right choice of Test U sers
 
Build a Recipe for Better UX Process with Fresh Lean Ingredients
Build a Recipe for Better UX Process  with Fresh Lean IngredientsBuild a Recipe for Better UX Process  with Fresh Lean Ingredients
Build a Recipe for Better UX Process with Fresh Lean Ingredients
 
Design in Startups
Design in StartupsDesign in Startups
Design in Startups
 
How UX Research Fits Into an Agile Development Process
How UX Research Fits Into an Agile Development ProcessHow UX Research Fits Into an Agile Development Process
How UX Research Fits Into an Agile Development Process
 
User Experience Design for Non‐Designers
User Experience Designfor Non‐DesignersUser Experience Designfor Non‐Designers
User Experience Design for Non‐Designers
 
Tr2016 new final
Tr2016 new finalTr2016 new final
Tr2016 new final
 

Viewers also liked

Game sense approach
Game sense approach Game sense approach
Game sense approach wasabidanny
 
Theory of a documentary good one
Theory of a documentary good oneTheory of a documentary good one
Theory of a documentary good onekirstymitchelll
 
Supersize vs super skinny textual analysis
Supersize vs super skinny textual analysisSupersize vs super skinny textual analysis
Supersize vs super skinny textual analysiskirstymitchelll
 
Theory of a documentary good one
Theory of a documentary good oneTheory of a documentary good one
Theory of a documentary good onekirstymitchelll
 
Textual analysis of the Contents page
Textual analysis of the Contents pageTextual analysis of the Contents page
Textual analysis of the Contents pagekirstymitchelll
 
IBMA: An SPM toolbox for Neuroimaging Image-Based Meta-Analysis
IBMA: An SPM toolbox for Neuroimaging Image-Based Meta-AnalysisIBMA: An SPM toolbox for Neuroimaging Image-Based Meta-Analysis
IBMA: An SPM toolbox for Neuroimaging Image-Based Meta-AnalysisCamille Maumet
 
Conventions of a documentary
Conventions of a documentaryConventions of a documentary
Conventions of a documentarykirstymitchelll
 
Textual analysis of the double page spread
Textual analysis of the double page spreadTextual analysis of the double page spread
Textual analysis of the double page spreadkirstymitchelll
 
NIDM-Results: a model to share brain mapping statistical results
NIDM-Results: a model to share brain mapping statistical resultsNIDM-Results: a model to share brain mapping statistical results
NIDM-Results: a model to share brain mapping statistical resultsCamille Maumet
 
Supporting image-based meta-analysis with NIDM: Standardized reporting of neu...
Supporting image-based meta-analysis with NIDM: Standardized reporting of neu...Supporting image-based meta-analysis with NIDM: Standardized reporting of neu...
Supporting image-based meta-analysis with NIDM: Standardized reporting of neu...Camille Maumet
 
In what way does my media product use
In what way does my media product useIn what way does my media product use
In what way does my media product usekirstymitchelll
 

Viewers also liked (17)

Game sense approach
Game sense approach Game sense approach
Game sense approach
 
Questionnaire results
Questionnaire resultsQuestionnaire results
Questionnaire results
 
Theory of a documentary good one
Theory of a documentary good oneTheory of a documentary good one
Theory of a documentary good one
 
Open survey
Open surveyOpen survey
Open survey
 
Supersize vs super skinny textual analysis
Supersize vs super skinny textual analysisSupersize vs super skinny textual analysis
Supersize vs super skinny textual analysis
 
Theory of a documentary good one
Theory of a documentary good oneTheory of a documentary good one
Theory of a documentary good one
 
Textual analysis of the Contents page
Textual analysis of the Contents pageTextual analysis of the Contents page
Textual analysis of the Contents page
 
IBMA: An SPM toolbox for Neuroimaging Image-Based Meta-Analysis
IBMA: An SPM toolbox for Neuroimaging Image-Based Meta-AnalysisIBMA: An SPM toolbox for Neuroimaging Image-Based Meta-Analysis
IBMA: An SPM toolbox for Neuroimaging Image-Based Meta-Analysis
 
Textual analysis 1
Textual analysis 1Textual analysis 1
Textual analysis 1
 
Conventions of a documentary
Conventions of a documentaryConventions of a documentary
Conventions of a documentary
 
Form Research
Form Research Form Research
Form Research
 
Evaluation 5 questionn
Evaluation 5 questionnEvaluation 5 questionn
Evaluation 5 questionn
 
My ancillary
My ancillaryMy ancillary
My ancillary
 
Textual analysis of the double page spread
Textual analysis of the double page spreadTextual analysis of the double page spread
Textual analysis of the double page spread
 
NIDM-Results: a model to share brain mapping statistical results
NIDM-Results: a model to share brain mapping statistical resultsNIDM-Results: a model to share brain mapping statistical results
NIDM-Results: a model to share brain mapping statistical results
 
Supporting image-based meta-analysis with NIDM: Standardized reporting of neu...
Supporting image-based meta-analysis with NIDM: Standardized reporting of neu...Supporting image-based meta-analysis with NIDM: Standardized reporting of neu...
Supporting image-based meta-analysis with NIDM: Standardized reporting of neu...
 
In what way does my media product use
In what way does my media product useIn what way does my media product use
In what way does my media product use
 

Similar to Dear Developers, Design Details Matter

Between Paper & Code
Between Paper & CodeBetween Paper & Code
Between Paper & CodeMolly Wilson
 
How Startups May Build Your UX Competencies - Hire or Just a Myth?
How Startups May Build Your UX Competencies - Hire or Just a Myth?How Startups May Build Your UX Competencies - Hire or Just a Myth?
How Startups May Build Your UX Competencies - Hire or Just a Myth?UX Consulting Pte Ltd
 
Hacking UX : Design Thinking for Techies
Hacking UX : Design Thinking for TechiesHacking UX : Design Thinking for Techies
Hacking UX : Design Thinking for TechiesMelissa Ng
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardChris Bernard
 
Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)Danielle Arvanitis
 
Hacking UX: Product Design Thinking for Techies
Hacking UX: Product Design Thinking for TechiesHacking UX: Product Design Thinking for Techies
Hacking UX: Product Design Thinking for TechiesMelissa Ng
 
UX class presentation
UX class presentationUX class presentation
UX class presentationTheo V
 
User Research on a Shoestring
User Research on a ShoestringUser Research on a Shoestring
User Research on a Shoestringteaguese
 
Ruby on Rails Session 02 - UX Design
Ruby on Rails Session 02 - UX DesignRuby on Rails Session 02 - UX Design
Ruby on Rails Session 02 - UX DesignCoding_Girls
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Careerdpanarelli
 
The Trick of Designing User Interfaces that Slay
The Trick of Designing User Interfaces that SlayThe Trick of Designing User Interfaces that Slay
The Trick of Designing User Interfaces that SlayMindfire LLC
 
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st CenturyUsability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st CenturyMax Soe
 
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
 
Contemporization of UX & Importance of design in mobility !
Contemporization of UX & Importance of design in mobility !Contemporization of UX & Importance of design in mobility !
Contemporization of UX & Importance of design in mobility !Vaibhav Sisinty
 
UI For Alien Cowboys
UI For Alien CowboysUI For Alien Cowboys
UI For Alien CowboysMatt Jones
 
Designing an App: From Idea to Market
Designing an App: From Idea to MarketDesigning an App: From Idea to Market
Designing an App: From Idea to MarketEffectiveUI
 
Designing an Android App: From Idea to Market
Designing an Android App: From Idea to MarketDesigning an Android App: From Idea to Market
Designing an Android App: From Idea to MarketEffective
 
Designing an Android App from Idea to Market
Designing an Android App from Idea to MarketDesigning an Android App from Idea to Market
Designing an Android App from Idea to MarketTony Hillerson
 

Similar to Dear Developers, Design Details Matter (20)

Details matter in ux
Details matter in uxDetails matter in ux
Details matter in ux
 
Between Paper & Code
Between Paper & CodeBetween Paper & Code
Between Paper & Code
 
How Startups May Build Your UX Competencies - Hire or Just a Myth?
How Startups May Build Your UX Competencies - Hire or Just a Myth?How Startups May Build Your UX Competencies - Hire or Just a Myth?
How Startups May Build Your UX Competencies - Hire or Just a Myth?
 
Hacking UX : Design Thinking for Techies
Hacking UX : Design Thinking for TechiesHacking UX : Design Thinking for Techies
Hacking UX : Design Thinking for Techies
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
 
Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)Designing for the Right Audience (with notes)
Designing for the Right Audience (with notes)
 
Hacking UX: Product Design Thinking for Techies
Hacking UX: Product Design Thinking for TechiesHacking UX: Product Design Thinking for Techies
Hacking UX: Product Design Thinking for Techies
 
UX class presentation
UX class presentationUX class presentation
UX class presentation
 
User Research on a Shoestring
User Research on a ShoestringUser Research on a Shoestring
User Research on a Shoestring
 
Ruby on Rails Session 02 - UX Design
Ruby on Rails Session 02 - UX DesignRuby on Rails Session 02 - UX Design
Ruby on Rails Session 02 - UX Design
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career
 
The Trick of Designing User Interfaces that Slay
The Trick of Designing User Interfaces that SlayThe Trick of Designing User Interfaces that Slay
The Trick of Designing User Interfaces that Slay
 
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st CenturyUsability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
 
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
 
Contemporization of UX & Importance of design in mobility !
Contemporization of UX & Importance of design in mobility !Contemporization of UX & Importance of design in mobility !
Contemporization of UX & Importance of design in mobility !
 
UI For Alien Cowboys
UI For Alien CowboysUI For Alien Cowboys
UI For Alien Cowboys
 
Designing an App: From Idea to Market
Designing an App: From Idea to MarketDesigning an App: From Idea to Market
Designing an App: From Idea to Market
 
Designing an Android App: From Idea to Market
Designing an Android App: From Idea to MarketDesigning an Android App: From Idea to Market
Designing an Android App: From Idea to Market
 
Designing an Android App from Idea to Market
Designing an Android App from Idea to MarketDesigning an Android App from Idea to Market
Designing an Android App from Idea to Market
 
Learn You a UX
Learn You a UXLearn You a UX
Learn You a UX
 

Recently uploaded

Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,
Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,
Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,Pooja Nehwal
 
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual serviceCALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual serviceanilsa9823
 
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...wyqazy
 
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝soniya singh
 
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun serviceanilsa9823
 
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...Niamh verma
 
9892124323 | Book Call Girls in Juhu and escort services 24x7
9892124323 | Book Call Girls in Juhu and escort services 24x79892124323 | Book Call Girls in Juhu and escort services 24x7
9892124323 | Book Call Girls in Juhu and escort services 24x7Pooja Nehwal
 

Recently uploaded (7)

Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,
Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,
Call US Pooja 9892124323 ✓Call Girls In Mira Road ( Mumbai ) secure service,
 
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual serviceCALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
 
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》Q微信741003700《俄亥俄大学学位证书复制》办理俄亥俄大学毕业证成绩单|购买...
 
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Shalimar Bagh Delhi reach out to us at 🔝8264348440🔝
 
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best Night Fun service
 
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...
Chandigarh Call Girls Service ❤️🍑 9115573837 👄🫦Independent Escort Service Cha...
 
9892124323 | Book Call Girls in Juhu and escort services 24x7
9892124323 | Book Call Girls in Juhu and escort services 24x79892124323 | Book Call Girls in Juhu and escort services 24x7
9892124323 | Book Call Girls in Juhu and escort services 24x7
 

Dear Developers, Design Details Matter

Editor's Notes

  1. Cognitive load Intuitiveness by learning
  2. Interaction Functionality Make users feel home
  3. Use context
  4. AB tells people where they are and what they can do with the content
  5. Don’t repurpose existing controls, unless you have a really good reason to do so
  6. Remember, AB is there for a reason! Help users
  7. Style matters Up is now in-app back
  8. What is moving? Move, touch the thing you want to interact with.
  9. Google broke the strict hierarchy. Also note how accounts are shown.. all different.
  10. Make users feel safe, assure them that they’re doing the right thing
  11. Tabs on top level… Don’t leave tabs when user navigates into.
  12. Tabs on top level… Don’t leave tabs when user navigates into.
  13. In app to another screen
  14. To another app (L-preview)
  15. In L release this will actually be good
  16. But don’t overuse NOTE: this is just a demo app, not the actual Talon release!
  17. But don’t overuse NOTE: this is just a demo app, not the actual Talon release!
  18. User delight can be the reason