The Elements

of User Experience
 Experiences Everywhere!

Customer User Brand

Experience Experience Experience
(CX) (UX)
Values,
Product or Device or Ethos,
Service System Culture

2014 BrandExtract, LLC

 The Elements of
User Experience
Information Hierarchy
Labeling
Organization Search Navigation

Help Information Inputs

Empathy Outputs
Documentation User Architecture Interaction Workflow
Community Support Design Feedback
First Impression
Look and Feel
Branding
Branding Package User Experience Copywriting
Persuasion Look and Feel
Informative
Design Design and Messaging Verbal Cues
(UX, or UxD) Persuasion

Hardware
Brand
Industrial Look and Feel
Style Design User Interface Branding
Materials Form Design Visual Cues
Aesthetics Persuasion
Form

Software Usability
Operability
Engineering Engineering
Task Completion Speed
Reliability
Repeatability Ease of Use

2014 BrandExtract, LLC

What is User Experience?
All aspects of a person's interaction with a digital system,
including the interface, graphics, industrial design,
physical interaction, and the manual.

User Experience Design (UX, or UxD)

Information Interaction Industrial User Interface Package

Architecture Design Design Design Design

2014 BrandExtract, LLC

What is Information Architecture?
e 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

2014 BrandExtract, LLC

What is Information Architecture?
Logic
Hierarchy Controlled Vocabularies

Search
Sitemaps
Organization Keywords and phrases
Mental Model
Structure
Finding Thesaurus
Semantics
Art
Wireframes Wayfinding
Labeling Taxonomies
Navigation Browsing
Library Science

Classifications
2014 BrandExtract, LLC
What is Interaction Design?
e practice of designing interactive digital products, environments,
systems, and services with a focuson behavior and the aspects of the
interface that define and present its behavior over time.

User Experience Design (UX, or UxD)

Needs Queries Interface Response

Expectations Tasks/ Human/ Results/
(Behavior) Requests/ Computer Feedback/
Inputs Gateway Output
2014 BrandExtract, LLC
What is Interaction Design?
Ergonomics Designing
Satisfying
Goal Oriented
Physical

Interaction
Usability
Needs
Personas
Responses Imaging
Environments Art Synthesis

Human Computer Behavior Systems

Digital
Time Form
Services

Expectations
2014 BrandExtract, LLC
What is User Interface Design?
User Interface Design (UI, UID)

Graphics Look and Feel Hinting User Interface Package

and Cues Design Design
Organization,
Labeling, Digital Things Three- Human/ First
Navigation (Behavior) Dimensional Computer Impressions
and Search Things Gateway
Systems

2014 BrandExtract, LLC

What is User Interface Design?
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

User Interface Design(UID)

Look and Branding Visual Cues Persuasion Form

Feel

2014 BrandExtract, LLC

 What is User Interface Design?
Compelling Design Graphic
Look and Feel

Needs
Form Art
Motivating

Color
Aesthetics
Art Appliances
Emotion
Visual cues

Experience Feedback

Software Persuasion
2014 BrandExtract, LLC
Branding
What is Usability Engineering?
e assessment, analysis and making of human-computer
interfaces which allow users to eectively and eciently
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

2014 BrandExtract, LLC

What is Usability Engineering?
Effective Human Factors
Interface Requirements
Perception
Satisfaction
Cognitive Observation
Science
Assessment Task-Completion
Focus
Clinical

Quantitative Performance
Efficient
Psychology
Usability Laboratory

Statistical Science
Recommend Diagnose
Objective
Behavior
2014 BrandExtract, LLC
What is Software Engineering?
e study and application of engineering to the design,
development, and maintenance of soware.

Software Engineering(SE)

Operability Reliability Repeatability

2014 BrandExtract, LLC

What is Software Engineering?
Binary
Production
Hierarchy
Alchemy
Maintenance Detail-oriented
Architecture Engineering
Reliabilty Logic
Structure
Programming

Economy
Efficiency Performance
Elegance
Science

Software
Code Development
Maintenance

Hardware
Middleware

2014 BrandExtract, LLC

 What is Industrial Design?
e art and science of improving the aesthetics,
ergonomics, functionality, and/or usability of a product
(hardware).

Industrial Design(ID)

Hardware Form Style Materials Aesthetics

2014 BrandExtract, LLC

 What is Industrial Design?
Expectations Technical Environment
Environment

Aesthetics Product
Branding
Customer Needs
Materials
Fit Finish
Form Polish

State
Hardware Usability
Ergonomics Create
Execute

Production
Weight
Functionality
Sheen
2014 BrandExtract, LLC
What is Copywriting/Messaging?
e art and cra of writing advertising or marketing copy
intended to persuade someone to buy a product, or
influence their beliefs.

Copywriting/Messaging

Voice Messaging Persuasion

2014 BrandExtract, LLC

 What is Copywriting/Messaging?
Storytelling Content
Communication Emotion

Creative Impactful
Concision Messaging
Explanation Precision Editing
Layout Proofreading

Purposeful
Credibility Editorial
Persuasion Educational
Advertising

Influence
Engaging
2014 BrandExtract, LLC
 What is 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.

Package Design

First Look and Branding Persuasion Specs/

Impression Feel Benefits

2014 BrandExtract, LLC

 What is Package Design?
Messaging
Logistics
Distribution Performance
Engaging
Objective
Effective
Relation
Consumer
Label Informs
Communication
Brand Graphic
Production Sale
Storage

Storage First Impression

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

 What is User Support?
Technology Questions Situation
Finding

Problem Empathy Coverage

Solving Available
Problems
Experienced
Community
Friendly
Helping
Documentation
Support Empathy
Assistance
Services
2014 BrandExtract, LLC