Test Experiences, not Products (Philly Front-end UX meetup, July 2016)
-
Upload
joel-eden-phd -
Category
Design
-
view
402 -
download
0
Transcript of Test Experiences, not Products (Philly Front-end UX meetup, July 2016)
![Page 1: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/1.jpg)
Test Experiences,not Products
Joel Eden, @joeledenPhilly Front end/UX/UI, July, 2016
![Page 2: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/2.jpg)
Experiences vs Products
Lean (Startup)
Lean + Design
Topics
![Page 3: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/3.jpg)
This is a product
![Page 4: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/4.jpg)
This is a product, not an experience
![Page 5: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/5.jpg)
More interesting view of a product, still not an experience
![Page 6: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/6.jpg)
This is an experience!
![Page 7: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/7.jpg)
This is an experience from the user’s perspective
![Page 8: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/8.jpg)
Art (designer’s perspective) vs. Design (problem’s perspective)
Interactions happen over time therefore Interaction Design must consider the interaction aesthetics of use (not just visual):(all senses…sense of timing, sense of rhythm, sense of humor)
Experience aesthetics
![Page 9: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/9.jpg)
This is a product, not an experience
![Page 10: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/10.jpg)
![Page 11: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/11.jpg)
All touchpoints are part of the experience the experience is the real product in many ways
![Page 12: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/12.jpg)
Prototype fidelities vs Experience fidelities
Similar to Bill Buxton’s sketch concept:“A prototype is a question rendered as an artifact”–Scott Klemmer, PhD (teaches Coursera HCI course)
but…too often “prototype” is taken to mean “build”
Typical Prototype fidelities-Visual (pencil sketch…Photoshop mock)-Interaction (paper prototype…real behavior)-Data (lorem ipsum…real data)
Instead, think about Experience fidelity:-How do we get people to have a target experience that we want to test, regardless of, or with the cheapest of material prototype fidelities?
![Page 13: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/13.jpg)
Lets try it…get out your paper and pencil
![Page 14: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/14.jpg)
Lets try it…get out your paper and pencil
Draw: Your phone
![Page 15: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/15.jpg)
Lets try it…get out your paper and pencil
Draw: Your phone
Draw: Your phone’s user interface
![Page 16: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/16.jpg)
Lets try it…get out your paper and pencil
Draw: Your phone
Draw: Your phone’s user interface
Draw: Your phone’s user experience
![Page 17: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/17.jpg)
Representing Experience – leverage story methods
![Page 18: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/18.jpg)
Represent products/services as storiesAfter a long meeting, Anne pulls out her personal assistant to note a couple of items she needs to follow up on, confirm the location of her next meeting, and see if anything important has come up in the last couple of hours.
The PA shows her the subject and location of her nextmeeting, which is in 25 minutes. There’s also an indication that she has three messages marked urgent (including one from her boss), one message from a client whose messages she’s told the PA are top priority, and a dozen others that can probably wait.
Narrative Scenarios
Storyboards
Product as a person
![Page 19: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/19.jpg)
Hyper-real (Disney/Pixar trick)believable futures
![Page 20: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/20.jpg)
Lean…lean startup, lean UX, agile UX
“A startup is a temporary organization used to search for a repeatable and scalable business model.” –Steve Blank
“Lean Startup isn't about being cheap [but is about] being less wasteful and still doing things that are big.” – Eric Ries
“Lean is about continuously prioritizing and testing your riskiest assumptions as fast and as cheap as possible…always...not for a special week in a special room.” -Me
![Page 21: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/21.jpg)
Lean (Startup) Build, Measure, Learn loop
But…
Goal is validated learning (loop around), as fast as possible.
![Page 22: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/22.jpg)
Lean Loop – But, need to go backwards to plan experiments
1. What is my most important/riskiest hypothesis?
2. What would I need to see happen to (in)validate it?
3. What’s the fastest, cheapest, least effort thing I can make or do to test it (learn)?
![Page 23: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/23.jpg)
Need to go backwards to plan experiments
1. What is my most important/riskiest hypothesis?
2. What would I need to see (data) to validate it?
That’s what MVP meant!!!!!not “Build”
3. What’s the fastest, cheapest, least effort thing I can make or do to test it (learn)?
![Page 24: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/24.jpg)
Lean Canvas (1 page alternative to biz plan)(Business Model Canvas Ash Maurya’s Lean Canvas My tweak)
Validate in numbered order
![Page 25: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/25.jpg)
Defining experiments from hypotheses
Highest priority item gets tested(place smaller bets, on smaller batches)
Turn assumptions falsifiable hypotheses
www.slideshare.net/luxrco
![Page 26: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/26.jpg)
Test what? Ash Maurya’s 3 stages of a startup
Offer MVP Product
Instead of MVP at first:Ash Maurya’s Offer: Unique Value Proposition, Demo of UVP, Exchange of Value
![Page 27: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/27.jpg)
Lean Design
How can we test product and service design ideas earlier, faster and cheaper?
![Page 28: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/28.jpg)
Test what? Ash Maurya’s 3 stages of a startup
Offer MVP Product
Instead of MVP at first:Ash Maurya’s Offer: Unique Value Proposition, Demo of UVP, Exchange of Value
![Page 29: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/29.jpg)
Test offers (value propositions) using storiesAfter a long meeting, Anne pulls out her personal assistant to note a couple of items she needs to follow up on, confirm the location of her next meeting, and see if anything important has come up in the last couple of hours.
The PA shows her the subject and location of her nextmeeting, which is in 25 minutes. There’s also an indication that she has three messages marked urgent (including one from her boss), one message from a client whose messages she’s told the PA are top priority, and a dozen others that can probably wait.
Narrative Scenarios
Storyboards
Your goal is to create value, not software, hardware, etc…so test value!Your value proposition is the intersection of your customer’s needs and your solution.
![Page 30: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/30.jpg)
Pitching value
Should be analogous to feature film story artists, iterating and pitching (value) stories:-Our customers/users or the product/service are the heroes of these stories.
![Page 31: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/31.jpg)
Experience Mapping (user story maps, customer journey maps, etc)
These are great for communicating current state, bridging into product/dev work, but not as good for exploring and testing value.
![Page 32: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/32.jpg)
Value pipeline: from story to building
In feature animation, as scenes and shots are approved, they move further down the production pipeline, towards final rendering.-We can follow a similar process, keeping track of decisions and dependencies.
Pipeline hierarchy:•Discover Needs•Story (scenarios of use)•Interaction Framework•Interaction design (+ Visual, Industrial, etc)•Software engineering
![Page 33: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/33.jpg)
Goal Directed Design (human centered design)
Goal Directed Design has valid, rigorous design research and interaction design methods…BUT, if you’re not careful, can be a bit waterfallish, linear, ~dogmatic.
Personas Scenarios IxFrameworks, IxDesign
![Page 34: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/34.jpg)
Lean Canvas (1 page alternative to biz plan)(Business Model Canvas Ash Maurya’s Lean Canvas My tweak)
1st 4 boxes - Human Centered Design (same methods, but lean tweaks towards rapid experimental mindset)
![Page 35: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/35.jpg)
Human Centered Design “poured into” Lean loop…
= Non-linear, lean human centered design (“pull” design efforts through as hypotheses require, not as dogma)
Now, there’s no difference between design and research…it’s all just experiments. Any act of “making” (what looks like “design”) is in the act of learning, so it’s both research and design, intertwingled.
![Page 36: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/36.jpg)
Lean meetup: goal is rapid experimentationNext meetup is August 17th at Jefferson Health
![Page 37: Test Experiences, not Products (Philly Front-end UX meetup, July 2016)](https://reader035.fdocuments.net/reader035/viewer/2022081605/58ef4c951a28ab5f6b8b468b/html5/thumbnails/37.jpg)
Some great references: