UX Deliverables in Practice

User Experience Deliverables in Practice Peter Boersma info . nl FULL SERVICE INTERNET AGENCY IA Konferenz 2009 – “IA in Business und Praxis”

In theory, theory and practice are the same. In practice, they are not.

(Albert Einstein)

Theory =/= Practice

UX Theory =/= UX Practice

So?

Theory: 5 UX Elements usability interaction design information architecture visual design information design i-stuff

Theory: 6 UX Elements Information Architecture

Theory: 7 UX Elements Theory: 7-able UX Elements

Theory: 9 UX Elements

Happy Birthday Jesse James Garrett!

Theory: >70 UX Elements

Theory: too many UX elements usability interaction design information architecture visual design information design i-stuff ?

Theory: UX Definitions

User Experience [..] is the quality of experience a person has when interacting with a specific design. This can range from a specific artifact, such as a cup, toy or website, up to larger, integrated experiences such as a museum or an airport.

(Source: UXnet.org)

User Experience [..] is the quality of experience a person has when interacting with a specific design . This can range from a specific artifact, such as a cup, toy or website, up to larger, integrated experiences such as a museum or an airport.

(Source: UXnet.org)

"User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products. The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use. True user experience goes far beyond giving customers what they say they want, or providing checklist features. In order to achieve high-quality user experience in a company's offerings there must be a seamless merging of the services of multiple disciplines, including engineering, marketing, graphical and industrial design, and interface design.

(Source: Nielsen/Norman Group)

"User experience" encompasses all aspects of the end-user's interaction with the company, its services , and its products . The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use. True user experience goes far beyond giving customers what they say they want, or providing checklist features. In order to achieve high-quality user experience in a company's offerings there must be a seamless merging of the services of multiple disciplines, including engineering, marketing, graphical and industrial design, and interface design.

(Source: NN/g = Nielsen/Norman Group)

User experience design fully encompasses traditional Human-Computer Interaction (HCI) design and extends it by addressing all aspects of a product or service as perceived by users.

(Source: IBM.com)

User experience design fully encompasses traditional Human-Computer Interaction (HCI) design and extends it by addressing all aspects of a product or service as perceived by users.

(Source: IBM.com)

User experience encompasses the visual appearance, interactive behavior, and assistive capabilities of software. From an application's graphical user interface to its use of additional technologies such as speech recognition and speech synthesis, a cohesive and professional user experience is what Mac users have come to expect.

(Source: Apple.com)

User experience encompasses the visual appearance, interactive behavior, and assistive capabilities of software . From an application's graphical user interface to its use of additional technologies such as speech recognition and speech synthesis, a cohesive and professional user experience is what Mac users have come to expect.

(Source: Apple.com)

User experience design [..] is a term used to describe the overarching experience a person has as a result of their interactions with a particular product or service, its delivery, and related artifacts, according to their design. [..]

(Source: Wikipedia)

User experience design [..] is a term used to describe the overarching experience a person has as a result of their interactions with a particular product or service , its delivery, and related artifacts, according to their design . [..]

(Source: Wikipedia)

UX Theory RESEARCH EVALUATE DESIGN

UX Theory interaction service quality software RESEARCH EVALUATE DESIGN

UX Theory “ encompass” “ overarching” interaction service quality software “ integrated” “ addressing all aspects” RESEARCH EVALUATE DESIGN

Practice prototype test user research RESEARCH EVALUATE DESIGN

Practice prototype test user research launch pitch requirements RESEARCH EVALUATE DESIGN estimate position document process review optimize scope trends roadmap scenarios promote

Practice prototype test user research launch estimate position pitch document process review requirements optimize scope trends roadmap scenarios RESEARCH EVALUATE DESIGN promote

Practice prototype test user research launch estimate position pitch document process review requirements optimize scope trends roadmap scenarios BUSINESS MANAGE STRATEGY RESEARCH EVALUATE DESIGN promote

Practice MANAGE STRATEGY RESEARCH EVALUATE DESIGN BUSINESS

Practice pitch BUSINESS launch optimize promote

Business: Pitch

It’s all about the background images…

Practice pitch BUSINESS launch optimize promote

Practice position trends roadmap scenarios STRATEGY

Strategy: Trends

Strategy: Positioning content sales community Core brand Big Competitor 2 Client 2011 Competitor Big Competitor 1 Comp. Comptetitor comptetitor subbrand BrandX Client

Strategy: Scenarios A B or client.com subsite-X.client.com subsite-Y.client.com client.com

Strategy: Roadmap

Practice position trends roadmap scenarios STRATEGY

Practice DESIGN RESEARCH EVALUATE

What

deliverable

is this?

Persona

Content Inventory

Concept Map

Wireframe

Moodboard

Visual Language

Usability Test Report

What

deliverable

is this?

Practice DESIGN RESEARCH EVALUATE

Practice launch pitch document process optimize BUSINESS promote

Business: Optimize Old online form - 1 step to fill out - 1 step to print - 1 thank-you page New online form - 1 step for customer Y/N - 4 steps to fill out the form - 1 step to print - 1 thank-you page 7.7% 20.3% conversion rate conversion rate

Business: Optimize

Business: Launch of SNS Bank website

Business: Promote

Business: Promote yourself

Practice launch pitch document process optimize BUSINESS promote

Practice estimate document process requirements scope MANAGE

Manage: Estimate

Estimate: input/output

Input (when available)

Scope items

Requirements

Approach/process

Team skills

Experience with subject

Experience with client

Experience of client

Output (when possible)

Assumptions

Calculations

Explanations

Risks

Estimate: output

Assuming: - we will need about 10 wireframes - (5 complex, 5 medium) - and 15 reusable components (all medium)

We will spend on the interaction design: (5*16 + 5*12) + (15*12) = (80+60) + (180) = 320 hours

Note: This includes reviews and rework.

Risk: we don’t know who the developer is.

Manage: Scope

Manage: Focus in Scope hard easy essential contribution Quick wins Maintenance Winners Quality improvements Pick just a few of these!

Manage: Requirements

Format: <stakeholderX> wants/can <Y>

Manage: Document Process

Very basic

somewhat complex

lists of deliverables

links between deliverables

beautiful diagrams

fully documented processes

Document your UX process

Brainstorm to get all candidate deliverables

Diagram deliverables and process

Describe (selected) deliverables and input/outputs

Present process to other departments

Improve process

Create templates for deliverables

Write instructions around deliverables and process

Improve process

Promote your process

Measure working with new deliverables en proces

Review ad nauseam , improve continually

Practice estimate document process requirements scope MANAGE

UX Practice prototype test user research launch estimate position pitch document process review requirements optimize scope trends roadmap scenarios BUSINESS MANAGE STRATEGY RESEARCH EVALUATE DESIGN promote

UX Theory “ encompass” “ overarching” interaction service quality software “ integrated” “ addressing all aspects” RESEARCH EVALUATE DESIGN

So?