docs(sunday-night-movie): change order of exercises in quest to correct order
UX Quest 6 = Sunday night movie
Ex 1 = User Flow
Ex 2 = Wireframes
Ex 3 = WIreframes animation
Ex 4 = Test on Feature 1
Ex 5 = Test on Feature 2
Ex 6 = Test on Feature 3
Ex 7 = Iteration
Based on your previous tests, pick one of your 3 prototypes.
Your company's client is a movie theaters chain called, "Movie 4 all".
Implement the 3 ideas you wrote down as suggestions.
They want to launch a platform for people who want to watch movies but don’t want to spend endless time selecting one.
You are replacing someone in the company who has already worked on the user research, the problem statement and the list of features they plan to develop. Your goal is to prototype and test these features.
Run another series of test (and adapt your test protocol if necessary).
### Instructions
Write a report with the conclusion you made out of this iteration loop.
Based on the 3 features that have come out of the ideation workshops led by your colleges, design 3 user flows (1 per feature).
### Deliverables
Features:
- Pictures of the new test.
- 1: Adding a filter based on their current mood.
- A report with your conclusions, your impressions and your key learnings from this iteration (PDF document).
- 2: Offer a selection of 3 movies to be watched.
- Comparison between V1 and V2 of the prototype in the report.
- 3: Ask users to rate the movie after watching it for further recommendation.
Don't forget to:
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”.
- 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.
- Add a title within all written documents.
### Deliverables
- 3 user flows on a board (digital or pictures of a paper board).
**Tips:**
**Tips:**
- This report will be handed on to the CEO. Pay attention to the details and make sure the document is clean and easy to use!
- Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details!
- Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details!
- [Site flows vs User Flows](https://uxmovement.com/wireframes/site-flows-vs-user-flows-when-to-use-which/)
- [How to make a User Flow diagram](https://www.lucidchart.com/blog/how-to-make-a-user-flow-diagram)
**Recommended tools:**
- Figma.
- Whimsical.
## Movie wireframes
## Movie wireframes
### Instructions
### Instructions
@ -62,104 +78,92 @@ Don't forget to:
**Quote:**
**Quote:**
- "77% of users return to content and information sites because of ease-of-use. Only 22% return because the site belongs to a favorite brand." Forrester
- "77% of users return to content and information sites because of ease-of-use. Only 22% return because the site belongs to a favorite brand." Forrester
## Test on features
## Wireframes animation
### Instructions
### Instructions
Test your wireframes!
Animate your wireframes on Figma.
Focus on the journeys. Prepare a test protocol with your research goals (what you want to test), test it on 5 different people and write down 3 ways to improve the prototype. Do this for all your wireframes!
Think about multistate!!
### Deliverables
This exercise is to be made individually.
For each of the tests:
### Deliverables
- A PDF document with a test protocol.
- An animated prototype on Figma.
- Pictures of the ongoing tests.
- A PDF document with 3 ideas to improve the prototype based on you users' feedbacks.
Don't forget to:
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”.
- 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 all written documents.
- Add a title within the file.
**Tips:**
**Tips:**
- Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details!
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details!
**Resources:**
**Resources:**
- [How to do a user interview (tutorial from Google Ventures)](https://www.youtube.com/watch?v=Qq3OiHQ-HCU)
- [Efficiently Manage Your Designs - How Mockplus State Page Helps To View & Manage Multiple State](https://help.mockplus.com/p/372)
- [Running a usability test](https://www.usability.gov/how-to-and-tools/methods/running-usability-tests.html)
- [Usability testing: what is it and how to do it?](https://uxdesign.cc/usability-testing-what-is-it-how-to-do-it-51356e5de5d)
- [The art of guerrilla usability testing](http://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/)
- [How to write a user testing report that people will actually read](https://uxdesign.cc/how-to-write-a-user-testing-report-that-people-will-actually-read-652d15d2f92e)
## Third user flow
**Context:**
## Test on features
Your company's client is a movie theaters chain called, "Movie 4 all".
### Instructions
They want to launch a platform for people who want to watch movies but don’t want to spend endless time selecting one.
Test your wireframes!
You are replacing someone in the company who has already worked on the user research, the problem statement and the list of features they plan to develop. Your goal is to prototype and test these features.
### Instructions
Focus on the journeys. Prepare a test protocol with your research goals (what you want to test), test it on 5 different people and write down 3 ways to improve the prototype. Do this for all your wireframes!
Based on the 3 features that have come out of the ideation workshops led by your colleges, design 3 user flows (1 per feature).
### Deliverables
Features:
For each of the tests:
- 1: Adding a filter based on their current mood.
- A PDF document with a test protocol.
- 2: Offer a selection of 3 movies to be watched.
- Pictures of the ongoing tests.
- 3: Ask users to rate the movie after watching it for further recommendation.
- A PDF document with 3 ideas to improve the prototype based on you users' feedbacks.
Don't forget to:
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”.
- 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.
- Add a title within all written documents.
### Deliverables
- 3 user flows on a board (digital or pictures of a paper board).
**Tips:**
**Tips:**
- Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details!
- Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details!
- [The art of guerrilla usability testing](http://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/)
- [How to write a user testing report that people will actually read](https://uxdesign.cc/how-to-write-a-user-testing-report-that-people-will-actually-read-652d15d2f92e)
- Figma.
## Iteration
- Whimsical.
## Wireframes animation
### Instructions
### Instructions
Animate your wireframes on Figma.
Based on your previous tests, pick one of your 3 prototypes.
Think about multistate!!
Implement the 3 ideas you wrote down as suggestions.
This exercise is to be made individually.
Run another series of test (and adapt your test protocol if necessary).
Write a report with the conclusion you made out of this iteration loop.
### Deliverables
### Deliverables
- An animated prototype on Figma.
- Pictures of the new test.
- A report with your conclusions, your impressions and your key learnings from this iteration (PDF document).
- Comparison between V1 and V2 of the prototype in the report.
Don't forget to:
Don't forget to:
- 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”.
- 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 the file.
- Add a title within all written documents.
**Tips:**
**Tips:**
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details!
- This report will be handed on to the CEO. Pay attention to the details and make sure the document is clean and easy to use!
- Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details!
**Resources:**
- [Efficiently Manage Your Designs - How Mockplus State Page Helps To View & Manage Multiple State](https://help.mockplus.com/p/372)
davhojt
1 year ago
committed by