The Elementsof User Experience
©2014 BrandExtract, LLC
Experiences Everywhere!
User Experience
(UX)
Customer Experience
(CX)
BrandExperience
Product or Service
Device or System
Values, Ethos,
Culture
©2014 BrandExtract, LLC
The Elements of
User ExperienceInformation Architecture Interaction
Design
Industrial Design User Interface
Design
PackageDesign
UsabilityEngineering
Copywritingand Messaging
SoftwareEngineering
User Support
User Experience Design
(UX, or UxD)
OrganizationLabeling
NavigationSearch
InputsOutputs
Workflow
Feedback
Look and FeelBranding
Visual CuesPersuasion
Task Completion SpeedOperability
ReliabilityEase of UseRepeatability
Hardware
Style
Aesthetics
Brand
Form
Form
Look and Feel
Branding
Verbal CuesPersuasion
Look and FeelBranding
First Impression
Empathy
CommunityDocumentation
Help
Information Hierarchy
Materials
PersuasionInformative
©2014 BrandExtract, LLC
What is User Experience?
User Experience Design (UX, or UxD)
Information Architecture
Interaction Design
Industrial Design
User Interface Design
PackageDesign
All aspects of a person's interaction with a digital system, including the interface, graphics, industrial design,
physical interaction, and the manual.
©2014 BrandExtract, LLC
What is Information Architecture?
Information Architecture (IA)
Organization Labeling Navigation Search
e art and science of structuring, classifying and designing an information space to facilitate task
completion and intuitive access to content.
©2014 BrandExtract, LLC
What is Information Architecture?
Labeling
Search
Taxonomies
StructureFinding
Art
Browsing
Semantics
Wireframes
Sitemaps
Classifications
Wayfinding
Mental Model
Hierarchy
Keywords and phrases
Thesaurus
Library Science
Controlled Vocabularies
Navigation
OrganizationLogic
©2014 BrandExtract, LLC
What is Interaction Design?
User Experience Design (UX, or UxD)
NeedsExpectations
(Behavior)
QueriesTasks/
Requests/Inputs
InterfaceHuman/
ComputerGateway
ResponseResults/
Feedback/Output
e practice of designing interactive digital products, environments, systems, and services with a focus on behavior and the aspects of the
interface that de#ne and present its behavior over time.
©2014 BrandExtract, LLC
What is Interaction Design?
Behavior
Usability
Systems
Personas
Ergonomics
Art
Digital
Synthesis
Human
Physical
Form
Computer
Interaction
Satisfying
Needs
Imaging
Services
Designing
Time
Goal Oriented
Environments
Expectations
Responses
©2014 BrandExtract, LLC
What is User Interface Design?User Interface Design (UI, UID)
Graphics
Organization, Labeling,
Navigationand Search
Systems
Look and Feel
Digital Things (Behavior)
Hinting and Cues
Three-Dimensional
Things
User Interface DesignHuman/
ComputerGateway
PackageDesign
First Impressions
©2014 BrandExtract, LLC
What is User Interface Design?
User Interface Design(UID)
e design of graphical interfaces for websites, computers, appliances, machines, mobile communication devices, and
soware applications with the focus on the user's experience and interaction
“Look and Feel”
Branding Visual Cues Persuasion Form
©2014 BrandExtract, LLC
What is User Interface Design?
Emotion
Art
Visual cues
Needs
Software
Color
Art
Design
Persuasion
Appliances
“Look and Feel”
Motivating
Feedback
Graphic
Experience
FormCompelling
Aesthetics
Branding
©2014 BrandExtract, LLC
What is Usability Engineering?
Usability Engineering(UE)
e 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.
Task Completion Speed Ease of Use
©2014 BrandExtract, LLC
What is Usability Engineering?
SciencePsychology
ScienceAssessment Task-Completion
Statistical
Focus
Quantitative
Requirements
EfficientPerformance
Satisfaction
Interface
Observation
Human Factors
Usability
PerceptionEffective
Cognitive
Objective Behavior
Clinical
Laboratory
DiagnoseRecommend
©2014 BrandExtract, LLC
What is Software Engineering?
Software Engineering(SE)
e study and application of engineering to the design, development, and maintenance of soware.
Operability Reliability Repeatability
©2014 BrandExtract, LLC
Code
What is Software Engineering?
Elegance
StructureReliabilty
Detail-oriented
Economy
Architecture
Programming
Development
Efficiency
HierarchyProduction
Engineering
Science
Software
MaintenanceLogic
Alchemy
Performance
Binary
Maintenance
HardwareMiddleware
©2014 BrandExtract, LLC
What is Industrial Design?
Industrial Design(ID)
e art and science of improving the aesthetics, ergonomics, functionality, and/or usability of a product
(hardware).
Hardware Form Style Materials Aesthetics
©2014 BrandExtract, LLC
What is Industrial Design?
Usability
Product
Execute
MaterialsForm
Production
Polish
State
Environment
Functionality
Hardware
Customer Needs
Expectations
Branding
Fit
Create
Environment
Ergonomics
Aesthetics Technical
Finish
WeightSheen
©2014 BrandExtract, LLC
What is Copywriting/Messaging?
Copywriting/Messaging
e art and cra of writing advertising or marketing copy intended to persuade someone to buy a product, or
in'uence their beliefs.
Voice Messaging Persuasion
©2014 BrandExtract, LLC
What is Copywriting/Messaging?
Editorial
Impactful
Advertising
ExplanationLayout
Influence
Proofreading
Purposeful
Emotion
Engaging
Credibility
Concision
Communication
MessagingEditing
Educational
Content
Persuasion
CreativeStorytelling
Precision
©2014 BrandExtract, LLC
What is Package Design?
Package Design
e design of packaging intended to protect, contain and secure a product, and to inform and persuade a potential
consumer of the product.
FirstImpression
Look and Feel
PersuasionBranding Specs/Benefits
©2014 BrandExtract, LLC
Objective
What is Package Design?
Graphic
Engaging
Storage
Label
Storage
InformsCommunication
Performance
First Impression
Brand
Effective
Distribution
RelationConsumer
Sale
Messaging
Production
Logistics
©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, soware products or other electronic or
mechanical goods.
User Support
Help Empathy Documentation Community
©2014 BrandExtract, LLC
EmpathyProblemSolving
What is User Support?
HelpingDocumentation
Finding
Available
Services
Problems
Community
Questions
Assistance
Friendly
Coverage
Experienced
Empathy
Situation
Support
Technology
Top Related