Putting HCD into Practice: Rapid Prototyping in the Field 08:30 11:00, March 8 th, 2017 Alexandra Fiorillo, GRID Impact UNCDF MicroLead Fourth Annual Peer-learning Workshop Dar es Salaam, Tanzania March 6-10, 2017
Putting HCD into Practice: Rapid Prototyping in the Field Alexandra Fiorillo March 8, 2017 Dar es Salaam, Tanzania 1
Wednesday s Agenda What is rapid prototyping? Identifying solutions to prototype Break Planning for user feedback Building prototypes Creating a prototype testing plan Leave for the field! 8:30AM (20 mins) 9:00AM (60 mins) 10:00AM (15 mins) 10:15AM (30 mins) 10:45AM (60 mins) 11:45AM (30 mins) 12:15PM February 21, 2017 2
Desire Paths http://wwwis.win.tue.nl/~wvdaalst/old/etc/desire-lines-or-cowpaths_files/image002.jpg 3
Barber shop https://juicylinksmag.files.wordpress.com/2016/02/index-24.jpg 4
INNOVATION Desirability (People) Feasibility (Resources) Viability (Bottom- Line) Feasibility (Resources) Viability (Bottom- Line) Human-centered design is a process used to develop innovative solutions to a variety of complex problems. Through empathy, co-creation, and iterative prototyping, we arrive at new solutions that are grounded in a deep understanding of people s needs, wants and desires. February 21, 2017 5
What do we mean by users? It is important to be clear about what groups of individuals are important to research and design for in your process. End Users Sometimes, our process may focus on end users who use / receive / engage with our program / product / policy. Stakeholders Other times, our process may focus on stakeholders who facilitate / offer / support our program / product / policy. Staff And, other times, we may focus on our staff who create / deliver / oversee / direct our program / product / policy. February 21, 2017 6
1. Discover 2. Concept 3. Prototype 4. Experiment February 21, 2017 7
What is Prototyping? A prototype is a rough representation of an idea used to understand and evaluate that idea. Prototyping allows the designer to receive feedback, understand constraints and test assumptions without the risk of wasting time and resources. Designers from Grameen Foundation test a paper prototype in Uganda February 21, 2017 8
Prototyping Mindsets 9
1. Fail fast, fail early Getting feedback on a new market concept in Bangladesh
1. Fail fast, fail early Prototyping SMS notifications in Uganda
2. Create with, not for Prototyping an enrollment form for savings account in Uganda
2. Create with, not for Domestic workers in Ecuador creating a 3D diagram of a social enterprise restaurant they want to build.
3. Iterate constantly Low Fidelity Prototype High Fidelity Prototype
3. Iterate constantly Design Prototype Evaluate
3. Iterate constantly High fidelity Showing / Discussing / Selling Low fidelity Learning / Sketching / Exploring No clue what I m doing Absolutely certain
4. Make it tangible Prototyping a new organizational structure for a new business.
5. Zoom in and zoom out Looking at the customer journey Prototyping SMS reminders
Case Study BRAC A two week design sprint to identify opportunities and potential solutions to drive uptake of mobile money amongst rural women in Bangladesh. 19
Prototype Methods Act out the experience by staging events or simulating experiences such as enrollment or customer service. Employees of BRAC testing a low-fidelity prototype with BRAC clients February 21, 2017 20
Prototype Methods Creating fake brochures or other marketing material is an easy way to get feedback on a concept, especially if that concept is an intangible service. Employees of BRAC testing a low-fidelity prototype with BRAC clients February 21, 2017 21
Prototype Methods Who carries out your design? How do you want service delivery staff to interact with customers? Employees of BRAC testing a low-fidelity prototype with BRAC clients February 21, 2017 22
Prototype Methods Creating fake brochures or other marketing material is an easy way to get feedback on a concept, especially if that concept is an intangible service. Employees of BRAC testing a low-fidelity prototype with BRAC clients February 21, 2017 23
Prototype Methods Some concepts might be too abstract to prototype, in which case a co-creation activity could be a good way to get feedback on the concept. Employees of BRAC testing a low-fidelity prototype with BRAC clients February 21, 2017 24
Case Study Grameen Foundation Conducting multiple rounds of user research to develop new mobile financial services for unbanked customers in rural Uganda and India. 25
Prototype Methods Create a quick mock-up of your product even if it s drawn on paper. Design an interactive way to involve your users in the making or testing. Designers from Grameen Foundation test a paper prototype in Uganda February 21, 2017 26
February 21, 2017 27
. A mock signup form for a target savings account in Uganda February 21, 2017 28
Prototype Methods Higher fidelity Basic tools: Powerpoint, HTML/CSS Online tools: Flinto, Pop, Proto.io, InVision Hardware tools: Arduino, littlebits Clickable prototypes for a mobile financial product February 21, 2017 29
Wednesday s Roadmap 01 Identifying Solutions to Prototype 02 Planning for User Feedback 03 Building Prototypes 04 Create a Prototype Testing Plan 04 Exploring Prototypes with Users in the Field 30
Identifying solutions to prototype 31
Identifying Solutions to Prototype 01 02 03 Brainstorm Potential Solutions Select a Solution Concept Develop Solution Concepts Now we generate ideas for new interventions that address the pain points identified on the bulletin board yesterday. At first, we go for quantity. We generate as many ideas as possible. Then, we select the concept that we think is viable and we want to test with users. Finally, we will begin to develop the concepts in more depth. The goal is to explore their potential and communicate their value as quickly as possible. We don t want to spend a lot of time and effort on a concept that might be a dead end. 32
01 Quick Brainstorm You have 10 minutes to brainstorm potential solution concepts for the pain point you selected. No idea is a bad idea so feel free to think big and get creative! Write down or sketch one idea on each post-it note. Announce the idea to your team as you put the post-it note up on the wall. Feel free to build on someone else s idea! Go for quantity! As you go, group similar ideas together. February 21, 2017 33
02 Select a Concept Each group member, take 2 voting stickers. Using your voting stickers, select which concept you d like to develop today to explore with end users. You don't have to choose the best" idea, but rather the idea you think will be interesting and fun to create and test with users. After voting and as a group, select 1 concept that your team feels excited about developing and exploring. You have 10 minutes to vote and choose a concept as a team! February 21, 2017 34
03 Develop the Concept Now that we have selected our concept, we have to explore it! Using one of the following tools, develop your concept a bit more. Try to get specific about some of the concept s features, how it works, why you think it addresses the pain point, and how it will be used / implemented. You only need to use 1 of the suggested tools to develop the concept. You have 40 minutes to explore your concept using one of the tools offered. February 21, 2017 35
03a Develop the Concept - Storyboards On one of the storyboard templates on your table, sketch and describe the concept. Storyboards allow you to visualize steps through a linear process. They describe scenarios that show how a user interacts with your concept and why the concept is valuable. Storyboards are essentially comic strips that tell a story about your idea. Tell a story about your solution concept from the point of view of a user! Sketch a scenario in the box and describe what is happening on the lines below. An employee of BRAC draws a user scenario during a workshop led by GRID Impact February 21, 2017 36
03b Develop the Concept - System / Process Mapping On a big piece of paper, map out the new process or system. If your solution is re-envisioning a new process or service or system, consider using a mapping tool to help explore the concept and convey the process to your users. Things to include in your map: Key stakeholders Actions that stakeholders needs to take Communication and/or delivery channels used Potential outcomes A stakeholder creating a system map during a workshop led by GRID Impact February 21, 2017 37
03c Develop the Concept - Concept Posters Sketch the features of your product or service on a large sheet of paper, illustrating the relationship among the elements. Consider using this tool if you have a new idea and want to explore it's value add. Some things to include in the poster: 1. What are the core features? 2. What is the solution s value proposition? 3. How does it work? 4. What is a visual that communicates the idea of the solution? A concept poster created by BRAC during a workshop led by GRID Impact February 21, 2017 38
BREAK 39
Planning for User Feedback 40
Planning for User Feedback Now we need to think about what we need to learn from others about whether our concept will be successful or not. To do this, you will spend the next 30 minutes filling out the 01 Getting Feedback From Users worksheet on your table. Feel free to think about this individually and then share or to discuss as a collective group. By the end of the 30 minutes, you should have at least 1 01 Getting Feedback From Users worksheet filled out for your group. February 21, 2017 41
Building Prototypes 42
Build a Prototype of Your Solution Your team has 45 minutes to create a tangible artifact that allows users to understand the context, functionality and value of your concept. Get specific and tangible. Start sketching! Suggested Prototypes Marketing collateral (brochure, poster, etc.) Training or on-boarding material How-to-guide or instruction manual Enrollment form Considerations How do we go beyond general ideas and get into specific details? How does this idea solve for the pain point you selected? How do we ensure uptake and usage (not just another tool or product or service that no one uses)? What does the solution look like, feel like, sound like? What interactions will your users have with this solution? Service interaction February 21, 2017 43
Create a Prototype Testing Plan 44
Create a Prototype Testing Plan Now we need to think about what we need to learn from others about whether our concept will be successful or not. To do this, you will spend the next 30 minutes filling out the 02 Prototype Testing Plan worksheet on your table. Feel free to think about this individually and then share or to discuss as a collective group. By the end of the 30 minutes, you should have at least 1 02 Prototype Testing Plan worksheet filled out for your group. February 21, 2017 45
Let s go to the field and explore our solutions! Slum residents giving feedback on a new communications campaign for a sanitation innovation.
Putting HCD into Practice: Rapid Prototyping in the Field Day 2 March 9, 2017 Dar es Salaam, Tanzania 47
Thursday s Agenda Group Debrief and Reflection Share Learnings with Another Group Iterate Prototypes Prepare Presentations Break Final Presentations Judges Select Winners 8:30AM (20 mins) 8:50AM (20 mins) 9:10AM (20 mins) 9:30AM (30 mins) 10:00AM (30mins) 10:30AM (45 mins) 11:15AM (10 mins) February 21, 2017 48
Thursday s Roadmap 01 Group Debrief and Reflection 02 Share Learnings with Another Group 03 Iterate Prototypes 04 Final Presentations 49
Group Debrief and Reflection How did yesterday go? Let s spend 20 minutes reflecting on our prototype testing activities with users. Spend the first 5 minutes responding briefly to the questions in the Group Debrief and Reflection worksheet. Then share your reflections with your teammates. Spend 10 minutes discussing and sharing. Finally, spend 5 minutes identifying any areas of agreement and consensus. At the end of this session, you should have group reflections written down on at least 1 worksheet. 50
Share Learnings with Another Group Find another group who worked on a different pain point and solution. The first group has 5 minutes to present their prototype and user testing reflections to the other group. The second group will listen and provide feedback to the first group. The groups will then switch roles! Try to focus on the following types of feedback: What can the group do to improve their solution? Did your group learn anything via prototype testing that might be helpful for your partners to know? Groups in a prototyping workshop sharing their concepts and getting feedback from another team. 51
Iterate Prototypes You ve just received feedback from another group and you gathered a ton of feedback from users yesterday. Now it s time to improve your solutions! This is an opportunity to iterate your prototype. What changes can you make to your prototype to make it more desirable for users? What details of your prototype were not received well by users and need to change? Did you learn anything surprising that you want to account for in the next version of your prototype? Can you increase the fidelity of your prototype so the look and feel are more finalized and realistic? 52
Prepare for Presentations! OK, great work! You ve accomplished a lot in the last 24 hours and we want to make sure you have an opportunity to share your learnings with the whole group! Please use the next 30 minutes to fill out the Presentation Guidelines worksheet. Explore the prompts and questions as a team to decide how you want to share your experiences with the full group. You will have 4 minutes to present so make sure to do a practice run so you don t go over! Facilitators will be floating around the room to provide support and feedback. Feel free to get creative with your presentations! 53
Thank You!