Upload
mike-houghton
View
227
Download
0
Embed Size (px)
Citation preview
What is UX Design?A brief look at a few definitions & diagrams, the people who made them,
and how they continue to shape my answer to this question
OCTOBER 16 – 12, 2016
Graphic Design & AdvertisingFlorida State University
I studied design.They called it “visual communication.”
What is design?
Jared SpoolFounder, User Interface Engineeringhttps://www.uie.com@jmspool
https://articles.uie.com/design_rendering_intent/
“Design is the rendering of intent.”
https://vimeo.com/92744606
Jared SpoolFounder, User Interface Engineeringhttps://www.uie.com@jmspool
The Required Skills for Good Experience DesignBe a Generalist and Specialist – not a Silo-ist
Jesse James GarrettCo-founder & Chief Creative Officer, Adaptive Pathhttp://adaptivepath.org@jjg
The Elements ofUser ExperienceMarch 2000
http://www.jjg.net/elements/pdf/elements.pdf
Ed LeaProduct Designer, Googlehttp://edlea.com@ed_lea
Food MetaphorsAspects of applications as cereal and ketchup
Ed LeaProduct Designer, Googlehttp://edlea.com@ed_lea
Food MetaphorsAspects of applications as cereal and ketchup
Ed LeaProduct Designer, Googlehttp://edlea.com@ed_lea
Food MetaphorsAspects of applications as cereal and ketchup
http://semanticstudios.com/user_experience_design/
Peter MorvillePresident, Semantic Studioshttp://semanticstudios.com@morville
The Values of UXThe User Experience Honeycomb
http://www.vanschneider.com/the-‐product-‐midlife-‐crisis/
Tobias van SchneiderFounder, Semplice Labs (former Design Lead at Spotify)http://www.vanschneider.com@vanschneider
Be Opinionated
A product without opinion has no character, and can easily be replaced. I believe that many companies who focused on utility & scale first, are now the ones in a deep midlife crisis searching for their soul and fighting against their slow death to irrelevance.
Opinionated
Jesse James GarrettCo-founder & Chief Creative Officer, Adaptive Pathhttp://adaptivepath.org@jjg
The Dimension of Experience: PACEOctober 2009
http://uxdesign.com/about-‐user-‐experience-‐design/article/state-‐of-‐ux-‐design-‐garrett/203
Experience design is the design of anything, independent of medium, or across media, with human experience as an explicit outcome, and human engagement as an explicit goal.
https://vimeo.com/178863083
Dave GrayFounder, XPLANEhttp://xplaner.com/@davegray
Understanding How People Make Sense of ThingsHow to Navigate Complexity with Liminal Thinking
https://vimeo.com/178863083
https://vimeo.com/178863083
Dave GrayFounder, XPLANEhttp://xplaner.com/@davegray
Understanding How People Make Sense of ThingsHow to Navigate Complexity with Liminal Thinking
David RockAuthor, Consultant, & CEO of NeuroLeadership Grouphttp://www.neuroleadership.org/@davidrock101
Status. I matter – my life has meaning.Certainty.My world is stable & predictable.Autonomy. I have control & choice.
Relatedness. I am safe with others.Fairness. I value even exchanges with others.
The SCARF Model
https://vimeo.com/178863083
Dave GrayFounder, XPLANEhttp://xplaner.com/@davegray
Understanding How People Make Sense of ThingsHow to Navigate Complexity with Liminal Thinking
https://vimeo.com/178863083
David RockAuthor, Consultant, & CEO of NeuroLeadership Grouphttp://www.neuroleadership.org/@davidrock101
Status. I matter – my life has meaning.Certainty.My world is stable & predictable.Autonomy. I have control & choice.
Relatedness. I am safe with others.Fairness. I value even exchanges with others.
The SCARF Model
http://bit.ly/2dVwx7K
Christina WodtkeAuthor, Professor, and Speakerhttp://eleganthack.com@cwodtke
A Definition of UX Design User Experience Design is the design of:
• The Concept Model: how to think about the product or system’s organization and use.
• Interaction Design: how the product or system behaves including feedback systems.
• Information Architecture: how data is ordered and expressed as information to users.
• User Interface (UI): how the user accesses all the glory listed out above, including affordances such as buttons and dropdowns.
If UX is the experience that a user has while interacting with your product, then UX Design is, by definition, the process by which we determine what that experience will be. ~ Laura Klein
http://cubiux.com
Corey SternUX Designer, The Nerderyhttp://www.cubix.com@CoreyAStern
Yet Another ModelThe CUBI User Experience Model
http://www.poetpainter.com/thoughts/article/ia-‐summit-‐2009-‐the-‐fundamentals-‐of-‐experience-‐design-‐
Stephen P. AndersonChief Experience Officer, BloomBoardhttp://www.poetpainter.com@stephenanderson
The Fundamentals of Experience Design
It’s all about People, their Activities, and the Context of those activities.
http://www.poetpainter.com/thoughts/article/ia-‐summit-‐2009-‐the-‐fundamentals-‐of-‐experience-‐design-‐
Stephen P. AndersonChief Experience Officer, BloomBoardhttp://www.poetpainter.com@stephenanderson
The Fundamentals of Experience Design
It’s all about People, their Activities, and the Context of those activities.
http://www.maketools.com/articles-‐papers/NewDesignSpace_Sanders_01.pdf
Liz SandersFounder, MakeToolshttp://www.maketools.com
“FOR!” A Three-letter Work That’s Makes all the Difference
Related Voices:
Dan Makoski, Garage Partners + NexpaqBen Moss, I’m not a UX designer and neither are you
…there is no such thing as experience design. Experiencing is in people and you can’t design it for someone else. You can, however, design for experiencing.
http://www.webdesignerdepot.com/2016/08/im-‐not-‐a-‐ux-‐designer-‐and-‐neither-‐are-‐you/
Jobs that will die:
UX DesignersVisual DesignersDesign ResearchersTraditional Industrial DesignersChief Design Officers
Jobs that will grow:
Virtual Interaction DesignersSpecialist Materials DesignersAlgorithmic/AI Design SpecialistsPost-‐Industrial DesignersDesign StrategistsOrganization DesignersFreelance Designers
http://www.webdesignerdepot.com/2016/08/im-‐not-‐a-‐ux-‐designer-‐and-‐neither-‐are-‐you/
Jobs that will die:
UX DesignersVisual DesignersDesign ResearchersTraditional Industrial DesignersChief Design Officers
Jobs that will grow:
Virtual Interaction DesignersSpecialist Materials DesignersAlgorithmic/AI Design SpecialistsPost-‐Industrial DesignersDesign StrategistsOrganization DesignersFreelance Designers
The Design Process
Damien NewmanCEO, Central Office of Designhttp://designsojourn.com/design-‐processed-‐explained
http://www.peterme.com/2013/09/26/the-‐double-‐diamond-‐model-‐of-‐product-‐definition-‐and-‐design/
Peter MerholzConsultant (Co-founder of Adaptive Path)http://www.peterme.com@peterme
The Double Diamond Model of Product Definition and Design
Design Councilhttp://www.designcouncil.org.uk@designcouncil
http://www.peterme.com/2013/09/26/the-‐double-‐diamond-‐model-‐of-‐product-‐definition-‐and-‐design/
Peter MerholzConsultant (Co-founder of Adaptive Path)http://www.peterme.com@peterme
The Double Diamond Model of Product Definition and Design
Design Councilhttp://www.designcouncil.org.uk@designcouncil
https://uxdesign.cc/how-‐to-‐fuck-‐up-‐the-‐design-‐thinking-‐process-‐and-‐make-‐it-‐right-‐dc2cb7a00dca#.fm7cq7lf0
Dan Nessler -‐ https://uxdesign.cc/how-‐to-‐fuck-‐up-‐the-‐design-‐thinking-‐process-‐and-‐make-‐it-‐right-‐dc2cb7a00dca#.pog1vrgor
Dan Nessler -‐ https://uxdesign.cc/how-‐to-‐fuck-‐up-‐the-‐design-‐thinking-‐process-‐and-‐make-‐it-‐right-‐dc2cb7a00dca#.pog1vrgor
Deliverables and Process
PitchPromiseStart
Stakeholder SurveysCompetition AuditCurrent AnalyticsKPI
Audience ResearchEmpathy Maps
Content Audit Site Map
Wireframes Design MockupsReviewsRevisions
Launch
!
Content Matrix CodingReviewsRevisions
Style Tiles
ContentReviewsRevisions
!
1: Research It 2: Describe It 3: Make It
Deliverables and Process
PitchPromiseStart
Stakeholder SurveysCompetition AuditCurrent AnalyticsKPI
Audience ResearchEmpathy Maps
Content Audit Site Map
Wireframes Design MockupsReviewsRevisions
Launch
!
Content Matrix CodingReviewsRevisions
Style Tiles
ContentReviewsRevisions
!
Research It Describe It Make It
Deliverables and Process
PitchPromiseStart
Stakeholder SurveysCompetition AuditCurrent AnalyticsKPI
Audience ResearchEmpathy Maps
Content Audit Site Map
Wireframes Design MockupsReviewsRevisions
Launch
!
Content Matrix CodingReviewsRevisions
Style Tiles
ContentReviewsRevisions
!
Research It Describe It Make It
James Webb YoungFormer VP, JWThttp://advertisinghall.org/members/member_bio.php?memid=826
A Technique forProducing Ideas
https://www.brainpickings.org/2012/05/04/a-‐technique-‐for-‐producing-‐ideas-‐young/
Method1: Gather raw material (depth + breadth)
2: Digest the raw material
3: Unconscious processing (let it go)4: The “a-‐ha” moment
5: Test the idea
PrinciplesAn idea is nothing more nor less than a new combination of old elements. The work is to see relationships and bring old elements into new combinations.
Jake KnappDesign Partner, Google Ventureshttps://www.gv.com/team/jake-knapp/@jakek
The Design SprintA 5-Day Process for Answering Business Questions
http://www.gv.com/sprint/
Mon: Identify or Frame Problem
Tue: Sketching New Ideas
Wed: Identify which ideas seem worth testing
Thu: Build prototypeFri: Test prototype with customer
Creative Education Foundationhttp://www.creativeeducationfoundation.org/@_CreativeEd
The CPS ProcessCreative Problem Solving
http://www.creativeeducationfoundation.org/creative-‐problem-‐solving/the-‐cps-‐process/
Froghttp://www.frogdesign.com/@frogdesign
Collective Action ToolkitThe “CAT” Action Map
http://www.frogdesign.com/work/frog-‐collective-‐action-‐toolkit.html
IDEO.orghttps://www.ideo.org@IDEOorg
The Field Guide toHuman-Centered Design
http://www.designkit.org/
INSPIRATION
IDEATION
IMPLEMENTATION
Hypothesis
Experiment
Measure
IDEO.orghttps://www.ideo.org@IDEOorg
The Field Guide toHuman-Centered Design
Hypothesis
Experiment
Measure
Similar to the “lean starup” process (and scientific method)
Eric RiesAuthor & Entrepreneurhttp://theleanstartup.com@ericries
http://www.ortwin-‐oberhauser.com/creative-‐confidence/
A Human-Centered Mindset for Solving ProblemsThe belief that all problems are solvable and that the people who face those problems hold the key to their answer. A unique mindset of:
• Creative Confidence• Make It• Learn from Failure• Empathy
• Embrace Ambiguity• Optimism• Iterate, Iterate, Iterate
IDEO.orghttps://www.ideo.org@IDEOorg
The Field Guide toHuman-Centered Design
Steve KrugConsultant and Writerhttps://www.sensible.com@skrug
Alan CooperConsultant & Lots More, NN/ghttp://www.jnd.org@jnd1er
A few others who have shaped my thinking
Susan WeinschenkFounder and CEO, TeamWhttps://www.theteamw.com@thebrainlady
Leah BuleyConsultanthttp://leahbuley.com@leahbuley
Robert Hoekman, Jr.Writer & Editorhttp://www.rhjr.net@rhjr
Don NormanConsultant & Lots More, NN/ghttp://www.jnd.org@jnd1er
And a few more…
Visual Definitions of User Experiencehttp://www.slideshare.net/Hienadz.Drahun/50-visual-definitions-of-user-experience
8 Must-see UX Diagramshttp://www.uxbooth.com/articles/8-must-see-ux-diagrams
User Experience Diagramshttp://www.lukew.com/ff/entry.asp?156
Beyond Wireframing: The Real-life UX Design Processhttps://www.smashingmagazine.com/2012/08/beyond-wireframing-real-life-ux-design-process/
More Diagrams!