Browse Source

docs(athlete-keep-hydrated): change order of exercises in quest to correct order

UX Program UX Quest 1 = Athlete, keep hydrated!
Ex 1 = User interview
Ex 2 = Analytics
Ex 3 = Personas
Ex 4 = User Journey
Ex 5 = Problem Statement
Ex 6 = Ideation
Ex 7 = Prototyping
pull/2069/head
davhojt 1 year ago committed by Dav Hojt
parent
commit
c9e8603a31
  1. 374
      subjects/user-experience/piscine-ux/athlete-keep-hydrated/README.md

374
subjects/user-experience/piscine-ux/athlete-keep-hydrated/README.md

@ -1,14 +1,33 @@
## Analytics
## User Interviews
### Instructions
**Context:**
Read these articles and extract at least 5 key figures or insights that may be useful in understanding what athletes or sport practicing people experience related to hydration.
Welcome to the very first quest of this program.
- On a PDF document, write at least 5 key figures or insights you extracted from the articles.
- Each insight or key figure should be justified by a quote and the title of the article.
- Upload the document on Github, labeled as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, it can be labeled as “Doe_John_MidFiPrototype_05242024_V1”.
Your mission, should you choose to accept it, is to find a way to improve athletes’ experience related to their hydration when running.
This first project is very special: you are asked to end up with a non-digital solution. As a matter of fact, innovation does not always rhyme with digital. So let’s be creative and get out of the box!
**General recommendations:**
- Get Out of the Box. Be curious. Follow design trends on YouTube, LinkedIn, in podcasts, on Instagram accounts. Explore the internet when you discover a new concept. Build your own design culture.
- Document everything you do, take notes, open a medium account to identify and show your deliverables, thoughts and feedback. It will be useful for your portfolio!
- Trust the design process. One step after another.
- Design needs to fail. 
Failure is even a necessary step, but ideally it should happen before a product is launched, during the prototype and test phases
- Make connections. Use LinkedIn, your friends, friends of friends to frequently meet designers and ask them about how they practice design in their organization. Who know, some day they may remember you and offer you a contract!
### Instructions
- Read all the scripts very carefully.
- Extract at least 6 insights and write them down on a PDF file.
- Insights must be either shared by several people or consistent with what other people have already experienced.
- For each insight, name who said it.
- Upload the PDF document on Github, labeled as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, it can be labeled as “Doe_John_MidFiPrototype_05242024_V1”.
- Add a title within the document.
**Definition of 'insight': A key learning from what you have seen, read or heard.**
### Deliverables
- A PDF document.
@ -16,99 +35,87 @@ Read these articles and extract at least 5 key figures or insights that may be u
**Tips:**
- Pay attention to the global aspect of the document. It must be clear, simple and easy to read. You can get inspiration on [canva](https://www.canva.com/) but don’t overload your design with too much details!
- Examples of insights from the scripts (non-exhaustive list):
Examples of insights you can extract from the articles:
- Runs several times a week (Joe, Nathan, Guillaume, Anaelle)
- Doesn’t drink too much right before the race because it hurts my stomach (Nathan, Anaelle)
- I run races with friends or peers (Joe, Nathan, Guillaume)
- Symptoms of dehydration can be headache, dizziness, nausea, lightheadedness, or fatigue.
- People experience dehydration when they lose 2% of their body mass loss (BML) in fluids/water/sweat.
- Sweat helps the body to maintain optimal body temperature.
- Sprint athletes are generally less concerned about the effects of dehydration than are endurance athletes.
**Interview guide:**
**Resources:**
- The following is the interview script used to conduct the seven user interviews.
- [The effects of Hydration on Athletic Performance](https://sportscardiologybc.org/the-effects-of-hydration-on-athletic-performance/)
- [Dehydration and its effects on performance - Human Kinetics](https://us.humankinetics.com/blogs/excerpt/dehydration-and-its-effects-on-performance)
- [Accuracy of Urine Color to Detect Equal to or Greater Than 2% Body Mass Loss in Men Journal of Athletic Training](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4741257/)
- [Fluid replacement for the physically active - Journal of Athletic Training](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5634236/)
- [The importance of hydration - Harvard School of Public Health](https://www.hsph.harvard.edu/news/hsph-in-the-news/the-importance-of-hydration/)
- [Fluids and hydration in prolonged endurance performance - Pubmed](https://pubmed.ncbi.nlm.nih.gov/15212747/)
Hello! My name is Agathe and I am conducting research about athletes and people who practice sports regularly. Hence, I'd be very happy to ask you some questions about the way you run, your habits, and the pain points you may have.
**Quote:**
This interview will probably last 20 to 30 minutes.
Always base your decisions on the data, not on your biases.
## Ideation
Do you have any questions before we start?
_You can replace Pierre with your own persona._
Run
The chosen problem statement is:
- What sports do you practice?
- How often do you run?
- When was the last time you went out for a run?
“How might we help Pierre (or your persona) measure and prepare his hydration before a race?”
Races
Now, let’s find creative solutions!
- What was the last race you ran?
- How was it? Tell me about the experience you had.
- How did you get prepared?
- What would you have done differently? Why?
Find 3 friends outside of the program and run a quick ideation session (20 minutes).
Hydration
- What you need for an in-person ideation workshop:
- What do you remember about the way you hydrated?
- How did you manage your hydration?
- Have you ever found yourself in trouble due to hydration? What happened?
- What would you never do again? Why?
- Prepare some papers or sticky notes, stickers, a jar, and pens.
- A closed room for 20 minutes where everyone feels comfortable.
That's it, we went through all the questions I had.
- Directions:
- Ask them to turn off their phones.
- Explain the context and introduce Pierre (or your persona).
- Explain the goal:
- Let’s find as many solutions as possible to the question: “How might we help Pierre (or your persona) measure and prepare his hydration before a race?”, given the following constraints (unveil them one after the other: 1 minute per constraint, 1 constraint per round):
- If Pierre was blind
- If Pierre was a bird
- If Pierre was a billionaire
- If Pierre had a twin who was constantly with him
- If Pierre was 5 years old
- If Pierre had 5 arms
- If Pierre was 105 years old
- If Pierre was very clumsy
- If Pierre was very forgetful (and lost memory every 5 minutes)
- If Pierre was deaf
- If Pierre was a turtle
- If Pierre was naked
- If Pierre couldn’t stop talking 24/7
- If Pierre was always late
- If Pierre was dishonest
- Set a timer for each round.
- Ask the participants to do, at each round, the following:
- Write down their ideas on a sticky note (1 idea per sticky note).
- Read them out loud.
- Put the sticky note in a jar.
- Gather all the ideas.
- Give the participants 3 stickers each and ask them to vote for the best three options.
- If there isn’t a solution that stands out of the crowd, hang them on a board and organize them according to these two parameters: easy to implement and efficient. Example in the resources.
- Choose 1 main idea to solve the problem.
Thank you so much for your time!
I have a last favor to ask you: is there anyone you know who runs frequently and would be available for a talk?
## Analytics
### Instructions
- Take pictures of the session.
- Create a board with all the ideas (on Miro or Figma for example).
- Highlight one main idea to solve the problem next to the board.
Read these articles and extract at least 5 key figures or insights that may be useful in understanding what athletes or sport practicing people experience related to hydration.
- On a PDF document, write at least 5 key figures or insights you extracted from the articles.
- Each insight or key figure should be justified by a quote and the title of the article.
- Upload the document on Github, labeled as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, it can be labeled as “Doe_John_MidFiPrototype_05242024_V1”.
- Add a title within the document.
### Deliverables
- A zip file.
- A PDF document.
Don't forget to:
**Tips:**
- Upload the documents on Github, in a zip folder named “ProjectTitle_Name_FirstName”, with all project deliverables as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, the first deliverable can be named as “Doe_John_MidFiPrototype_05242024_V1”.
- Add a title within all written documents.
- Pay attention to the global aspect of the document. It must be clear, simple and easy to read. You can get inspiration on [canva](https://www.canva.com/) but don’t overload your design with too much details!
Examples of insights you can extract from the articles:
- Symptoms of dehydration can be headache, dizziness, nausea, lightheadedness, or fatigue.
- People experience dehydration when they lose 2% of their body mass loss (BML) in fluids/water/sweat.
- Sweat helps the body to maintain optimal body temperature.
- Sprint athletes are generally less concerned about the effects of dehydration than are endurance athletes.
**Resources:**
- [Tool: Ideation Voting Board Framework on Figma](https://www.figma.com/file/nTAWiacCffXvd8dXsLP3Sb/Ideation-Voting-Framework)
- [Where Good ideas come from by Steven Johnson](https://www.ted.com/talks/steven_johnson_where_good_ideas_come_from)
- [Creative Confidence by Tom Keller](https://booksvooks.com/creative-confidence-unleashing-the-creative-potential-within-us-all-pdf.html)
- [Podcast What is wrong with UX?](https://www.usersknow.com/podcast/2016/10/10/ua1wdsszhx2pemugxc1e0qj0a3l9cs)
- [Brainwriting #2](https://dux.typepad.com/dux/2011/01/method-2-of-100-brainwriting-brainwriting-is-an-ideation-method-for-quickly-generating-ideas-by-asking-people-to-write-thei.html)
- [The effects of Hydration on Athletic Performance](https://sportscardiologybc.org/the-effects-of-hydration-on-athletic-performance/)
- [Dehydration and its effects on performance - Human Kinetics](https://us.humankinetics.com/blogs/excerpt/dehydration-and-its-effects-on-performance)
- [Accuracy of Urine Color to Detect Equal to or Greater Than 2% Body Mass Loss in Men Journal of Athletic Training](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4741257/)
- [Fluid replacement for the physically active - Journal of Athletic Training](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5634236/)
- [The importance of hydration - Harvard School of Public Health](https://www.hsph.harvard.edu/news/hsph-in-the-news/the-importance-of-hydration/)
- [Fluids and hydration in prolonged endurance performance - Pubmed](https://pubmed.ncbi.nlm.nih.gov/15212747/)
**Quote:**
Chances are that... If you have gone through all possible solutions, you’ve found the good one.
Always base your decisions on the data, not on your biases.
## Personas
### Instructions
@ -148,6 +155,51 @@ Use the material you got from the exercise `User interview` to build the pierre
**Quote:**
"Focus unswervingly, on the customer’ Jesse Hertzberg | Former COO of Squarespace
## User Journey
### Instructions
Based on your persona card, and the interview scripts, design Pierre’s user journey.
The journey must contain:
- A timeline that show the journey of your persona step by step, before, during and after running a race divided into phases.
- Pierre’s actions must be written on the timeline and for each action, a thought must be written and for every thought a main emotion must be present.
- Upload the Figma file on Github, labeled as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, it can be labeled as “Doe_John_MidFiPrototype_05242024_V1”.
- Add a title within the file.
### Deliverables
- A Figma file with Pierre’s user journey.
**Tips:**
- You may use Figma.
- Mix up some insights and details from the interview scripts to write a journey that is consistent with Pierre’s personality.
- You can, for instance, describe Pierre’s first marathon. The first phase could be the preparation, the second phase the race itself, and the third one how he feels about the race when he has done it.
- Break down the story step-by-step and define Pierre’s actions.
- Focus on each action and define Pierre’s thoughts and main emotion among the list.
- Adapt the line to Pierre’s thoughts and emotions.
- Define the opportunities to improve Pierre’s overall experience every time you see a pain point.
- Pay attention to the global aspect of the document. It must be clear, simple and easy to read. You can get inspiration on [canva](https://www.canva.com/) but don’t overload your design with too much details!
**Resources:**
Most articles you'll find will be about user journeys or customer journeys. Keep in mind that you can adapt this methodology to any persona with any kind of situation or process, even at school, outside the school, in the digital world, etc.
- [Tool: User Journey Mapping Template on Figma](https://www.figma.com/file/sXdUDoTXwItU7dyQYVkY1w/Tool---User-Journey-Map)
- [A Lean UX Customer Journey Map](https://uxdesign.cc/proto-journey-a-lean-ux-customer-journey-map-30ea3a241edc)
- [How to create a Customer Journey Map](https://www.youtube.com/watch?v=mSxpVRo3BLg)
- [Journey Mapping: How to build it](https://www.lucidchart.com/blog/how-to-build-customer-journey-maps)
- [Journey Mapping : Template on Figma](https://www.figma.com/file/5tittjiznRCWTNR2xI5FIT/Untitled?node-id=0%3A1)
- [Example](https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q3/SEO-initiative-customer-journey-mapping/CustomerJourneyMap1.png)
**Quote:**
'It’s about catching customers in the act, and providing highly relevant and highly contextual information’ Paul Maritz | CEO Pivotal
## Problem Statement
### Instructions
@ -195,155 +247,109 @@ Based on the insights from the exercises `analytics` and `user interviews`, comm
**Quote:**
“If I had an hour to solve a problem, I’d spend 55 minutes thinking about the problem and 5 minutes thinking about solutions.” Albert Einstein
## Prototyping
### Instructions
Develop the idea you got in the exercise `ideation`!
Design a storyboard of Pierre (or your persona) using your idea as a solution. Show all the steps with drawings on paper (6 to 12 steps).
### Deliverables
- Pictures of 1 storyboard to describe your solution, on paper.
Don't forget to:
- Upload the documents on Github, in a zip folder named “ProjectTitle_Name_FirstName”, with all project deliverables as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, the first deliverable can be named as “Doe_John_MidFiPrototype_05242024_V1”.
- Add a title within all written documents.
**Tips:**
- 1 drawing per action
**Resources:**
- [How UX storyboards can transform your creative process](https://uxdesign.cc/ux-storyboarding-2ce43875f3de?sk=41b28ecef8c52d9944e5e636881111cf)
- [17 reasons to use storyboards in UX design](https://uxdesign.cc/17-reasons-to-use-a-storyboards-in-ux-design-2bc6fea73e20?source=friends_link&sk=5bb2722f1f9ff06d4f22b0abfe52f508)
- [How to storyboard experiences](https://uxdesign.cc/how-to-storyboard-experiences-fc051e2bc04d)
- [Using comic strips and storyboards to test your UX concepts](https://uxdesign.cc/using-comic-strips-and-storyboards-to-test-your-ux-concepts-cccad7ac7f71)
## Ideation
**Quote:**
_You can replace Pierre with your own persona._
“No product is an island. A product is more than the product. It is a cohesive, integrated set of experiences” Don Norman
## User Interviews
The chosen problem statement is:
**Context:**
“How might we help Pierre (or your persona) measure and prepare his hydration before a race?”
Welcome to the very first quest of this program.
Now, let’s find creative solutions!
Your mission, should you choose to accept it, is to find a way to improve athletes’ experience related to their hydration when running.
Find 3 friends outside of the program and run a quick ideation session (20 minutes).
This first project is very special: you are asked to end up with a non-digital solution. As a matter of fact, innovation does not always rhyme with digital. So let’s be creative and get out of the box!
- What you need for an in-person ideation workshop:
**General recommendations:**
- Prepare some papers or sticky notes, stickers, a jar, and pens.
- A closed room for 20 minutes where everyone feels comfortable.
- Get Out of the Box. Be curious. Follow design trends on YouTube, LinkedIn, in podcasts, on Instagram accounts. Explore the internet when you discover a new concept. Build your own design culture.
- Document everything you do, take notes, open a medium account to identify and show your deliverables, thoughts and feedback. It will be useful for your portfolio!
- Trust the design process. One step after another.
- Design needs to fail. 
Failure is even a necessary step, but ideally it should happen before a product is launched, during the prototype and test phases
- Make connections. Use LinkedIn, your friends, friends of friends to frequently meet designers and ask them about how they practice design in their organization. Who know, some day they may remember you and offer you a contract!
- Directions:
- Ask them to turn off their phones.
- Explain the context and introduce Pierre (or your persona).
- Explain the goal:
- Let’s find as many solutions as possible to the question: “How might we help Pierre (or your persona) measure and prepare his hydration before a race?”, given the following constraints (unveil them one after the other: 1 minute per constraint, 1 constraint per round):
- If Pierre was blind
- If Pierre was a bird
- If Pierre was a billionaire
- If Pierre had a twin who was constantly with him
- If Pierre was 5 years old
- If Pierre had 5 arms
- If Pierre was 105 years old
- If Pierre was very clumsy
- If Pierre was very forgetful (and lost memory every 5 minutes)
- If Pierre was deaf
- If Pierre was a turtle
- If Pierre was naked
- If Pierre couldn’t stop talking 24/7
- If Pierre was always late
- If Pierre was dishonest
- Set a timer for each round.
- Ask the participants to do, at each round, the following:
- Write down their ideas on a sticky note (1 idea per sticky note).
- Read them out loud.
- Put the sticky note in a jar.
- Gather all the ideas.
- Give the participants 3 stickers each and ask them to vote for the best three options.
- If there isn’t a solution that stands out of the crowd, hang them on a board and organize them according to these two parameters: easy to implement and efficient. Example in the resources.
- Choose 1 main idea to solve the problem.
### Instructions
- Read all the scripts very carefully.
- Extract at least 6 insights and write them down on a PDF file.
- Insights must be either shared by several people or consistent with what other people have already experienced.
- For each insight, name who said it.
- Upload the PDF document on Github, labeled as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, it can be labeled as “Doe_John_MidFiPrototype_05242024_V1”.
- Add a title within the document.
**Definition of 'insight': A key learning from what you have seen, read or heard.**
- Take pictures of the session.
- Create a board with all the ideas (on Miro or Figma for example).
- Highlight one main idea to solve the problem next to the board.
### Deliverables
- A PDF document.
**Tips:**
- Pay attention to the global aspect of the document. It must be clear, simple and easy to read. You can get inspiration on [canva](https://www.canva.com/) but don’t overload your design with too much details!
- Examples of insights from the scripts (non-exhaustive list):
- Runs several times a week (Joe, Nathan, Guillaume, Anaelle)
- Doesn’t drink too much right before the race because it hurts my stomach (Nathan, Anaelle)
- I run races with friends or peers (Joe, Nathan, Guillaume)
**Interview guide:**
- The following is the interview script used to conduct the seven user interviews.
Hello! My name is Agathe and I am conducting research about athletes and people who practice sports regularly. Hence, I'd be very happy to ask you some questions about the way you run, your habits, and the pain points you may have.
This interview will probably last 20 to 30 minutes.
Do you have any questions before we start?
Run
- What sports do you practice?
- How often do you run?
- When was the last time you went out for a run?
- A zip file.
Races
Don't forget to:
- What was the last race you ran?
- How was it? Tell me about the experience you had.
- How did you get prepared?
- What would you have done differently? Why?
- Upload the documents on Github, in a zip folder named “ProjectTitle_Name_FirstName”, with all project deliverables as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, the first deliverable can be named as “Doe_John_MidFiPrototype_05242024_V1”.
- Add a title within all written documents.
Hydration
**Resources:**
- What do you remember about the way you hydrated?
- How did you manage your hydration?
- Have you ever found yourself in trouble due to hydration? What happened?
- What would you never do again? Why?
- [Tool: Ideation Voting Board Framework on Figma](https://www.figma.com/file/nTAWiacCffXvd8dXsLP3Sb/Ideation-Voting-Framework)
- [Where Good ideas come from by Steven Johnson](https://www.ted.com/talks/steven_johnson_where_good_ideas_come_from)
- [Creative Confidence by Tom Keller](https://booksvooks.com/creative-confidence-unleashing-the-creative-potential-within-us-all-pdf.html)
- [Podcast What is wrong with UX?](https://www.usersknow.com/podcast/2016/10/10/ua1wdsszhx2pemugxc1e0qj0a3l9cs)
- [Brainwriting #2](https://dux.typepad.com/dux/2011/01/method-2-of-100-brainwriting-brainwriting-is-an-ideation-method-for-quickly-generating-ideas-by-asking-people-to-write-thei.html)
That's it, we went through all the questions I had.
**Quote:**
Thank you so much for your time!
Chances are that... If you have gone through all possible solutions, you’ve found the good one.
I have a last favor to ask you: is there anyone you know who runs frequently and would be available for a talk?
## User Journey
## Prototyping
### Instructions
Based on your persona card, and the interview scripts, design Pierre’s user journey.
Develop the idea you got in the exercise `ideation`!
The journey must contain:
Design a storyboard of Pierre (or your persona) using your idea as a solution. Show all the steps with drawings on paper (6 to 12 steps).
- A timeline that show the journey of your persona step by step, before, during and after running a race divided into phases.
- Pierre’s actions must be written on the timeline and for each action, a thought must be written and for every thought a main emotion must be present.
### Deliverables
- Upload the Figma file on Github, labeled as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, it can be labeled as “Doe_John_MidFiPrototype_05242024_V1”.
- Add a title within the file.
- Pictures of 1 storyboard to describe your solution, on paper.
### Deliverables
Don't forget to:
- A Figma file with Pierre’s user journey.
- Upload the documents on Github, in a zip folder named “ProjectTitle_Name_FirstName”, with all project deliverables as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, the first deliverable can be named as “Doe_John_MidFiPrototype_05242024_V1”.
- Add a title within all written documents.
**Tips:**
- You may use Figma.
- Mix up some insights and details from the interview scripts to write a journey that is consistent with Pierre’s personality.
- You can, for instance, describe Pierre’s first marathon. The first phase could be the preparation, the second phase the race itself, and the third one how he feels about the race when he has done it.
- Break down the story step-by-step and define Pierre’s actions.
- Focus on each action and define Pierre’s thoughts and main emotion among the list.
- Adapt the line to Pierre’s thoughts and emotions.
- Define the opportunities to improve Pierre’s overall experience every time you see a pain point.
- Pay attention to the global aspect of the document. It must be clear, simple and easy to read. You can get inspiration on [canva](https://www.canva.com/) but don’t overload your design with too much details!
- 1 drawing per action
**Resources:**
Most articles you'll find will be about user journeys or customer journeys. Keep in mind that you can adapt this methodology to any persona with any kind of situation or process, even at school, outside the school, in the digital world, etc.
- [Tool: User Journey Mapping Template on Figma](https://www.figma.com/file/sXdUDoTXwItU7dyQYVkY1w/Tool---User-Journey-Map)
- [A Lean UX Customer Journey Map](https://uxdesign.cc/proto-journey-a-lean-ux-customer-journey-map-30ea3a241edc)
- [How to create a Customer Journey Map](https://www.youtube.com/watch?v=mSxpVRo3BLg)
- [Journey Mapping: How to build it](https://www.lucidchart.com/blog/how-to-build-customer-journey-maps)
- [Journey Mapping : Template on Figma](https://www.figma.com/file/5tittjiznRCWTNR2xI5FIT/Untitled?node-id=0%3A1)
- [Example](https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q3/SEO-initiative-customer-journey-mapping/CustomerJourneyMap1.png)
- [How UX storyboards can transform your creative process](https://uxdesign.cc/ux-storyboarding-2ce43875f3de?sk=41b28ecef8c52d9944e5e636881111cf)
- [17 reasons to use storyboards in UX design](https://uxdesign.cc/17-reasons-to-use-a-storyboards-in-ux-design-2bc6fea73e20?source=friends_link&sk=5bb2722f1f9ff06d4f22b0abfe52f508)
- [How to storyboard experiences](https://uxdesign.cc/how-to-storyboard-experiences-fc051e2bc04d)
- [Using comic strips and storyboards to test your UX concepts](https://uxdesign.cc/using-comic-strips-and-storyboards-to-test-your-ux-concepts-cccad7ac7f71)
**Quote:**
'It’s about catching customers in the act, and providing highly relevant and highly contextual information’ Paul Maritz | CEO Pivotal
“No product is an island. A product is more than the product. It is a cohesive, integrated set of experiences” Don Norman

Loading…
Cancel
Save