SlideShare a Scribd company logo
1 of 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?

More Related Content

What's hot

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
 

What's hot (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
 

Similar to 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
 

Similar to 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
 

More from 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
 

More from 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
 

Recently uploaded

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
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 

Recently uploaded (20)

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
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 

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

Editor's Notes

  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.