You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
davhojt bdfca3f803 docs(sunday-night-movie): match audit exercise names to subject 1 year ago
..
audit docs(sunday-night-movie): match audit exercise names to subject 1 year ago
README.md docs(sunday-night-movie): change order of exercises in quest to correct order 1 year ago

README.md

User flow

Context:

Your company's client is a movie theaters chain called, "Movie 4 all".

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.

Instructions

Based on the 3 features that have come out of the ideation workshops led by your colleges, design 3 user flows (1 per feature).

Features:

  • 1: Adding a filter based on their current mood.
  • 2: Offer a selection of 3 movies to be watched.
  • 3: Ask users to rate the movie after watching it for further recommendation.

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.

Deliverables

  • 3 user flows on a board (digital or pictures of a paper board).

Tips:

  • Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration canva but don’t overload your design with too much details!

Resources:

Recommended tools:

  • Figma.
  • Whimsical.

Movie wireframes

Instructions

Based on the 3 user flows, design 3 series of wireframes.

Deliverables

  • 3 series of wireframes (6 to 12 screens per flow) on Figma.

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”.

Tips:

  • Drawing paper prototypes before going digital might save you some time.
  • Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration canva but don’t overload your design with too much details!
  • Vocabulary
    • Low-Fidelity: Paper Prototypes - Example here.
    • Mid-Fidelity: Wireframes - black and white, only the main elements, on digital prototype tools - Example here.
    • High-Fidelity: Wireframes with color, styles, graphical details, and micro-interactions - Example here.

Resources:

Recommended tools:

  • Figma.

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

Wireframes animation

Instructions

Animate your wireframes on Figma.

Think about multistate!!

This exercise is to be made individually.

Deliverables

  • An animated prototype on Figma.

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”.
  • Add a title within the file.

Tips:

  • Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration canva but don’t overload your design with too much details!

Resources:

Test on features

Instructions

Test your wireframes!

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!

Deliverables

For each of the tests:

  • A PDF document with a test protocol.
  • Pictures of the ongoing tests.
  • A PDF document with 3 ideas to improve the prototype based on you users' feedbacks.

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:

  • Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration canva but don’t overload your design with too much details!

Resources:

Iteration

Instructions

Based on your previous tests, pick one of your 3 prototypes.

Implement the 3 ideas you wrote down as suggestions.

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

  • 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:

  • 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:

  • 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 but don’t overload your design with too much details!