• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
UX Deliverables in Practice
 

UX Deliverables in Practice

on

  • 26,920 views

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?".

Statistics

Views

Total Views
26,920
Views on SlideShare
24,167
Embed Views
2,753

Actions

Likes
257
Downloads
0
Comments
4

46 Embeds 2,753

http://beep.peterboersma.com 1599
http://www.peterboersma.com 374
http://www.iakonferenz.org 183
http://terrympatterson.tumblr.com 103
http://www.slideshare.net 69
http://fresh.gui.ru 60
http://www.mucignat.com 57
http://newdigitaltalk.blogspot.com 42
http://hellerux.com 41
http://www.usability-architect.com 35
http://www.info.nl 27
http://arnekittler.wordpress.com 25
http://www.felgner.ch 19
http://iakonferenz.org 12
http://info.nl 11
http://www.365dailyjournal.com 9
http://www.techgig.com 8
http://www.researchmethods.co.uk 8
http://www.iroai.org 7
http://archiv.iakonferenz.org 7
http://webcache.googleusercontent.com 6
http://somaworks.pbworks.com 6
http://simpleandopen.blogspot.com 4
http://simpleandopen.blogspot.de 4
http://www.linkedin.com 4
http://lanyrd.com 3
http://xss.yandex.net 3
http://peterboersma.com 2
http://us-w1.rockmelt.com 2
http://newdigitaltalk.blogspot.co.uk 2
https://twimg0-a.akamaihd.net 2
http://translate.googleusercontent.com 2
http://friendfeed.com 2
http://jouach.blogspot.com 2
http://pinterest.com 2
resource://brief-content 1
http://newdigitaltalk.blogspot.se 1
http://newdigitaltalk.blogspot.fr 1
http://newdigitaltalk.blogspot.com.au 1
http://feeds.feedburner.com 1
http://europa.servers.rbl-mer.misp.co.uk 1
http://moulinfo.blogspot.com 1
http://about.felgner.ch 1
http://iak.nohad.com 1
http://static.slidesharecdn.com 1
http://newdigitaltalk.blogspot.ca 1
More...

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

14 of 4 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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 Practice UX Deliverables in Practice Presentation 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”