The Elements of User Experience

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


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


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.


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.


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


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.


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


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


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


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


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


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


What is Software Engineering?

Software Engineering(SE)

e study and application of engineering to the design, development, and maintenance of soware.

Operability Reliability Repeatability


Code

What is Software Engineering?

Elegance

StructureReliabilty

Detail-oriented

Economy

Architecture

Programming

Development

Efficiency

HierarchyProduction

Engineering

Science

Software

MaintenanceLogic

Alchemy

Performance

Binary

Maintenance

HardwareMiddleware


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


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


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


What is Copywriting/Messaging?

Editorial

Impactful

Advertising

ExplanationLayout

Influence

Proofreading

Purposeful

Emotion

Engaging

Credibility

Concision

Communication

MessagingEditing

Educational

Content

Persuasion

CreativeStorytelling

Precision


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


Objective

What is Package Design?

Graphic

Engaging

Storage

Label

Storage

InformsCommunication

Performance

First Impression

Brand

Effective

Distribution

RelationConsumer

Sale

Messaging

Production

Logistics


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


EmpathyProblemSolving

What is User Support?

HelpingDocumentation

Finding

Available

Services

Problems

Community

Questions

Assistance

Friendly

Coverage

Experienced

Empathy

Situation

Support

Technology

The Elements of User Experience

Marketing

user interface design

user experience design

culture2014 brandextract

persons interaction

physical interaction

information space

digital system

focuson behavior