My presentation for the IA Konferenz 2009 (http://www.iakonferenz.org/) on the difference between UX theories and what happens in practice. Includes the quiz "What deliverable is this?".
My presentation for the IA Konferenz 2009 (http://www.iakonferenz.org/) on the difference between UX theories and what happens in practice. Includes the quiz "What deliverable is this?".
I say 'original talk' because I had to make some minor changes to the slides before uploading it to Slideshare, but I'm sure you'll figure out when to progress to the next slide. Enjoy!2 years ago
Are you sure you want to
K ChezI think this presentation is full of great information, but I wish it included an audio track.2 years ago
These are my slides for the invited presentation “User Experience Deliverables in Practice”, given at the German IA Konferenz 2009 in Hambug, Germany. They have been adapted for viewing on Slideshare.
UX Deliverables in PracticePresentation Transcript
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?
UX Theory =/= UX Practice
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
Theory: 9 UX Elements
Happy Birthday Jesse James Garrett!
Theory: 10 UX Elements
Theory: 26 UX Elements
Theory: 33 UX Elements
Theory: 45 UX Elements
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)
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)
Theory: UX Definitions
"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)
Theory: UX Definitions
"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)
Theory: UX Definitions
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)
Theory: UX Definitions
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)
Theory: UX Definitions
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)
Theory: UX Definitions
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)
Theory: UX Definitions
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)
Theory: UX Definitions
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
UX Theory =/= UX Practice
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
UX Theory =/= UX Practice
So?
In theory, theory and practice are the same.
In practice, they are not.
(Albert Einstein)
In practice, practice and theory are different.
In theory, we can change that. (Peter Boersma)
So:
make an impact on the business
link to strategy in your design decicions
document your work and work process
promote the results
MORE Peter Boersma
Thank you!
User Experience Deliverables in Practice Peter Boersma info . nl FULL SERVICE INTERNET AGENCY IA Konferenz 2009 – “IA in Business und Praxis”
vinz4456
Check my blog post for the location:
http://beep.peterboersma.com/2009/05/ux-deliverables-in-practice.html
I say 'original talk' because I had to make some minor changes to the slides before uploading it to Slideshare, but I'm sure you'll figure out when to progress to the next slide. Enjoy! 2 years ago