Submit Search
Upload
Dear Developers, Design Details Matter
•
Download as PPTX, PDF
•
0 likes
•
275 views
J
JuhaniLehtimaki
Follow
DroidconSE presentation
Read less
Read more
Mobile
Report
Share
Report
Share
1 of 105
Download now
Recommended
UX Design Presetation
UX Design Presetation
Glen Lipka
A New Toolbox: Artifact Providence 2013
A New Toolbox: Artifact Providence 2013
Kevin Sharon
Perfecting User Experience
Perfecting User Experience
Jeremy Duimstra
The tiny internal agency
The tiny internal agency
Zenan Liu
Introduction to UX Design Workshop | CodingGirls
Introduction to UX Design Workshop | CodingGirls
Zenan Liu
2012 Usability Conference
2012 Usability Conference
atlanticbtinc
Design Research Overview
Design Research Overview
Lisa Eldred
UX at Canadian Tire: Baking empathy into projects
UX at Canadian Tire: Baking empathy into projects
UserTesting
Recommended
UX Design Presetation
UX Design Presetation
Glen Lipka
A New Toolbox: Artifact Providence 2013
A New Toolbox: Artifact Providence 2013
Kevin Sharon
Perfecting User Experience
Perfecting User Experience
Jeremy Duimstra
The tiny internal agency
The tiny internal agency
Zenan Liu
Introduction to UX Design Workshop | CodingGirls
Introduction to UX Design Workshop | CodingGirls
Zenan Liu
2012 Usability Conference
2012 Usability Conference
atlanticbtinc
Design Research Overview
Design Research Overview
Lisa Eldred
UX at Canadian Tire: Baking empathy into projects
UX at Canadian Tire: Baking empathy into projects
UserTesting
getting the experience right
getting the experience right
Ryan Nance
Blind Dates - Or the right choice of Test U sers
Blind Dates - Or the right choice of Test U sers
Reto Laemmler
Build a Recipe for Better UX Process with Fresh Lean Ingredients
Build a Recipe for Better UX Process with Fresh Lean Ingredients
Tom Illmensee
Design in Startups
Design in Startups
ALPHA Camp
How UX Research Fits Into an Agile Development Process
How UX Research Fits Into an Agile Development Process
Kyle Soucy
User Experience Designfor Non‐Designers
User Experience Designfor Non‐Designers
kimberlythecat
Tr2016 new final
Tr2016 new final
Bruce Shields
Game sense approach
Game sense approach
wasabidanny
Questionnaire results
Questionnaire results
kirstymitchelll
Theory of a documentary good one
Theory of a documentary good one
kirstymitchelll
Open survey
Open survey
kirstymitchelll
Supersize vs super skinny textual analysis
Supersize vs super skinny textual analysis
kirstymitchelll
Theory of a documentary good one
Theory of a documentary good one
kirstymitchelll
Textual analysis of the Contents page
Textual analysis of the Contents page
kirstymitchelll
IBMA: An SPM toolbox for Neuroimaging Image-Based Meta-Analysis
IBMA: An SPM toolbox for Neuroimaging Image-Based Meta-Analysis
Camille Maumet
Textual analysis 1
Textual analysis 1
kirstymitchelll
Conventions of a documentary
Conventions of a documentary
kirstymitchelll
Form Research
Form Research
kirstymitchelll
Evaluation 5 questionn
Evaluation 5 questionn
kirstymitchelll
My ancillary
My ancillary
kirstymitchelll
Textual analysis of the double page spread
Textual analysis of the double page spread
kirstymitchelll
NIDM-Results: a model to share brain mapping statistical results
NIDM-Results: a model to share brain mapping statistical results
Camille Maumet
More Related Content
What's hot
getting the experience right
getting the experience right
Ryan Nance
Blind Dates - Or the right choice of Test U sers
Blind Dates - Or the right choice of Test U sers
Reto Laemmler
Build a Recipe for Better UX Process with Fresh Lean Ingredients
Build a Recipe for Better UX Process with Fresh Lean Ingredients
Tom Illmensee
Design in Startups
Design in Startups
ALPHA Camp
How UX Research Fits Into an Agile Development Process
How UX Research Fits Into an Agile Development Process
Kyle Soucy
User Experience Designfor Non‐Designers
User Experience Designfor Non‐Designers
kimberlythecat
Tr2016 new final
Tr2016 new final
Bruce Shields
What's hot
(7)
getting 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 sers
Build 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 Startups
How UX Research Fits Into an Agile Development Process
How UX Research Fits Into an Agile Development Process
User Experience Designfor Non‐Designers
User Experience Designfor Non‐Designers
Tr2016 new final
Tr2016 new final
Viewers also liked
Game sense approach
Game sense approach
wasabidanny
Questionnaire results
Questionnaire results
kirstymitchelll
Theory of a documentary good one
Theory of a documentary good one
kirstymitchelll
Open survey
Open survey
kirstymitchelll
Supersize vs super skinny textual analysis
Supersize vs super skinny textual analysis
kirstymitchelll
Theory of a documentary good one
Theory of a documentary good one
kirstymitchelll
Textual analysis of the Contents page
Textual analysis of the Contents page
kirstymitchelll
IBMA: An SPM toolbox for Neuroimaging Image-Based Meta-Analysis
IBMA: An SPM toolbox for Neuroimaging Image-Based Meta-Analysis
Camille Maumet
Textual analysis 1
Textual analysis 1
kirstymitchelll
Conventions of a documentary
Conventions of a documentary
kirstymitchelll
Form Research
Form Research
kirstymitchelll
Evaluation 5 questionn
Evaluation 5 questionn
kirstymitchelll
My ancillary
My ancillary
kirstymitchelll
Textual analysis of the double page spread
Textual analysis of the double page spread
kirstymitchelll
NIDM-Results: a model to share brain mapping statistical results
NIDM-Results: a model to share brain mapping statistical results
Camille Maumet
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 use
kirstymitchelll
Viewers also liked
(17)
Game sense approach
Game sense approach
Questionnaire results
Questionnaire results
Theory of a documentary good one
Theory of a documentary good one
Open survey
Open survey
Supersize vs super skinny textual analysis
Supersize vs super skinny textual analysis
Theory of a documentary good one
Theory of a documentary good one
Textual 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-Analysis
Textual analysis 1
Textual analysis 1
Conventions of a documentary
Conventions of a documentary
Form Research
Form Research
Evaluation 5 questionn
Evaluation 5 questionn
My ancillary
My ancillary
Textual 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 results
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 use
Similar to Dear Developers, Design Details Matter
Details matter in ux
Details matter in ux
Droidcon Berlin
Between Paper & Code
Between Paper & Code
Molly 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?
UX Consulting Pte Ltd
Hacking UX : Design Thinking for Techies
Hacking UX : Design Thinking for Techies
Melissa Ng
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
Chris Bernard
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 Techies
Melissa Ng
UX class presentation
UX class presentation
Theo V
User Research on a Shoestring
User Research on a Shoestring
teaguese
Ruby on Rails Session 02 - UX Design
Ruby on Rails Session 02 - UX Design
Coding_Girls
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career
dpanarelli
The Trick of Designing User Interfaces that Slay
The Trick of Designing User Interfaces that Slay
Mindfire LLC
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Max Soe
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
Float
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 Cowboys
Matt Jones
Designing an App: From Idea to Market
Designing an App: From Idea to Market
EffectiveUI
Designing an Android App: From Idea to Market
Designing an Android App: From Idea to Market
Effective
Designing an Android App from Idea to Market
Designing an Android App from Idea to Market
Tony Hillerson
Learn You a UX
Learn You a UX
Jim Pelletier
Similar to Dear Developers, Design Details Matter
(20)
Details matter in ux
Details matter in ux
Between 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?
Hacking UX : Design Thinking for Techies
Hacking UX : Design Thinking for Techies
Design 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)
Hacking UX: Product Design Thinking for Techies
Hacking UX: Product Design Thinking for Techies
UX class presentation
UX class presentation
User Research on a Shoestring
User Research on a Shoestring
Ruby 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 Career
The 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 Century
ATDTK18 - 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 !
UI For Alien Cowboys
UI For Alien Cowboys
Designing 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 Market
Designing an Android App from Idea to Market
Designing an Android App from Idea to Market
Learn 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,
Pooja Nehwal
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
anilsa9823
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》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🔝
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 service
anilsa9823
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 24x7
Pooja 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 ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Saharaganj Lucknow best sexual service
哪里有卖的《俄亥俄大学学历证书+俄亥俄大学文凭证书+俄亥俄大学学位证书》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🔝
CALL 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...
9892124323 | Book Call Girls in Juhu and escort services 24x7
9892124323 | Book Call Girls in Juhu and escort services 24x7
Dear Developers, Design Details Matter
1.
Dear Developers, Design
Details Matter Juhani Lehtimäki, Fat Robot
2.
“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/
3.
4.
Design Guidelines Design
Patterns
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
Android Design Guidelines
18.
19.
Consistenc y
20.
Visual Cues
21.
Information Hierarchy and
Actions
22.
Find what you
are looking for
23.
And do with
it what you wanted to do
24.
25.
So, Do All
Apps Need to Look the Same Now?
26.
27.
28.
29.
30.
A Design Pattern
A Proven, Good Solution to a Common problem
31.
Action Bar
32.
Where am I?
What can I do?
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
Don’t need it?
Don’t use it!
46.
Design patterns solves
a problem if you don’t have the problem don’t use the design pattern!
47.
Up
48.
How do I
get out of here?
49.
50.
51.
52.
53.
Trust
54.
Navigation Drawer
55.
How do I
get to somewhere else?
56.
57.
58.
59.
60.
61.
:-
62.
63.
?
64.
65.
Don’t need it?
Don’t use it!
66.
Tabs
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
Transitions
77.
78.
79.
80.
81.
82.
83.
L
84.
85.
86.
87.
88.
Innovation and the
Mature Android Platform
89.
Community driven innovation
90.
Taylor Ling, June
15, 2012 http://androiduiux.com/2012/06/15/side-navigation-ui-pattern-in-android/
91.
http://developer.android.com/design/patterns/navigation-drawer. html
92.
93.
Commercial innovation
94.
95.
96.
97.
98.
99.
UX design is
Nitpicking for a Good Reason
100.
“This is different”
“Do I use this differently?”
101.
Learn Once Use
Everywhere
102.
Gestures Are Hidden
but Awesome
103.
Reinventing the Wheel
vs. Innovation
104.
Break rules &
guidelines only if you have a good reason to do so
105.
Cheers! +JuhaniLehtimäki www.fatrobot.io
www.androiduipatterns.com
Editor's Notes
Cognitive load Intuitiveness by learning
Interaction Functionality Make users feel home
Use context
AB tells people where they are and what they can do with the content
Don’t repurpose existing controls, unless you have a really good reason to do so
Remember, AB is there for a reason! Help users
Style matters Up is now in-app back
What is moving? Move, touch the thing you want to interact with.
Google broke the strict hierarchy. Also note how accounts are shown.. all different.
Make users feel safe, assure them that they’re doing the right thing
Tabs on top level… Don’t leave tabs when user navigates into.
Tabs on top level… Don’t leave tabs when user navigates into.
In app to another screen
To another app (L-preview)
In L release this will actually be good
But don’t overuse NOTE: this is just a demo app, not the actual Talon release!
But don’t overuse NOTE: this is just a demo app, not the actual Talon release!
User delight can be the reason
Download now