49
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

What is UX Design?

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

DefinitionElements, roles, and relationships of user experience design

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://www.designkit.org/

IDEOhttps://www.ideo.com@ideo

ElementsThree Domains of Design

Homes.comhttps://www.homes.com@HomesDotCom

Team Member ExperienceThe Ecosystem of a Business

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

ProcessThe elements in motion, over time, towards a goal

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!

What is UX Design?What are your definitions? What are your processes?

What are your questions?

Thanks…for your time and thoughts!

Mike Houghtonhttp://www.mycotn.comhttps://pinboard.in/u:mycotn (bookmark archive)http://www.meetup.com/refresh-tallahassee@mycotn