Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Prototyping: Iterating Your Way to Glory
Melissa Perri & Josh Wexler
#Agile2015
@lissijean @josh_wexler
Agenda
2
Welcome
Culture of Learning
Prototyping
Paper Prototyping Execise
Wrap Up
@lissijean @josh_wexler
3
What makes a company successful?
@lissijean @josh_wexler
4
Culture of Learning
A culture that promotes the learning of its employees to transform
and improve itself.
@lissijean @j...
5
Toyota
“The key to the Toyota Way and
what makes Toyota stand out is
not any of the individual
elements… [but] having al...
Benefits of a Learning Culture
6
•Maintaining levels of innovation and remaining
competitive
•Being better placed to respon...
7
Iteration is the key to learning successfully.
@lissijean @josh_wexler
So where do we trip up?8
@lissijean @josh_wexler
CopyCat Mentality
9
Thinking since others have done it, it
will work for you too.
“Well, our competitor has that feature
s...
Fear of Killing Your Baby
10
You’ve put so much energy into this
idea, what if doesn’t work?
“This is going to work, we do...
The Expert Trap
11
You’ve always been told you were the
smart one, the expert. Iteration means
I might be wrong, so screw ...
Testing is Expensive Fallacy
12
You think that testing with users will
increase your budget and cost you a
lot of money.
“...
The Pressure Dilemma
13
You think that everything is riding on
this so you have to get it right on the
first try.
“We don’t...
14
Biases block your ability to iterate and to learn.
@lissijean @josh_wexler
Prototyping
15
@lissijean @josh_wexler
We prototype to communicate and learn
@lissijean @josh_wexler
17
Why prototype
We prototype to validate ideas, refine features, reduce risk, and
drive the development of market-ready p...
What is prototyping?
18
“Something which at it's current stage has been screwed up by
developers and cannot yet be used by...
Prototype vs. MVP
19
“An MVP is not a minimal product, it is a strategy and process
directed toward making and selling a p...
We use 3 primary categories of prototypes depending on the
audience, objectives, and any existing parameters.
20
Types of ...
21
Levels of Fidelity in Prototyping
SKETCHED
VISUAL
STYLED
STATIC
FUNCTIONAL
INTERACTIVE
SAMPLE
CONTENT
ACTUAL
@lissijean...
22
Kinds of Prototypes: Conceptual
Objectives
• Convey the overarching story of an idea
• Gauge interest from potential us...
23
Kinds of Prototypes: Experience
Objectives
• Create and test product ideas and concepts
• Apply real-world feedback and...
24
Kinds of Prototypes: Technical
Objectives
• Explore technology and architecture choices
• Understand the level of effor...
25
How to Think About Fidelity
CommunicationValue
Amount of time/effort to change/fidelity
@lissijean @josh_wexler
We prototype to communicate and learn
@lissijean @josh_wexler
Paper Prototyping Exercise
27
@lissijean @josh_wexler
Background
28
@lissijean @josh_wexler
Alzheimer's disease
29
Alzheimer's disease (AD) is a chronic neurodegenerative disease that usually starts slowly and gets...
Families can feel helpless when a family member has just been
diagnosed with AD
With AD you lose history and culture held ...
Solution: Forget Me Not
31
An app that lets your family capture and share media (e.g.
video, photos, text, audio) about yo...
Target Audience Hypothesis
32
Adult children of people with AD
1.Tech savvy
2.Family member is in early diagnosis (30 - 60...
Persona: John Benson
33
Background
• 35 year old male
• Dad (George Benson) was just diagnosed with early stage AD
• Likes...
Narrative
34
Background
John Benson is at the doctors office with his dad George, the doctor has just given the diagnosis o...
Narrative (continued)
35
Adds first video
1. John is taken to an empty timeline page
2. He taps a button to add a video
3. ...
Narrative: Sign up
36
@lissijean @josh_wexler
Narrative (continued)
37
Adds first video
1. John is taken to an empty timeline page
2. He taps a button to add a video
3. ...
Sketching!
38
EVERYONE CAN DRAW!
@lissijean @josh_wexler
Forget Me Not conceptual (paper) prototype
39
@lissijean @josh_wexler
Each person draw the narrative in your product
brief using the stencil
40
@lissijean @josh_wexler
Interviewing Techniques
Ask the user to complete a task.
Ask open ended questions.
Don’t lead the person to your answer.
A...
Conduct an interview
42
@lissijean @josh_wexler
Interview directions
43
1.Think about the key questions you are interested in exploring with your paper prototype
1.Ask th...
What did you learn?
44
@lissijean @josh_wexler
Iterate! Draw a new paper prototype
incorporating the feedback your received
45
@lissijean @josh_wexler
Retrospective
46
In groups, everyone say:
1. What is one thing you learned?
2. What is one thing you want to learn more
ab...
Melissa Perri
47
Josh Wexler
Josh.Wexler@originate.com
@josh_wexler
originate.com
melissa@produxlabs.com
@lissijean
meliss...
Forget Me Not conceptual (paper) prototype
48
Forget Me Not conceptual (paper) prototype
49
Forget Me Not conceptual (paper) prototype
50
Forget Me Not Functional Prototype
51
Upcoming SlideShare
Loading in …5
×

Agile 2015 Prototyping - Iterating Your Way to Glory

8,953 views

Published on

Slides from Agile 2015. Did the talk with Melissa Perri (@lissijean).

Published in: Technology
  • Dating direct: ♥♥♥ http://bit.ly/2ZDZFYj ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Sex in your area is here: ❶❶❶ http://bit.ly/2ZDZFYj ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Its interesting
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • How To Get Rid of Mosquitoes Prevention Essentially close by there are no particular drugs to cure dengue, and not a single antidote commercially obtainable against dengue. As a result
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Agile 2015 Prototyping - Iterating Your Way to Glory

  1. 1. Prototyping: Iterating Your Way to Glory Melissa Perri & Josh Wexler #Agile2015 @lissijean @josh_wexler
  2. 2. Agenda 2 Welcome Culture of Learning Prototyping Paper Prototyping Execise Wrap Up @lissijean @josh_wexler
  3. 3. 3 What makes a company successful? @lissijean @josh_wexler
  4. 4. 4 Culture of Learning A culture that promotes the learning of its employees to transform and improve itself. @lissijean @josh_wexler
  5. 5. 5 Toyota “The key to the Toyota Way and what makes Toyota stand out is not any of the individual elements… [but] having all the elements together as a system. It must be practiced every day in a very consistent manner, not in spurts.” -Taiichi Ohno @lissijean @josh_wexler
  6. 6. Benefits of a Learning Culture 6 •Maintaining levels of innovation and remaining competitive •Being better placed to respond to external pressures •Having the knowledge to better link resources to customer needs •Improving quality of outputs at all levels •Improving Corporate image by becoming more people oriented •Increasing the pace of change within the organization @lissijean @josh_wexler
  7. 7. 7 Iteration is the key to learning successfully. @lissijean @josh_wexler
  8. 8. So where do we trip up?8 @lissijean @josh_wexler
  9. 9. CopyCat Mentality 9 Thinking since others have done it, it will work for you too. “Well, our competitor has that feature so it must be good.” @lissijean @josh_wexler
  10. 10. Fear of Killing Your Baby 10 You’ve put so much energy into this idea, what if doesn’t work? “This is going to work, we don’t have to test it. I’ve done tests myself. I’ve worked hard on this.” @lissijean @josh_wexler
  11. 11. The Expert Trap 11 You’ve always been told you were the smart one, the expert. Iteration means I might be wrong, so screw that. “Trust me, I know what I’m doing. We don’t have to test this. That will take too long.”
  12. 12. Testing is Expensive Fallacy 12 You think that testing with users will increase your budget and cost you a lot of money. “We don’t have the budget for testing. We’ll fix it after the release.” @lissijean @josh_wexler
  13. 13. The Pressure Dilemma 13 You think that everything is riding on this so you have to get it right on the first try. “We don’t have time to fail. We have to do this right the first time. Testing will take too long.” @lissijean @josh_wexler
  14. 14. 14 Biases block your ability to iterate and to learn. @lissijean @josh_wexler
  15. 15. Prototyping 15 @lissijean @josh_wexler
  16. 16. We prototype to communicate and learn @lissijean @josh_wexler
  17. 17. 17 Why prototype We prototype to validate ideas, refine features, reduce risk, and drive the development of market-ready products. FEASIBILITY DESIRABILITY USABILITY A Great Product Dimensions @lissijean @josh_wexler
  18. 18. What is prototyping? 18 “Something which at it's current stage has been screwed up by developers and cannot yet be used by the general public” Example: “This car isn't safe.. I'm calling it a prototype.” - Santa(Ace) at Urban Dictionary “A prototype is an early sample, model, or release of a product built to test a concept or process or to act as a thing to be replicated or learned from” - Wikipedia @lissijean @josh_wexler
  19. 19. Prototype vs. MVP 19 “An MVP is not a minimal product, it is a strategy and process directed toward making and selling a product to customers. It is an iterative process of idea generation, prototyping, presentation, data collection, analysis and learning. One seeks to minimize the total time spent on an iteration. The process is iterated until a desirable product/market fit is obtained, or until the product is deemed to be non-viable.” -Wikipedia A prototype can actually be an MVP @lissijean @josh_wexler
  20. 20. We use 3 primary categories of prototypes depending on the audience, objectives, and any existing parameters. 20 Types of prototypes Conceptual Experiential Technical @lissijean @josh_wexler
  21. 21. 21 Levels of Fidelity in Prototyping SKETCHED VISUAL STYLED STATIC FUNCTIONAL INTERACTIVE SAMPLE CONTENT ACTUAL @lissijean @josh_wexler
  22. 22. 22 Kinds of Prototypes: Conceptual Objectives • Convey the overarching story of an idea • Gauge interest from potential users and help stakeholders determine if an idea is worth exploring further • Typically used to learn about feasibility and desirability Typical audience • Potential users/customers • Industry visionaries • Internal stakeholders (Executives, Sales, etc.) Format • Sketches • Storyboards • User Flows • Narrative Maps Common Tools • Pen and Paper • Keynote • Mural.ly • Omnigraffle @lissijean @josh_wexler
  23. 23. 23 Kinds of Prototypes: Experience Objectives • Create and test product ideas and concepts • Apply real-world feedback and metrics (qualitative and quantitive) to rapidly refine the product and user experience • Typically used to learn about usability and desirability Typical audience • Potential users/customers • Business executives/stakeholders • Experts in the field Format • Sketches • Mockups • Clickable Wireframes • Design Comps Common Tools • Paper • Axure • InVision • WebFlow @lissijean @josh_wexler
  24. 24. 24 Kinds of Prototypes: Technical Objectives • Explore technology and architecture choices • Understand the level of effort to build a solution • Typically used to learn about feasibility Typical audience • Developers • Product managers • Business executives/stakeholders Format • Coded prototypes • Code • Working feature Common Tools • Heroku • JS fiddle • Parse @lissijean @josh_wexler
  25. 25. 25 How to Think About Fidelity CommunicationValue Amount of time/effort to change/fidelity @lissijean @josh_wexler
  26. 26. We prototype to communicate and learn @lissijean @josh_wexler
  27. 27. Paper Prototyping Exercise 27 @lissijean @josh_wexler
  28. 28. Background 28 @lissijean @josh_wexler
  29. 29. Alzheimer's disease 29 Alzheimer's disease (AD) is a chronic neurodegenerative disease that usually starts slowly and gets worse over time. The most common early symptom is difficulty in remembering recent events (short term memory loss). As the disease advances, symptoms can include: problems with language, disorientation (including easily getting lost), mood swings, loss of motivation, not managing self care, and behavioral issues. As a person's condition declines they often withdraw from family and society. Gradually, bodily functions are lost, ultimately leading to death. Although the speed of progression can vary, the average life expectancy following diagnosis is three to nine years. No treatments stop or reverse its progression, though some may temporarily improve symptoms. Affected people increasingly rely on others for assistance often placing a burden on the caregiver; the pressures can include social, psychological, physical, and economic elements. In 2010, there were between 21 and 35 million people worldwide with AD. It most often begins in people over 65 years of age, although 4% to 5% of cases are early-onset Alzheimer's which begin before this. It affects about 6% of people 65 years and older. @lissijean @josh_wexler
  30. 30. Families can feel helpless when a family member has just been diagnosed with AD With AD you lose history and culture held in the memories of your loved one and if you don’t capture it now it can be lost forever What problem are we trying to solve? 30 @lissijean @josh_wexler
  31. 31. Solution: Forget Me Not 31 An app that lets your family capture and share media (e.g. video, photos, text, audio) about your loved one with AD. @lissijean @josh_wexler
  32. 32. Target Audience Hypothesis 32 Adult children of people with AD 1.Tech savvy 2.Family member is in early diagnosis (30 - 60 Days) 3.Age 35-55 @lissijean @josh_wexler
  33. 33. Persona: John Benson 33 Background • 35 year old male • Dad (George Benson) was just diagnosed with early stage AD • Likes using his phone • Has a large family who all care for his dad • Dad is 75 years old and an immigrant from Ukraine • Lives in Cleveland Ohio • Lives near his father Goals 1. Capture as many meaningful memories of his dad as possible 2. Allow his family to experience his dad in ways they hadn’t previously been able to 3. Learn about his dad's past 4. Create something that will help his father with his memory @lissijean @josh_wexler
  34. 34. Narrative 34 Background John Benson is at the doctors office with his dad George, the doctor has just given the diagnosis of early stage AD. John is devastated, but the doctor suggests Forget Me Not as part of the tool kit. The app is described as a way to engage in conversation and strengthen and engage George's memory to keep his brain sharper for a longer time. This can become a repository for John and his family to be able to tell the stories of George after he is gone. John and his dad go home where John downloads the app. Sign Up 1. John sees a nice image that take him to a sign up page 2. He fills in relevant information about himself to create an account, including putting in a picture for his profile 3. He fills out information on his dad, George like his birthdate and birth place 4. He adds a picture of his dad @lissijean @josh_wexler
  35. 35. Narrative (continued) 35 Adds first video 1. John is taken to an empty timeline page 2. He taps a button to add a video 3. He records a video and gets a prompt from the app 4. The prompts are written by psychologists, medical practitioners, medical experts, story-tellers, poets, and Walmart greeters 5. The prompt appears at the top of the screen and when he taps record, the video is limited to two minutes, but he can add more time if he wants 6. George tells the story of going to FAO Schwartz as a kid and how much he loved it 7. He records his dad’s story then gives it some context like a title, a year if it relevant, and tags for searching later on 8. Then he can see the clip in the timeline @lissijean @josh_wexler
  36. 36. Narrative: Sign up 36 @lissijean @josh_wexler
  37. 37. Narrative (continued) 37 Adds first video 1. John is taken to an empty timeline page 2. He taps a button to add a video 3. He records a video and gets a prompt from the app 4. The prompts are written by psychologists, medical practitioners, medical experts, story-tellers, poets, and Walmart greeters 5. The prompt appears at the top of the screen and when he taps record, the video is limited to two minutes, but he can add more time if he wants 6. George tells the story of going to FAO Schwartz as a kid and how much he loved it 7. He records his dad’s story then gives it some context like a title, a year if it relevant, and tags for searching later on 8. Then he can see the clip in the timeline Identify Key Needs @lissijean @josh_wexler
  38. 38. Sketching! 38 EVERYONE CAN DRAW! @lissijean @josh_wexler
  39. 39. Forget Me Not conceptual (paper) prototype 39 @lissijean @josh_wexler
  40. 40. Each person draw the narrative in your product brief using the stencil 40 @lissijean @josh_wexler
  41. 41. Interviewing Techniques Ask the user to complete a task. Ask open ended questions. Don’t lead the person to your answer. Ask “Why?” Lastly, shut up and let the user talk! 41 @lissijean @josh_wexler
  42. 42. Conduct an interview 42 @lissijean @josh_wexler
  43. 43. Interview directions 43 1.Think about the key questions you are interested in exploring with your paper prototype 1.Ask the user to complete a task 2.Do they understand the concepts you used? 3.Do they want to use it 2.Write down your questions in your product brief 3.Find another person (sitting next to you) 4.Choose one person to start as the interviewers 5.Conduct an interview for 4 minutes 1.Interviewers, show your prototype and ask your questions 6.Switch roles @lissijean @josh_wexler
  44. 44. What did you learn? 44 @lissijean @josh_wexler
  45. 45. Iterate! Draw a new paper prototype incorporating the feedback your received 45 @lissijean @josh_wexler
  46. 46. Retrospective 46 In groups, everyone say: 1. What is one thing you learned? 2. What is one thing you want to learn more about? Present top 3 findings to everyone. @lissijean @josh_wexler
  47. 47. Melissa Perri 47 Josh Wexler Josh.Wexler@originate.com @josh_wexler originate.com melissa@produxlabs.com @lissijean melissaperri.com produxlabs.com
  48. 48. Forget Me Not conceptual (paper) prototype 48
  49. 49. Forget Me Not conceptual (paper) prototype 49
  50. 50. Forget Me Not conceptual (paper) prototype 50
  51. 51. Forget Me Not Functional Prototype 51

×