The Elements of User Experience v2 - BrandExtract · The Elements of User Experience Information...

©2014 BrandExtract, LLC

The Elementsof User Experience


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

Package Design

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

The 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

The practice of designing interactive digital products, environments, systems, and services with a focus on behavior and the aspects of the interface that define

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

Package Design

First Impressions


What is User Interface Design?

User Interface Design(UID)

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

“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)

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.

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)

The study and application of engineering to the design, development, and maintenance of

software.

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)

The 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

The art and craft of writing advertising or marketing copy intended to persuade someone

to buy a product, or influence 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

The 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, software products or other electronic or mechanical

goods.User Support

Help Empathy Documentation Community


EmpathyProblem Solving

What is User Support?

HelpingDocumentation

Finding

Available

Services

Problems

Community

Questions

Assistance

Friendly

Coverage

Experienced

Empathy

Situation

Support

Technology

The Elements of User Experience v2 - BrandExtract · The Elements of User Experience Information...

Documents

Transcript of The Elements of User Experience v2 - BrandExtract · The Elements of User Experience Information...