The Elements of User Experience provides an outline of all the factors that contribute to an overall user experience (UX), including Information Architecture, Usability Engineering, and Interaction Design. These elements affect how people perceive your brand, form opinions about your company’s trustworthiness, or feel persuaded by your message. Created by Malcolm Wolter, BrandExtract VP of Digital

1. The
Elements
of User
Experience
©2014 BrandExtract, LLC

2. Experiences Everywhere!
©2014 BrandExtract, LLC
User
Experience
(UX)
Customer
Experience
(CX)
Brand
Experience
Product or
Service
Device or
System
Values,
Ethos,
Culture

3. Documentation
First Impression
Persuasion
Informative
©2014 BrandExtract, LLC
The Elements of User Experience
Labeling
Organization
Search Navigation
Information
Architecture Interaction
Design
User
Support
User Experience
Industrial
Design User Interface
Design
Package
Design
Usability
Engineering
Copywriting
and Messaging
Software
Engineering
Design
(UX, or UxD)
Inputs
Outputs
Workflow
Feedback
Branding
Look and Feel
Branding
Visual Cues
Persuasion
Task Completion Speed
Operability
Reliability
Repeatability Ease of Use
Hardware
Style
Aesthetics
Brand
Form
Form
Look and Feel
Verbal Cues
Persuasion
Look and Feel
Branding
Empathy
Community
Help
Information Hierarchy
Materials

4. What is User Experience?
User Experience Design (UX, or UxD)
Information
Architecture
©2014 BrandExtract, LLC
Interaction
Design
Industrial
Design
User Interface
Design
Package
Design
All aspects of a person's interaction with a
digital system, including the interface,
graphics, industrial design, physical
interaction, and the manual.

5. What is Information Architecture?
©2014 BrandExtract, LLC
The art and science of structuring, classifying
and designing an information space to
facilitate task completion and intuitive access
to content.
Information Architecture (IA)
Organization Labeling Navigation Search

6. What is Information Architecture?
Logic
Organization
©2014 BrandExtract, LLC
Search
Controlled Vocabularies
Labeling
Taxonomies
Mental Model
Structure Finding
Art
Browsing
Semantics
Wireframes
Sitemaps
Classifications
Wayfinding
Hierarchy
Keywords and phrases
Thesaurus
Library Science
Navigation

7. What is Interaction Design?
The practice of designing interactive digital products,
environments, systems, and services with a focus on
behavior and the aspects of the interface that define
User Experience Design (UX, or UxD)
Needs
Expectations
(Behavior)
©2014 BrandExtract, LLC
Queries
Tasks/
Requests/
Inputs
Interface
Human/
Computer
Gateway
Response
Results/
Feedback/
Output
and present its behavior over time.

8. What is Interaction Design?
Goal Oriented
Environments
©2014 BrandExtract, LLC
Usability
Designing
Behavior
Systems
Personas
Ergonomics
Art
Interaction
Digital
Synthesis
Human
Physical
Form
Computer
Satisfying
Needs
Imaging
Services
Time
Expectations
Responses

9. What is User Interface Design?
©2014 BrandExtract, LLC
User Interface Design (UI, UID)
Graphics
Organization,
Labeling,
Navigation
and Search
Systems
Look and Feel
Digital Things
(Behavior)
Hinting
and Cues
Three-
Dimensional
Things
User Interface
Design
Human/
Computer
Gateway
Package
Design
First
Impressions

10. What is User Interface Design?
©2014 BrandExtract, LLC
The design of graphical interfaces for websites,
computers, appliances, machines, mobile
communication devices, and software
applications with the focus on the user's
experience and interaction
User Interface Design(UID)
“Look and
Feel”
Branding Visual Cues Persuasion Form

11. What is User Interface Design?
“Look and Feel”
Compelling
Form
Aesthetics
©2014 BrandExtract, LLC
Graphic
Art
Emotion
Visual cues
Needs
Software
Color
Art
Design
Persuasion
Appliances
Motivating
Feedback
Experience
Branding

12. What is Usability Engineering?
©2014 BrandExtract, LLC
The assessment, analysis and making of
human-computer interfaces which allow users
to effectively and efficiently accomplish the
tasks for which it was designed and one that
users rate positively on opinion or emotional
scales.
Usability Engineering(UE)
Task Completion Speed Ease of Use

13. What is Usability Engineering?
Effective Cognitive
Perception
©2014 BrandExtract, LLC
SciencePsychology
Science
Satisfaction
Assessment Task-Completion
Statistical
Focus
Quantitative
Requirements
Efficient Performance
Interface
Observation
Human Factors
Clinical
Usability
Laboratory
Objective Behavior
Diagnose
Recommend

14. What is Software Engineering?
©2014 BrandExtract, LLC
The study and application of engineering to
the design, development, and maintenance of
software.
Software Engineering(SE)
Operability Reliability Repeatability

15. What is Software Engineering?
Production
Hierarchy
Maintenance
Architecture
Programming
©2014 BrandExtract, LLC
Alchemy
Detail-oriented
Reliabilty Structure
Code
Elegance
Economy
Development
Efficiency
Engineering
Science
Software
Logic
Performance
Binary
Maintenance
Hardware
Middleware

16. What is Industrial Design?
©2014 BrandExtract, LLC
The art and science of improving the
aesthetics, ergonomics, functionality, and/or
usability of a product (hardware).
Industrial Design(ID)
Hardware Form Style Materials Aesthetics

17. What is Industrial Design?
Expectations
Technical
Aesthetics
Customer Needs
©2014 BrandExtract, LLC
Product
Usability
Execute
Materials Form
Production
Polish
State
Environment
Functionality
Hardware
Branding
Fit
Create
Environment
Ergonomics
Finish
Weight
Sheen

18. What is Copywriting/Messaging?
©2014 BrandExtract, LLC
The art and craft of writing advertising or
marketing copy intended to persuade someone
to buy a product, or influence their beliefs.
Copywriting/Messaging
Voice Messaging Persuasion

19. What is Copywriting/Messaging?
Communication
Storytelling
Creative
©2014 BrandExtract, LLC
Content
Impactful
Editorial
Advertising
Explanation
Layout
Precision
Credibility
Influence
Proofreading
Purposeful
Emotion
Engaging
Concision
Messaging Editing
Educational
Persuasion

20. What is Package Design?
©2014 BrandExtract, LLC
The design of packaging intended to protect,
contain and secure a product, and to inform
and persuade a potential consumer of the
product.
Package Design
First
Impression
Look and
Feel
Branding Persuasion Specs/
Benefits

21. What is Package Design?
Logistics
Performance
Objective
©2014 BrandExtract, LLC
Messaging
Engaging
Graphic
Storage
Label
Effective
Storage
Informs
Communication
First Impression
Brand
Distribution
Relation
Consumer
Sale
Production

22. ©2014 BrandExtract, LLC
What is User Support?
A range of services that provide assistance to
users of technology products such as mobile
phones, televisions, computers, software
products or other electronic or mechanical
goods.
User Support
Help Empathy Documentation Community

23. Technology
Problem Empathy
Solving
©2014 BrandExtract, LLC
What is User Support?
Helping
Documentation
Finding
Available
Services
Problems
Community
Questions
Assistance
Friendly
Coverage
Experienced
Empathy
Situation
Support