User Experience Distilled

User Experience Distilled Jeff Patton Architect, Interaction Designer, & Agile User Experience Evangelist [email_address] www.AgileProductDesign.com

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object]

User Experience is Built From Dependent Layers ,[object Object]

The Surface Layer Describes Finished Visual Design Aspects Surface Skeleton Structure Scope Strategy

The Skeleton Describes Screen Layout and Functional Compartments in the Screen Surface Skeleton Structure Scope Strategy

Structure Defines Navigation from Place to Place in the User Interface task panes modal dialogs modal wizards Surface Skeleton Structure Scope Strategy

The Places in the User Interface are Built to Support User Task-Centric Scope ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Surface Skeleton Structure Scope Strategy

Business Goals Drive User Constituencies and Contexts Supported To Form Strategy ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Surface Skeleton Structure Scope Strategy

Understanding the Relationship Between Goals, Tasks, & Tools is Critical Software Product Goals Tasks Tools Features one or more users engaged in many tasks in support of a common high level goal is often referred to as workpractice

Garret’s Elements of Ux Stack Can Apply to the User Experience of Other Complex Products ,[object Object],[object Object]

Let’s Look At a Product We All Use: The Place We Live ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Surface Skeleton Structure Scope Strategy

What might I do to reach my goals? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Surface Skeleton Structure Scope Strategy

Arranging tasks by affinity allows me to think about contexts that best support tasks. Contexts in a home have common names we all know. Surface Skeleton Structure Scope Strategy

When designing a particular interaction context such as a “kitchen,” I optimize layout and tool choices to support tasks I’ll do there Surface Skeleton Structure Scope Strategy

I’m going to spend a lot of time here, I want my experience to be as pleasant as possible… Surface Skeleton Structure Scope Strategy

Tool Design to Ux Designers is as Snow is to Eskimos (or Cross Country Skiers) Goals Tasks Tools ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Surface Skeleton Structure Scope Strategy

User Interface Designers Often Use “User Tasks” to Describe What People Do ,[object Object],[object Object],[object Object],[object Object],activity manage email task task task task task task read message send message create folder delete message prioritize message place message in folder task task task task

Each Layer Validates The Next ,[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

User Experience Words Describe Distinct Concepts & Responsibilities ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

User Experience Words Describe Distinct Concepts & Responsibilities ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

User Experience Words Describe Distinct Concepts & Responsibilities ,[object Object],[object Object],[object Object],[object Object]

User Experience Words Describe Distinct Concepts & Responsibilities ,[object Object],[object Object],[object Object],[object Object],[object Object]

For a given piece of software user experience is often considered more or less relevant often for economic reasons Internal use commercial sale users opt-in compelled use generates revenue reduce costs company portal online tools (google, yahoo) shrink-wrap consumer software (quicken, ms money) ecommerce software (amazon, expedia) enterprise class accounting (sap, oracle) crm applications (salesforce.com, siebel) call center software company time tracking user adoption purpose

For a given piece of software user experience is often considered more or less relevant often for economic reasons Internal use commercial sale users opt-in compelled use generates revenue reduce costs user adoption purpose

For a given piece of software user experience is often considered more or less relevant often for economic reasons Internal use commercial sale users opt-in compelled use generates revenue reduce costs company portal online tools (google, yahoo) shrink-wrap consumer software (quicken, ms money) ecommerce software (amazon, expedia) enterprise class accounting (sap, oracle) crm applications (salesforce.com, siebel) call center software company time tracking How relevant is user experience in your company? Does it vary for the different pieces of software in your company? user adoption purpose

Actors, Roles, Profiles, & Personas Describe Users ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],On-line Shopper: browse and purchase merchandise on line Customer Support Rep: aid customers over the phone and on line with issues

Actors, Roles, Profiles, & Personas Describe Users ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Casual Browser: pass time by browsing products online Comparison Shopper: compare price and features for items I wish to buy Gift Shopper: find a gift for someone that likes the types of products this website sells Impatient Buyer: find what I need and get through the checkout process quickly

Actors, Roles, Profiles, & Personas Describe Users ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Web Shoppers Users: 50,000 customer visit this sporting goods website monthly Activities: browsing, price comparing, gift shopping, handling returns Computer Skills: vary wildly from first time users to expert – although moderate computer skills are typical Domain expertise: typical customers are avid outdoor enthusiasts…

Actors, Roles, Profiles, & Personas Describe Users ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Steve races mountain bikes competitively. He shops the web on a regular basis to keep abreast of new equipment releases on the market, and to make sure he has the best equipment he can afford. He’s used computers for years and considers himself an expert user. He maintains his own website and blogs about his races and upcoming schedule. Steve relies on reviews from his peers to judge the quality of equipment. He often writes reviews of his own for stuff he’s tried out. Steve Powell competitive mountain biker “ I’m looking for stuff that’ll help me stay ahead of the pack”

Model Users Using a Technique Appropriate For Your Product, Team, and Available Information ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],products for internal users, enterprise products consumer products better design targets

Create an Assumption Based User Profile by Writing Down Your Assumptions About Your User as a Team ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Designers Get Information About Users Through Research ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Usability is a Measured Quality Characteristic of Software ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Lightweight Usability Testing Is Fast & Cheap ,[object Object],[object Object],[object Object],[object Object],[object Object]

Build a Componentized Paper Prototype ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Build a Componentized Paper Prototype

Preparing to Testing Your Paper Prototype ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Testing In Action ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Test First – Building Confidence into Software Development ,[object Object],[object Object],[object Object]

Heuristic Evaluations May Help Predict Usability Problems ,[object Object],[object Object],[object Object],[object Object],[object Object]

Nielsen’s 10 Usability Heuristics (1 of 2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Nielsen’s 10 Usability Heuristics (2 of 2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Jakob Nielsen’s Heuristic Evaluation: http://www.useit.com/papers/heuristic/

Usability Refers To The Ability of a User To Effectively Execute A Task Using a Tool, Not Esthetics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Don Norman’s The Design of Everyday Things

Good Visual Design Observes 4 Simple Principles ,[object Object],[object Object],[object Object],C R A P Contrast Repetition Alignment Proximity

Contrast ,[object Object],[object Object],[object Object]

Repetition ,[object Object],[object Object],[object Object],[object Object]

Alignment ,[object Object],[object Object],[object Object],[object Object]

Proximity ,[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object]

Don Norman explains that beauty, at least for products, isn’t skin deep ,[object Object],[object Object]

Norman explains three characteristics of design to observe: Visceral, Behavioral, & Reflective ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Noriaki Kano asks us to consider quality as being composed of objective and subjective elements ,[object Object],[object Object],[object Object]

Kano explains three general classifications for product features: must-haves, one dimensionals, and delighters ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],“ This car has many flaws. Buy it anyway. It’s so much fun to drive” -- from a NY Times review of the Mini Cooper

Jeff Patton [email_address] www.AgileProductDesign.com User Experience Distilled You can download the most current version of these slides at: http://www.agileproductdesign.com/presentations

Further Reading ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

User Experience Distilled

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (19)

Similar a User Experience Distilled

Similar a User Experience Distilled (20)

Último

Último (20)

User Experience Distilled

Notas del editor