SlideShare une entreprise Scribd logo
1  sur  29
UX |= UI
Kelley Howell
ux @ DE
Erik Flowers @ http://www.uxisnotui.com/
ck Berry, IBM, in an article for developers to better understand UX design
The Elements of User Experience
UX/UI User Group: a history
Guerilla UX @ DE
Guerilla UX @ DE
• 2007: BC Wilson, Erin Walsh PMs with Trader
and FR; Andrew Jaswa and Kelley Walker with
FR and Trader
• User group: find other nerds into usability,
HCI, and UX
• Use guerilla tactics to win the war. 
UX timeline
(Leah Buley, UX Team of One)
UX: how people think and feel
User experience design is about
centering the user throughout the
product development process
UX @ DE Square
• UX technique to get people to brainstorm in
innovative ways
• Get people out of their element
• Let’s try this: What is the User Experience of
our building
• Hint: Architects create user experiences for
their buildings – inside and outside
The Building UX
UX = understanding people
• Architects understand people: what their
tasks, goals, desires, and dreams
• Architects understand social interaction:
norms, rituals, the unique problems involved
in social life
Buildings |= Software
• Buildings are different from software in an
important way
• Interactive relationship exists between people
and software
Don Norman and Steve Jobs
• Leveraged human tendency to apply rules of
social life to computer interaction. ( +
anthropomorphize)
• Emotional connection with computers
I don’t hate it
I like it
I love it
Examples
• Animation effects (emerged from research
insights from studying computer gaming in
70s and 80s)
• Genie effect (zoom)
• Rounded corners
• Dog ears
Gamification
• Love
• Addiction
• Deviance (habit / ritual )
• Twitter: To be predictable or not to be
UX = ignoring people
“Understand users,
then ignore them.”
-- Robert Hoekman in Designing the Obvious
Everything I know about UX, I learned
in English Class
Rhetoric
• Logos
• Ethos
• Pathos
The Elements of User Experience
The Planes of User Experience
Step 1: Strategy - Who are users, what do they
need, what are their problems, hopes, desires?
Step 2: Scope - Given user needs, what content and
functionality is required to obtain needs? What are
the limits and constraints.
Step 3: Structure - How will content and
functionality interact and does it meet users’
needs?
Step 4: Skeleton - What are the foundational
elements of the interface? How do users navigate &
find information?
Step 5: Surface - The final visual and tactile
elements: visual style, brand identity, style, logo.
UX is about designs that
• Understand how people think and feel
• Center users throughout the product lifecycle –
strategy >
• Are based on both listening to users, then
ignoring them
• centering users through:
research
advocacy
design patterns
rules/guidelines
Questions?

Contenu connexe

Tendances

Module 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UXModule 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UXDaniel Drew Turner
 
Keeping your customers real
Keeping your customers realKeeping your customers real
Keeping your customers realProgress UX
 
5 principles of Interactive design
5 principles of Interactive design 5 principles of Interactive design
5 principles of Interactive design Steelers50
 
Guest Lecture - UX Design in Jakamo, Timo Rossi 14 February 2017
Guest Lecture - UX Design in Jakamo, Timo Rossi 14 February 2017Guest Lecture - UX Design in Jakamo, Timo Rossi 14 February 2017
Guest Lecture - UX Design in Jakamo, Timo Rossi 14 February 2017Jakamo
 
If the User Can't Use It, It Doesn't Work.
If the User Can't Use It, It Doesn't Work.If the User Can't Use It, It Doesn't Work.
If the User Can't Use It, It Doesn't Work.Luke Charde
 
Designer vs Developer - A Battle Royal v1.0
Designer vs Developer - A Battle Royal v1.0Designer vs Developer - A Battle Royal v1.0
Designer vs Developer - A Battle Royal v1.0Nicole Maynard
 
Principles of Interactive Design
Principles of Interactive DesignPrinciples of Interactive Design
Principles of Interactive DesignKaren Krull
 
User experience artifacts soflux
User experience artifacts sofluxUser experience artifacts soflux
User experience artifacts sofluxLauren Martin
 
Introduction into User Experience
Introduction into User ExperienceIntroduction into User Experience
Introduction into User ExperienceAbdullah Al Nady
 
Recommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceRecommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceLuiz Agner
 
CIS375 Interaction Designs Chapter2
CIS375 Interaction Designs Chapter2CIS375 Interaction Designs Chapter2
CIS375 Interaction Designs Chapter2Dr. Ahmed Al Zaidy
 
Interact London 2015: Amanda Neylon - Why UX is important for charities
Interact London 2015: Amanda Neylon - Why UX is important for charities Interact London 2015: Amanda Neylon - Why UX is important for charities
Interact London 2015: Amanda Neylon - Why UX is important for charities Nomensa
 
CIS375 Interaction Designs Chapter6
CIS375 Interaction Designs Chapter6CIS375 Interaction Designs Chapter6
CIS375 Interaction Designs Chapter6Dr. Ahmed Al Zaidy
 
Design Principles
Design PrinciplesDesign Principles
Design PrinciplesDavid Gelb
 
CIS375 Interaction Designs Chapter4
CIS375 Interaction Designs Chapter4CIS375 Interaction Designs Chapter4
CIS375 Interaction Designs Chapter4Dr. Ahmed Al Zaidy
 
Steps to Design Great Mobile Apps
Steps to Design Great Mobile AppsSteps to Design Great Mobile Apps
Steps to Design Great Mobile AppsTony Wang
 

Tendances (20)

Module 03: UX Thinking
Module 03: UX ThinkingModule 03: UX Thinking
Module 03: UX Thinking
 
Module 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UXModule 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UX
 
Keeping your customers real
Keeping your customers realKeeping your customers real
Keeping your customers real
 
5 principles of Interactive design
5 principles of Interactive design 5 principles of Interactive design
5 principles of Interactive design
 
viewo
viewoviewo
viewo
 
Guest Lecture - UX Design in Jakamo, Timo Rossi 14 February 2017
Guest Lecture - UX Design in Jakamo, Timo Rossi 14 February 2017Guest Lecture - UX Design in Jakamo, Timo Rossi 14 February 2017
Guest Lecture - UX Design in Jakamo, Timo Rossi 14 February 2017
 
Intro Design Principles
Intro Design PrinciplesIntro Design Principles
Intro Design Principles
 
UX The Bruce Lee Way
UX The Bruce Lee WayUX The Bruce Lee Way
UX The Bruce Lee Way
 
If the User Can't Use It, It Doesn't Work.
If the User Can't Use It, It Doesn't Work.If the User Can't Use It, It Doesn't Work.
If the User Can't Use It, It Doesn't Work.
 
Designer vs Developer - A Battle Royal v1.0
Designer vs Developer - A Battle Royal v1.0Designer vs Developer - A Battle Royal v1.0
Designer vs Developer - A Battle Royal v1.0
 
Principles of Interactive Design
Principles of Interactive DesignPrinciples of Interactive Design
Principles of Interactive Design
 
User experience artifacts soflux
User experience artifacts sofluxUser experience artifacts soflux
User experience artifacts soflux
 
Introduction into User Experience
Introduction into User ExperienceIntroduction into User Experience
Introduction into User Experience
 
Recommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceRecommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User Experience
 
CIS375 Interaction Designs Chapter2
CIS375 Interaction Designs Chapter2CIS375 Interaction Designs Chapter2
CIS375 Interaction Designs Chapter2
 
Interact London 2015: Amanda Neylon - Why UX is important for charities
Interact London 2015: Amanda Neylon - Why UX is important for charities Interact London 2015: Amanda Neylon - Why UX is important for charities
Interact London 2015: Amanda Neylon - Why UX is important for charities
 
CIS375 Interaction Designs Chapter6
CIS375 Interaction Designs Chapter6CIS375 Interaction Designs Chapter6
CIS375 Interaction Designs Chapter6
 
Design Principles
Design PrinciplesDesign Principles
Design Principles
 
CIS375 Interaction Designs Chapter4
CIS375 Interaction Designs Chapter4CIS375 Interaction Designs Chapter4
CIS375 Interaction Designs Chapter4
 
Steps to Design Great Mobile Apps
Steps to Design Great Mobile AppsSteps to Design Great Mobile Apps
Steps to Design Great Mobile Apps
 

Similaire à UX is not UI

Webinar User Experience Fundamentals
Webinar User Experience Fundamentals Webinar User Experience Fundamentals
Webinar User Experience Fundamentals Scio Consulting
 
INTERACT 2019 'The Science Behind User Experience Design' Course
INTERACT 2019 'The Science Behind User Experience Design' CourseINTERACT 2019 'The Science Behind User Experience Design' Course
INTERACT 2019 'The Science Behind User Experience Design' CourseAsad Ali Junaid
 
Human Computer Interaction: Lecture 2: Interaction Design
Human Computer Interaction: Lecture 2: Interaction DesignHuman Computer Interaction: Lecture 2: Interaction Design
Human Computer Interaction: Lecture 2: Interaction DesignSazzadHossain764310
 
3450_Fall2016_Syllabus
3450_Fall2016_Syllabus3450_Fall2016_Syllabus
3450_Fall2016_SyllabusTrinh Le
 
Interaction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital productsInteraction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital productsDavid Little
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA International
 
Intro to UX Design
Intro to UX DesignIntro to UX Design
Intro to UX Designjayyearley
 
Step to Great User Experience
Step to Great User Experience Step to Great User Experience
Step to Great User Experience Istiaque Reza
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principlesDavid Little
 
UX Workshop at Startit@KBC
UX Workshop at Startit@KBCUX Workshop at Startit@KBC
UX Workshop at Startit@KBCUXprobe
 
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really WorksSamer Tallauze
 
Lecture 1 _ Introduction to ID and HCI.pptx
Lecture 1 _ Introduction to ID and HCI.pptxLecture 1 _ Introduction to ID and HCI.pptx
Lecture 1 _ Introduction to ID and HCI.pptxclement swarnappa
 
Why User Experience Matters
Why User Experience MattersWhy User Experience Matters
Why User Experience MattersKshitiz Anand
 
User Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesUser Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesMoodLabs
 

Similaire à UX is not UI (20)

What is UX?
What is UX?What is UX?
What is UX?
 
Webinar User Experience Fundamentals
Webinar User Experience Fundamentals Webinar User Experience Fundamentals
Webinar User Experience Fundamentals
 
What is Interaction Design?
What is Interaction Design?What is Interaction Design?
What is Interaction Design?
 
INTERACT 2019 'The Science Behind User Experience Design' Course
INTERACT 2019 'The Science Behind User Experience Design' CourseINTERACT 2019 'The Science Behind User Experience Design' Course
INTERACT 2019 'The Science Behind User Experience Design' Course
 
Human Computer Interaction: Lecture 2: Interaction Design
Human Computer Interaction: Lecture 2: Interaction DesignHuman Computer Interaction: Lecture 2: Interaction Design
Human Computer Interaction: Lecture 2: Interaction Design
 
3450_Fall2016_Syllabus
3450_Fall2016_Syllabus3450_Fall2016_Syllabus
3450_Fall2016_Syllabus
 
COMP 4026 - Lecture 1
COMP 4026 - Lecture 1COMP 4026 - Lecture 1
COMP 4026 - Lecture 1
 
chapter_01_5e.pdf
chapter_01_5e.pdfchapter_01_5e.pdf
chapter_01_5e.pdf
 
Interaction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital productsInteraction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital products
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
 
Intro to UX Design
Intro to UX DesignIntro to UX Design
Intro to UX Design
 
Dcu
DcuDcu
Dcu
 
Step to Great User Experience
Step to Great User Experience Step to Great User Experience
Step to Great User Experience
 
UX books
UX booksUX books
UX books
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 
UX Workshop at Startit@KBC
UX Workshop at Startit@KBCUX Workshop at Startit@KBC
UX Workshop at Startit@KBC
 
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
 
Lecture 1 _ Introduction to ID and HCI.pptx
Lecture 1 _ Introduction to ID and HCI.pptxLecture 1 _ Introduction to ID and HCI.pptx
Lecture 1 _ Introduction to ID and HCI.pptx
 
Why User Experience Matters
Why User Experience MattersWhy User Experience Matters
Why User Experience Matters
 
User Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesUser Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and Principles
 

Plus de Kelley Howell

Working Together: the UX role in a Scaled Agile Framework
Working Together: the UX role in a Scaled Agile FrameworkWorking Together: the UX role in a Scaled Agile Framework
Working Together: the UX role in a Scaled Agile FrameworkKelley Howell
 
User Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable ProductsUser Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable ProductsKelley Howell
 
UX Research Team @ Homes.com
UX Research Team @ Homes.comUX Research Team @ Homes.com
UX Research Team @ Homes.comKelley Howell
 
Coding qualitative data for non-researchers
Coding qualitative data for non-researchersCoding qualitative data for non-researchers
Coding qualitative data for non-researchersKelley Howell
 
Why Net Promoter Scoring
Why Net Promoter ScoringWhy Net Promoter Scoring
Why Net Promoter ScoringKelley Howell
 
Building a UX Research Program
Building a UX Research ProgramBuilding a UX Research Program
Building a UX Research ProgramKelley Howell
 
Devcon 2013: Understanding Search Behavior
Devcon 2013: Understanding Search BehaviorDevcon 2013: Understanding Search Behavior
Devcon 2013: Understanding Search BehaviorKelley Howell
 
You should test that: How to use A/B testing in product design
You should test that: How to use A/B testing in product designYou should test that: How to use A/B testing in product design
You should test that: How to use A/B testing in product designKelley Howell
 
Application Design - Part 1
Application Design - Part 1Application Design - Part 1
Application Design - Part 1Kelley Howell
 
Lead conversions: It's all in the detail page
Lead conversions: It's all in the detail pageLead conversions: It's all in the detail page
Lead conversions: It's all in the detail pageKelley Howell
 
Stop Creating Awesome UX (Make awesome users instead)
Stop Creating Awesome UX (Make awesome users instead)Stop Creating Awesome UX (Make awesome users instead)
Stop Creating Awesome UX (Make awesome users instead)Kelley Howell
 
Understanding Users: Using metrics and surveys to understand our consumers
Understanding Users: Using metrics and surveys to understand our consumersUnderstanding Users: Using metrics and surveys to understand our consumers
Understanding Users: Using metrics and surveys to understand our consumersKelley Howell
 
Product Personas: Getting to No
Product Personas: Getting to NoProduct Personas: Getting to No
Product Personas: Getting to NoKelley Howell
 
Understanding the Search User Experience @
Understanding the Search User Experience @Understanding the Search User Experience @
Understanding the Search User Experience @Kelley Howell
 
Mobile for Business: Opportunity is Knocking
Mobile for Business: Opportunity is KnockingMobile for Business: Opportunity is Knocking
Mobile for Business: Opportunity is KnockingKelley Howell
 
Results from our survey of UI/UX needs
Results from our survey of UI/UX needsResults from our survey of UI/UX needs
Results from our survey of UI/UX needsKelley Howell
 
Microformats Workshop (2009)
Microformats Workshop  (2009)Microformats Workshop  (2009)
Microformats Workshop (2009)Kelley Howell
 
An introduction to Object Oriented CSS
An introduction to Object Oriented CSSAn introduction to Object Oriented CSS
An introduction to Object Oriented CSSKelley Howell
 
Application Design - Part 2
Application Design - Part 2Application Design - Part 2
Application Design - Part 2Kelley Howell
 
Storymapping, personas, and scenarios
Storymapping, personas, and scenariosStorymapping, personas, and scenarios
Storymapping, personas, and scenariosKelley Howell
 

Plus de Kelley Howell (20)

Working Together: the UX role in a Scaled Agile Framework
Working Together: the UX role in a Scaled Agile FrameworkWorking Together: the UX role in a Scaled Agile Framework
Working Together: the UX role in a Scaled Agile Framework
 
User Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable ProductsUser Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable Products
 
UX Research Team @ Homes.com
UX Research Team @ Homes.comUX Research Team @ Homes.com
UX Research Team @ Homes.com
 
Coding qualitative data for non-researchers
Coding qualitative data for non-researchersCoding qualitative data for non-researchers
Coding qualitative data for non-researchers
 
Why Net Promoter Scoring
Why Net Promoter ScoringWhy Net Promoter Scoring
Why Net Promoter Scoring
 
Building a UX Research Program
Building a UX Research ProgramBuilding a UX Research Program
Building a UX Research Program
 
Devcon 2013: Understanding Search Behavior
Devcon 2013: Understanding Search BehaviorDevcon 2013: Understanding Search Behavior
Devcon 2013: Understanding Search Behavior
 
You should test that: How to use A/B testing in product design
You should test that: How to use A/B testing in product designYou should test that: How to use A/B testing in product design
You should test that: How to use A/B testing in product design
 
Application Design - Part 1
Application Design - Part 1Application Design - Part 1
Application Design - Part 1
 
Lead conversions: It's all in the detail page
Lead conversions: It's all in the detail pageLead conversions: It's all in the detail page
Lead conversions: It's all in the detail page
 
Stop Creating Awesome UX (Make awesome users instead)
Stop Creating Awesome UX (Make awesome users instead)Stop Creating Awesome UX (Make awesome users instead)
Stop Creating Awesome UX (Make awesome users instead)
 
Understanding Users: Using metrics and surveys to understand our consumers
Understanding Users: Using metrics and surveys to understand our consumersUnderstanding Users: Using metrics and surveys to understand our consumers
Understanding Users: Using metrics and surveys to understand our consumers
 
Product Personas: Getting to No
Product Personas: Getting to NoProduct Personas: Getting to No
Product Personas: Getting to No
 
Understanding the Search User Experience @
Understanding the Search User Experience @Understanding the Search User Experience @
Understanding the Search User Experience @
 
Mobile for Business: Opportunity is Knocking
Mobile for Business: Opportunity is KnockingMobile for Business: Opportunity is Knocking
Mobile for Business: Opportunity is Knocking
 
Results from our survey of UI/UX needs
Results from our survey of UI/UX needsResults from our survey of UI/UX needs
Results from our survey of UI/UX needs
 
Microformats Workshop (2009)
Microformats Workshop  (2009)Microformats Workshop  (2009)
Microformats Workshop (2009)
 
An introduction to Object Oriented CSS
An introduction to Object Oriented CSSAn introduction to Object Oriented CSS
An introduction to Object Oriented CSS
 
Application Design - Part 2
Application Design - Part 2Application Design - Part 2
Application Design - Part 2
 
Storymapping, personas, and scenarios
Storymapping, personas, and scenariosStorymapping, personas, and scenarios
Storymapping, personas, and scenarios
 

Dernier

PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 

Dernier (20)

PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 

UX is not UI

  • 1. UX |= UI Kelley Howell ux @ DE
  • 2. Erik Flowers @ http://www.uxisnotui.com/
  • 3. ck Berry, IBM, in an article for developers to better understand UX design
  • 4. The Elements of User Experience
  • 5.
  • 6.
  • 7. UX/UI User Group: a history
  • 9. Guerilla UX @ DE • 2007: BC Wilson, Erin Walsh PMs with Trader and FR; Andrew Jaswa and Kelley Walker with FR and Trader • User group: find other nerds into usability, HCI, and UX • Use guerilla tactics to win the war. 
  • 10. UX timeline (Leah Buley, UX Team of One)
  • 11. UX: how people think and feel User experience design is about centering the user throughout the product development process
  • 12. UX @ DE Square • UX technique to get people to brainstorm in innovative ways • Get people out of their element • Let’s try this: What is the User Experience of our building • Hint: Architects create user experiences for their buildings – inside and outside
  • 14. UX = understanding people • Architects understand people: what their tasks, goals, desires, and dreams • Architects understand social interaction: norms, rituals, the unique problems involved in social life
  • 15. Buildings |= Software • Buildings are different from software in an important way • Interactive relationship exists between people and software
  • 16. Don Norman and Steve Jobs • Leveraged human tendency to apply rules of social life to computer interaction. ( + anthropomorphize) • Emotional connection with computers I don’t hate it I like it I love it
  • 17. Examples • Animation effects (emerged from research insights from studying computer gaming in 70s and 80s) • Genie effect (zoom) • Rounded corners • Dog ears
  • 18. Gamification • Love • Addiction • Deviance (habit / ritual ) • Twitter: To be predictable or not to be
  • 19. UX = ignoring people “Understand users, then ignore them.” -- Robert Hoekman in Designing the Obvious
  • 20. Everything I know about UX, I learned in English Class
  • 22. The Elements of User Experience
  • 23.
  • 24. The Planes of User Experience Step 1: Strategy - Who are users, what do they need, what are their problems, hopes, desires? Step 2: Scope - Given user needs, what content and functionality is required to obtain needs? What are the limits and constraints. Step 3: Structure - How will content and functionality interact and does it meet users’ needs? Step 4: Skeleton - What are the foundational elements of the interface? How do users navigate & find information? Step 5: Surface - The final visual and tactile elements: visual style, brand identity, style, logo.
  • 25.
  • 26.
  • 27.
  • 28. UX is about designs that • Understand how people think and feel • Center users throughout the product lifecycle – strategy > • Are based on both listening to users, then ignoring them • centering users through: research advocacy design patterns rules/guidelines

Notes de l'éditeur

  1. In addition to the UX is not UI poster, which spread like a prairie fire among UX professionals who tired of having to explain what they do, other attempts drew on the UX iceberg. The metaphor suggests that the surface – UI – is just the tip of the iceberg. What is beneath are four more levels that are crucial to the process. This poster, likewise, spread like prairie fire. It was based on the much earlier work of Jesse James Garret who, in 2000, struggled with a way to illustrate the complexity of the profession.
  2. The iceberg draws on the 5 S’s. Additionally, since UX professionals are obsessed by producing deliverables, there are corresponding deliverables to illustrate what should be produced at each level of the process.
  3. Recently, as UX has become recognized as crucial to product development, the free wheeling use of the phrase has prompted UX professional to come up with ways to educate people on what UX actually. Too often, UX was being used to vaguely refer to the visual design of sites and applications. Sometimes, it referred to having a general grasp of usability principles. But more often than not, the term is used in constant conjunction with UI: UI/UX. Problem is, UX isn’t reducible to UI.
  4. Maslow’s hierarchy of needs. So, to think through this, let’s take something that has nothing to do with what most of us build every day. Let’s talk about a human need we all share: eating.