mirror of https://github.com/01-edu/UX-UI.git
Agathe Pommery
2 years ago
21 changed files with 1010 additions and 244 deletions
@ -1,23 +0,0 @@ |
|||||||
#### Audit instructions |
|
||||||
|
|
||||||
##### Make sure: |
|
||||||
|
|
||||||
|
|
||||||
##### There is a mid-project presentation, which includes |
|
||||||
##### - Storytelling (a consistent speech, with a constant throughout the presentation) |
|
||||||
##### - Results from User research |
|
||||||
##### - A problem statement to rephrase the initial brief, based on the results from User Research |
|
||||||
##### - Mid-fidelity prototypes (wireframes) |
|
||||||
|
|
||||||
##### You have a feedback form including at least the following questions: |
|
||||||
- What do you remember of this presentation? |
|
||||||
- On a scale from 0 to 10, how clear was the speech? Why? |
|
||||||
- On a scale from 0 to 10, how engaging was the presentation? Why? |
|
||||||
- On a scale from 0 to 10, how coherent was the presentation? Why? |
|
||||||
- On a scale from 0 to 10, how impactful were the visuals? Why? |
|
||||||
- On a scale from 0 to 10, how clear was the problem? Why ? |
|
||||||
- On a scale from 0 to 10, how well does the prototype answers the problem? Why? |
|
||||||
- What recommendation would you like to make to improve this presentation? Why? |
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,17 @@ |
|||||||
|
#### Audit instructions |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
###### At least 5 people are attending the presentation |
||||||
|
###### The presentation is about the whole UX process, including: |
||||||
|
###### The intial brief |
||||||
|
###### A project planning, including the UX phases, the tools chosen, the timeline |
||||||
|
###### User research findings from qualitative and quantitative research (persona, figures, etc.) |
||||||
|
###### A problem statement to adapt the initial brief based on the research findings |
||||||
|
###### An introduction of the concept that came out of the ideation |
||||||
|
###### The animated mid-fidelity prototype (a demo-video) |
||||||
|
###### The main feedback from usability testing |
||||||
|
###### The next steps of the project |
||||||
|
###### The presentation does not exceed 10 minutes |
||||||
|
###### Feedback forms have been shared at the beginning of the presentation |
||||||
|
###### You had fun! |
@ -0,0 +1,16 @@ |
|||||||
|
#### Audit instructions |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
###### At least 5 people are attending the presentation |
||||||
|
###### The presentation is about the UI process, including: |
||||||
|
###### A quick reminder of the previous presentation |
||||||
|
###### A project planning, including the UI phases, the tools chosen, the timeline |
||||||
|
###### A moodboard |
||||||
|
###### A styleguide (colors, branding, typography, some elements of the library) |
||||||
|
###### The animated high-fidelity prototype (a demo-video) |
||||||
|
###### The main feedback from usability and desirability testing |
||||||
|
###### The next steps of the project |
||||||
|
###### The presentation does not exceed 10 minutes |
||||||
|
###### Feedback forms have been shared at the beginning of the presentation |
||||||
|
###### You had fun! |
@ -1,51 +0,0 @@ |
|||||||
# Project 2: Let’s do some sports! |
|
||||||
|
|
||||||
Creation of a sports app with data tracking on mobile and e-watch (data visualization) |
|
||||||
|
|
||||||
Yara is a runner. She runs 5 times a week and she’s passionate! She’d like to challenge her own performance to make sure she is making progress. |
|
||||||
|
|
||||||
Yara uses an Apple Watch and her iPhone. |
|
||||||
|
|
||||||
‘I wish I could have consistent data about my trainings, more than what already exists. I can run with my watch and I’d like to analyse and share my results with my sport coach.” |
|
||||||
|
|
||||||
She asks you to design an app on a watch and on mobile that could solve her problem. |
|
||||||
|
|
||||||
You have to meet her after one week to give a first presentation of your work, after completing a tested mid-fidelity prototype. |
|
||||||
|
|
||||||
The final presentation of your work will take place one week after the mid presentation, where you’ll show a tested high-fidelity prototype. |
|
||||||
|
|
||||||
Estimated time: 2 weeks |
|
||||||
|
|
||||||
Team size: 2 |
|
||||||
|
|
||||||
Guidelines: |
|
||||||
|
|
||||||
- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. |
|
||||||
- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test |
|
||||||
- Make a presentation as if you were showing your work to your client. Make sure there are at least 5 people in the audience who can give consistent feedback thanks to the audit. |
|
||||||
|
|
||||||
Tips: |
|
||||||
|
|
||||||
- [Effective presentation skills](https://academic.oup.com/femsle/article/364/24/fnx235/4587905) |
|
||||||
|
|
||||||
Intermediate deliverables: |
|
||||||
|
|
||||||
- Mid-project presentation with |
|
||||||
- User research |
|
||||||
- Problem statement |
|
||||||
- Mid-fidelity prototypes (wireframes) |
|
||||||
- Final presentation with |
|
||||||
- Styleguide |
|
||||||
- A high-fidelity prototype recorded with the video recording tool from Figma |
|
||||||
- Feedback from at least 5 users |
|
||||||
|
|
||||||
Audit: |
|
||||||
|
|
||||||
- What do you remember of this presentation? |
|
||||||
- On a scale from 0 to 10, how clear was the speech? Why? |
|
||||||
- On a scale from 0 to 10, how engaging was the presentation? Why? |
|
||||||
- On a scale from 0 to 10, how coherent was the presentation? Why? |
|
||||||
- On a scale from 0 to 10, how impactful were the visuals? Why? |
|
||||||
- On a scale from 0 to 10, how clear was the problem? Why ? |
|
||||||
- On a scale from 0 to 10, how well does the prototype answers the problem? Why? |
|
||||||
- What recommendation would you like to make to improve this presentation? Why? |
|
@ -0,0 +1,107 @@ |
|||||||
|
# Project 2: Let’s do some sports! |
||||||
|
|
||||||
|
Creation of a sports app with data tracking on mobile and e-watch (data visualization) |
||||||
|
|
||||||
|
Yara is a runner. She runs 5 times a week and she’s passionate! She’d like to challenge her own performance to make sure she is making progress. |
||||||
|
|
||||||
|
Yara uses an Apple Watch and her iPhone. |
||||||
|
|
||||||
|
‘I wish I could have consistent data about my trainings, more than what already exists. I can run with my watch and I’d like to analyse and share my results with my sport coach.” |
||||||
|
|
||||||
|
She asks you to design an app on a watch and on mobile that could solve her problem. |
||||||
|
|
||||||
|
You have to meet her after one week to give a first presentation of your work, after completing a tested mid-fidelity prototype. |
||||||
|
|
||||||
|
The final presentation of your work will take place one week after the mid presentation, where you’ll show a tested high-fidelity prototype. |
||||||
|
|
||||||
|
**Estimated time:** 2 weeks |
||||||
|
|
||||||
|
**Team size**: 2 |
||||||
|
|
||||||
|
**Guidelines:** |
||||||
|
|
||||||
|
- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. |
||||||
|
- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test. |
||||||
|
- You must interview or ask real people during the Empathy / User Research and Test phases. |
||||||
|
- In both phases, you must test your prototypes with at least 5 people. |
||||||
|
- Make a presentation as if you were showing your work to Yara. Make sure there are at least 5 people in the audience. |
||||||
|
- Prepare a feedback form to send the audience. The form must include at least the questions listed below. |
||||||
|
- In both presentations, you are presenting to Barbara and her team. |
||||||
|
- Timing: 10 minutes for the presentation and 5 minutes for Q&A. |
||||||
|
- You may use the presentation audits to structure your presentations. |
||||||
|
- Have fun! |
||||||
|
|
||||||
|
**Tools:** |
||||||
|
|
||||||
|
- [Google Forms](https://docs.google.com/forms/u/0/) |
||||||
|
- [Airtable](https://www.airtable.com/) |
||||||
|
- [Typeform](https://www.typeform.com/) |
||||||
|
|
||||||
|
**Tips:** |
||||||
|
|
||||||
|
- [Effective presentation skills](https://academic.oup.com/femsle/article/364/24/fnx235/4587905) |
||||||
|
|
||||||
|
Intermediate deliverables: |
||||||
|
|
||||||
|
**Quote:** |
||||||
|
|
||||||
|
“Your mission in any presentation is to inform, educate, and inspire.” Robert Ballard |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 1: Mid-project presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the whole UX process, including: |
||||||
|
- The intial brief |
||||||
|
- A project planning, including the UX phases, the tools chosen, the timeline |
||||||
|
- User research findings from qualitative and quantitative research (persona, figures, etc.) |
||||||
|
- A problem statement to adapt the initial brief based on the research findings |
||||||
|
- An introduction of the concept that came out of the ideation |
||||||
|
- The animated mid-fidelity prototype (a demo-video) |
||||||
|
- The main feedback from usability testing |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 10 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 2: Final presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the UI process, including: |
||||||
|
- A quick reminder of the previous presentation |
||||||
|
- A project planning, including the UI phases, the tools chosen, the timeline |
||||||
|
- A moodboard |
||||||
|
- A styleguide (colors, branding, typography, some elements of the library) |
||||||
|
- The animated high-fidelity prototype (a demo-video) |
||||||
|
- The main feedback from usability and desirability testing |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 10 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
**Questions to ask in the feedback forms** |
||||||
|
|
||||||
|
- What do you remember of this presentation? |
||||||
|
- On a scale from 0 to 10, how clear was the speech? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how engaging was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how coherent was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how impactful were the visuals? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how clear was the problem? |
||||||
|
- Why ? |
||||||
|
- On a scale from 0 to 10, how well does the prototype answers the problem? |
||||||
|
- Why? |
||||||
|
- What recommendation would you like to make to improve this presentation? |
||||||
|
- Why? |
@ -0,0 +1,17 @@ |
|||||||
|
#### Audit instructions |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
###### At least 5 people are attending the presentation |
||||||
|
###### The presentation is about the whole UX process, including: |
||||||
|
###### The intial brief |
||||||
|
###### A project planning, including the UX phases, the tools chosen, the timeline |
||||||
|
###### User research findings from qualitative and quantitative research (persona, figures, etc.) |
||||||
|
###### A problem statement to adapt the initial brief based on the research findings |
||||||
|
###### An introduction of the concept that came out of the ideation |
||||||
|
###### The animated mid-fidelity prototype (a demo-video) |
||||||
|
###### The main feedback from usability testing |
||||||
|
###### The next steps of the project |
||||||
|
###### The presentation does not exceed 10 minutes |
||||||
|
###### Feedback forms have been shared at the beginning of the presentation |
||||||
|
###### You had fun! |
@ -0,0 +1,109 @@ |
|||||||
|
# Project 2: Let’s do some sports! |
||||||
|
|
||||||
|
_Reminder of the general brief - Just focus on Phase 2 ;)_ |
||||||
|
|
||||||
|
Creation of a sports app with data tracking on mobile and e-watch (data visualization) |
||||||
|
|
||||||
|
Yara is a runner. She runs 5 times a week and she’s passionate! She’d like to challenge her own performance to make sure she is making progress. |
||||||
|
|
||||||
|
Yara uses an Apple Watch and her iPhone. |
||||||
|
|
||||||
|
‘I wish I could have consistent data about my trainings, more than what already exists. I can run with my watch and I’d like to analyse and share my results with my sport coach.” |
||||||
|
|
||||||
|
She asks you to design an app on a watch and on mobile that could solve her problem. |
||||||
|
|
||||||
|
You have to meet her after one week to give a first presentation of your work, after completing a tested mid-fidelity prototype. |
||||||
|
|
||||||
|
The final presentation of your work will take place one week after the mid presentation, where you’ll show a tested high-fidelity prototype. |
||||||
|
|
||||||
|
**Estimated time:** 2 weeks |
||||||
|
|
||||||
|
**Team size**: 2 |
||||||
|
|
||||||
|
**Guidelines:** |
||||||
|
|
||||||
|
- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. |
||||||
|
- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test. |
||||||
|
- You must interview or ask real people during the Empathy / User Research and Test phases. |
||||||
|
- In both phases, you must test your prototypes with at least 5 people. |
||||||
|
- Make a presentation as if you were showing your work to Yara. Make sure there are at least 5 people in the audience. |
||||||
|
- Prepare a feedback form to send the audience. The form must include at least the questions listed below. |
||||||
|
- In both presentations, you are presenting to Barbara and her team. |
||||||
|
- Timing: 10 minutes for the presentation and 5 minutes for Q&A. |
||||||
|
- You may use the presentation audits to structure your presentations. |
||||||
|
- Have fun! |
||||||
|
|
||||||
|
**Tools:** |
||||||
|
|
||||||
|
- [Google Forms](https://docs.google.com/forms/u/0/) |
||||||
|
- [Airtable](https://www.airtable.com/) |
||||||
|
- [Typeform](https://www.typeform.com/) |
||||||
|
|
||||||
|
**Tips:** |
||||||
|
|
||||||
|
- [Effective presentation skills](https://academic.oup.com/femsle/article/364/24/fnx235/4587905) |
||||||
|
|
||||||
|
Intermediate deliverables: |
||||||
|
|
||||||
|
**Quote:** |
||||||
|
|
||||||
|
“Your mission in any presentation is to inform, educate, and inspire.” Robert Ballard |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 1: Mid-project presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the whole UX process, including: |
||||||
|
- The intial brief |
||||||
|
- A project planning, including the UX phases, the tools chosen, the timeline |
||||||
|
- User research findings from qualitative and quantitative research (persona, figures, etc.) |
||||||
|
- A problem statement to adapt the initial brief based on the research findings |
||||||
|
- An introduction of the concept that came out of the ideation |
||||||
|
- The animated mid-fidelity prototype (a demo-video) |
||||||
|
- The main feedback from usability testing |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 10 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 2: Final presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the UI process, including: |
||||||
|
- A quick reminder of the previous presentation |
||||||
|
- A project planning, including the UI phases, the tools chosen, the timeline |
||||||
|
- A moodboard |
||||||
|
- A styleguide (colors, branding, typography, some elements of the library) |
||||||
|
- The animated high-fidelity prototype (a demo-video) |
||||||
|
- The main feedback from usability and desirability testing |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 10 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
**Questions to ask in the feedback forms** |
||||||
|
|
||||||
|
- What do you remember of this presentation? |
||||||
|
- On a scale from 0 to 10, how clear was the speech? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how engaging was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how coherent was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how impactful were the visuals? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how clear was the problem? |
||||||
|
- Why ? |
||||||
|
- On a scale from 0 to 10, how well does the prototype answers the problem? |
||||||
|
- Why? |
||||||
|
- What recommendation would you like to make to improve this presentation? |
||||||
|
- Why? |
@ -0,0 +1,16 @@ |
|||||||
|
#### Audit instructions |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
###### At least 5 people are attending the presentation |
||||||
|
###### The presentation is about the UI process, including: |
||||||
|
###### A quick reminder of the previous presentation |
||||||
|
###### A project planning, including the UI phases, the tools chosen, the timeline |
||||||
|
###### A moodboard |
||||||
|
###### A styleguide (colors, branding, typography, some elements of the library) |
||||||
|
###### The animated high-fidelity prototype (a demo-video) |
||||||
|
###### The main feedback from usability and desirability testing |
||||||
|
###### The next steps of the project |
||||||
|
###### The presentation does not exceed 10 minutes |
||||||
|
###### Feedback forms have been shared at the beginning of the presentation |
||||||
|
###### You had fun! |
@ -1,49 +0,0 @@ |
|||||||
# Project 3: Let’s fair trade |
|
||||||
|
|
||||||
Creation of an ecommerce platform for second-hand clothes on desktop and mobile |
|
||||||
|
|
||||||
Bruno loves fashion. He loves buying clothes! As he is cautious with the environment, he prefers buying second-hand clothing. However, the existing platforms are not very user-friendly. |
|
||||||
|
|
||||||
‘I need to know more about the environmental impact of the pieces I buy. I’d like to know how old they are, where they are coming from, to measure their life and the amount of kilometres they have traveled. When a new pair of jeans arrive at the ready-to-wear store in Europe, they consumed approximately 11,000 litres of water and travelled 65,000 kilometres. I’d like to monitor that kind of data.’ |
|
||||||
|
|
||||||
You gather a team of 3 to think and design a website and an app for second-hand products. |
|
||||||
|
|
||||||
You have to meet Bruno after 2 weeks to give a first presentation of your work, after completing a tested mid-fidelity prototype. |
|
||||||
|
|
||||||
The final presentation of your work will take place 2 weeks after the mid presentation, where you’ll show a tested high-fidelity prototype. |
|
||||||
|
|
||||||
Estimated time: 4 weeks |
|
||||||
|
|
||||||
Team size: 3 people max |
|
||||||
|
|
||||||
Guidelines: |
|
||||||
|
|
||||||
- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. |
|
||||||
- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test |
|
||||||
- Make a presentation as if you were showing your work to your client. Make sure there are at least 5 people in the audience who can give consistent feedback thanks to the audit. |
|
||||||
|
|
||||||
Tips: |
|
||||||
|
|
||||||
- [Effective presentation skills](https://academic.oup.com/femsle/article/364/24/fnx235/4587905) |
|
||||||
|
|
||||||
Intermediate deliverables: |
|
||||||
|
|
||||||
- Mid-project presentation with |
|
||||||
- User research |
|
||||||
- Problem statement |
|
||||||
- Mid-fidelity prototypes (wireframes) |
|
||||||
- Final presentation with |
|
||||||
- Styleguide |
|
||||||
- A high-fidelity prototype recorded with the video recording tool from Figma |
|
||||||
- Feedback from at least 5 users |
|
||||||
|
|
||||||
Audit: |
|
||||||
|
|
||||||
- What do you remember of this presentation? |
|
||||||
- On a scale from 0 to 10, how clear was the speech? Why? |
|
||||||
- On a scale from 0 to 10, how engaging was the presentation? Why? |
|
||||||
- On a scale from 0 to 10, how coherent was the presentation? Why? |
|
||||||
- On a scale from 0 to 10, how impactful were the visuals? Why? |
|
||||||
- On a scale from 0 to 10, how clear was the problem? Why ? |
|
||||||
- On a scale from 0 to 10, how well does the prototype answers the problem? Why? |
|
||||||
- What recommendation would you like to make to improve this presentation? Why? |
|
@ -0,0 +1,105 @@ |
|||||||
|
# Project 3: Let’s fair trade |
||||||
|
|
||||||
|
Creation of an ecommerce platform for second-hand clothes on desktop and mobile |
||||||
|
|
||||||
|
Bruno loves fashion. He loves buying clothes! As he is cautious with the environment, he prefers buying second-hand clothing. However, the existing platforms are not very user-friendly. |
||||||
|
|
||||||
|
‘I need to know more about the environmental impact of the pieces I buy. I’d like to know how old they are, where they are coming from, to measure their life and the amount of kilometres they have traveled. When a new pair of jeans arrive at the ready-to-wear store in Europe, they consumed approximately 11,000 litres of water and travelled 65,000 kilometres. I’d like to monitor that kind of data.’ |
||||||
|
|
||||||
|
You gather a team of 3 to think and design a website and an app for second-hand products. |
||||||
|
|
||||||
|
You have to meet Bruno after 2 weeks to give a first presentation of your work, after completing a tested mid-fidelity prototype. |
||||||
|
|
||||||
|
The final presentation of your work will take place 2 weeks after the mid presentation, where you’ll show a tested high-fidelity prototype. |
||||||
|
|
||||||
|
**Estimated time:** 4 weeks |
||||||
|
|
||||||
|
**Team size:** 3 people max |
||||||
|
|
||||||
|
**Guidelines:** |
||||||
|
|
||||||
|
- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. |
||||||
|
- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test. |
||||||
|
- You must interview or ask real people during the Empathy / User Research and Test phases. |
||||||
|
- In both phases, you must test your prototypes with at least 5 people. |
||||||
|
- Make a presentation as if you were showing your work to Bruno. Make sure there are at least 5 people in the audience. |
||||||
|
- Prepare a feedback form to send the audience. The form must include at least the questions listed below. |
||||||
|
- In both presentations, you are presenting to Barbara and her team. |
||||||
|
- Timing: 10 minutes for the presentation and 5 minutes for Q&A. |
||||||
|
- You may use the presentation audits to structure your presentations. |
||||||
|
- Have fun! |
||||||
|
|
||||||
|
**Tools:** |
||||||
|
|
||||||
|
- [Google Forms](https://docs.google.com/forms/u/0/) |
||||||
|
- [Airtable](https://www.airtable.com/) |
||||||
|
- [Typeform](https://www.typeform.com/) |
||||||
|
|
||||||
|
**Tips:** |
||||||
|
|
||||||
|
- [Effective presentation skills](https://academic.oup.com/femsle/article/364/24/fnx235/4587905) |
||||||
|
|
||||||
|
Intermediate deliverables: |
||||||
|
|
||||||
|
**Quote:** |
||||||
|
|
||||||
|
“Your mission in any presentation is to inform, educate, and inspire.” Robert Ballard |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 1: Mid-project presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the whole UX process, including: |
||||||
|
- The intial brief |
||||||
|
- A project planning, including the UX phases, the tools chosen, the timeline |
||||||
|
- User research findings from qualitative and quantitative research (persona, figures, etc.) |
||||||
|
- A problem statement to adapt the initial brief based on the research findings |
||||||
|
- An introduction of the concept that came out of the ideation |
||||||
|
- The animated mid-fidelity prototype (a demo-video) |
||||||
|
- The main feedback from usability testing |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 10 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 2: Final presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the UI process, including: |
||||||
|
- A quick reminder of the previous presentation |
||||||
|
- A project planning, including the UI phases, the tools chosen, the timeline |
||||||
|
- A moodboard |
||||||
|
- A styleguide (colors, branding, typography, some elements of the library) |
||||||
|
- The animated high-fidelity prototype (a demo-video) |
||||||
|
- The main feedback from usability and desirability testing |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 10 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
**Questions to ask in the feedback forms** |
||||||
|
|
||||||
|
- What do you remember of this presentation? |
||||||
|
- On a scale from 0 to 10, how clear was the speech? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how engaging was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how coherent was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how impactful were the visuals? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how clear was the problem? |
||||||
|
- Why ? |
||||||
|
- On a scale from 0 to 10, how well does the prototype answers the problem? |
||||||
|
- Why? |
||||||
|
- What recommendation would you like to make to improve this presentation? |
||||||
|
- Why? |
@ -0,0 +1,17 @@ |
|||||||
|
#### Audit instructions |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
###### At least 5 people are attending the presentation |
||||||
|
###### The presentation is about the whole UX process, including: |
||||||
|
###### The intial brief |
||||||
|
###### A project planning, including the UX phases, the tools chosen, the timeline |
||||||
|
###### User research findings from qualitative and quantitative research (persona, figures, etc.) |
||||||
|
###### A problem statement to adapt the initial brief based on the research findings |
||||||
|
###### An introduction of the concept that came out of the ideation |
||||||
|
###### The animated mid-fidelity prototype (a demo-video) |
||||||
|
###### The main feedback from usability testing |
||||||
|
###### The next steps of the project |
||||||
|
###### The presentation does not exceed 10 minutes |
||||||
|
###### Feedback forms have been shared at the beginning of the presentation |
||||||
|
###### You had fun! |
@ -0,0 +1,107 @@ |
|||||||
|
# Project 3: Let’s fair trade |
||||||
|
|
||||||
|
_Reminder of the general brief - Just focus on Phase 2 ;)_ |
||||||
|
|
||||||
|
Creation of an ecommerce platform for second-hand clothes on desktop and mobile |
||||||
|
|
||||||
|
Bruno loves fashion. He loves buying clothes! As he is cautious with the environment, he prefers buying second-hand clothing. However, the existing platforms are not very user-friendly. |
||||||
|
|
||||||
|
‘I need to know more about the environmental impact of the pieces I buy. I’d like to know how old they are, where they are coming from, to measure their life and the amount of kilometres they have traveled. When a new pair of jeans arrive at the ready-to-wear store in Europe, they consumed approximately 11,000 litres of water and travelled 65,000 kilometres. I’d like to monitor that kind of data.’ |
||||||
|
|
||||||
|
You gather a team of 3 to think and design a website and an app for second-hand products. |
||||||
|
|
||||||
|
You have to meet Bruno after 2 weeks to give a first presentation of your work, after completing a tested mid-fidelity prototype. |
||||||
|
|
||||||
|
The final presentation of your work will take place 2 weeks after the mid presentation, where you’ll show a tested high-fidelity prototype. |
||||||
|
|
||||||
|
**Estimated time:** 4 weeks |
||||||
|
|
||||||
|
**Team size:** 3 people max |
||||||
|
|
||||||
|
**Guidelines:** |
||||||
|
|
||||||
|
- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. |
||||||
|
- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test. |
||||||
|
- You must interview or ask real people during the Empathy / User Research and Test phases. |
||||||
|
- In both phases, you must test your prototypes with at least 5 people. |
||||||
|
- Make a presentation as if you were showing your work to Bruno. Make sure there are at least 5 people in the audience. |
||||||
|
- Prepare a feedback form to send the audience. The form must include at least the questions listed below. |
||||||
|
- In both presentations, you are presenting to Barbara and her team. |
||||||
|
- Timing: 10 minutes for the presentation and 5 minutes for Q&A. |
||||||
|
- You may use the presentation audits to structure your presentations. |
||||||
|
- Have fun! |
||||||
|
|
||||||
|
**Tools:** |
||||||
|
|
||||||
|
- [Google Forms](https://docs.google.com/forms/u/0/) |
||||||
|
- [Airtable](https://www.airtable.com/) |
||||||
|
- [Typeform](https://www.typeform.com/) |
||||||
|
|
||||||
|
**Tips:** |
||||||
|
|
||||||
|
- [Effective presentation skills](https://academic.oup.com/femsle/article/364/24/fnx235/4587905) |
||||||
|
|
||||||
|
Intermediate deliverables: |
||||||
|
|
||||||
|
**Quote:** |
||||||
|
|
||||||
|
“Your mission in any presentation is to inform, educate, and inspire.” Robert Ballard |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 1: Mid-project presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the whole UX process, including: |
||||||
|
- The intial brief |
||||||
|
- A project planning, including the UX phases, the tools chosen, the timeline |
||||||
|
- User research findings from qualitative and quantitative research (persona, figures, etc.) |
||||||
|
- A problem statement to adapt the initial brief based on the research findings |
||||||
|
- An introduction of the concept that came out of the ideation |
||||||
|
- The animated mid-fidelity prototype (a demo-video) |
||||||
|
- The main feedback from usability testing |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 10 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 2: Final presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the UI process, including: |
||||||
|
- A quick reminder of the previous presentation |
||||||
|
- A project planning, including the UI phases, the tools chosen, the timeline |
||||||
|
- A moodboard |
||||||
|
- A styleguide (colors, branding, typography, some elements of the library) |
||||||
|
- The animated high-fidelity prototype (a demo-video) |
||||||
|
- The main feedback from usability and desirability testing |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 10 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
**Questions to ask in the feedback forms** |
||||||
|
|
||||||
|
- What do you remember of this presentation? |
||||||
|
- On a scale from 0 to 10, how clear was the speech? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how engaging was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how coherent was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how impactful were the visuals? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how clear was the problem? |
||||||
|
- Why ? |
||||||
|
- On a scale from 0 to 10, how well does the prototype answers the problem? |
||||||
|
- Why? |
||||||
|
- What recommendation would you like to make to improve this presentation? |
||||||
|
- Why? |
@ -0,0 +1,16 @@ |
|||||||
|
#### Audit instructions |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
###### At least 5 people are attending the presentation |
||||||
|
###### The presentation is about the UI process, including: |
||||||
|
###### A quick reminder of the previous presentation |
||||||
|
###### A project planning, including the UI phases, the tools chosen, the timeline |
||||||
|
###### A moodboard |
||||||
|
###### A styleguide (colors, branding, typography, some elements of the library) |
||||||
|
###### The animated high-fidelity prototype (a demo-video) |
||||||
|
###### The main feedback from usability and desirability testing |
||||||
|
###### The next steps of the project |
||||||
|
###### The presentation does not exceed 10 minutes |
||||||
|
###### Feedback forms have been shared at the beginning of the presentation |
||||||
|
###### You had fun! |
@ -0,0 +1,119 @@ |
|||||||
|
# Project 4: A table ! |
||||||
|
|
||||||
|
Design a Food delivery app (interfaces and user journey for (1) the restaurant owners, (2) the clients, (3) the delivery men (4) the delivery men managers, on mobile and desktop. |
||||||
|
|
||||||
|
DeliverNow is a company that helps restaurants deliver take-away food, thanks to a series of runners. |
||||||
|
|
||||||
|
They recently had bad comments from customers: |
||||||
|
|
||||||
|
‘Our customers currently face problems with wrong estimated delivery times, the amount of unnecessary cutlery and condiments. |
||||||
|
|
||||||
|
Our runners complain about the allocation of routes among them. |
||||||
|
|
||||||
|
The managers can’t manage their drivers well since they don’t have a clear enough vision of the runners. |
||||||
|
|
||||||
|
Finally, the restaurants complain because they have a hard time managing the preparation of the food on-site and take-away.’ |
||||||
|
|
||||||
|
Thus, they ask your team to redesign the full experience: |
||||||
|
|
||||||
|
- For customers |
||||||
|
- For restaurants |
||||||
|
- For runners |
||||||
|
- For runners’ managers |
||||||
|
|
||||||
|
You have to meet your client after 3 weeks to give a first presentation of your work, after completing a tested mid-fidelity prototype for each user 4 journeys. |
||||||
|
|
||||||
|
The final presentation of your work will take place 2 weeks after the mid presentation, where you’ll show a tested high-fidelity prototype of each of the 4 journeys. |
||||||
|
|
||||||
|
**Estimated time:** 5 weeks |
||||||
|
|
||||||
|
**Team size:** max 3 people |
||||||
|
|
||||||
|
**Guidelines:** |
||||||
|
|
||||||
|
- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. |
||||||
|
- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test. |
||||||
|
- In this context, 4 users = 4 personas = 4 user journeys = 4 prototypes |
||||||
|
- You must interview or ask real people during the Empathy / User Research and Test phases. |
||||||
|
- In your prototypes, if necessary, show your audience the user journey for each persona when there is one order. |
||||||
|
- In both phases, you must test your prototypes with at least 5 people. |
||||||
|
- Make both presentations as if you were showing your work to DeliverNow team. Make sure there are at least 5 people in the audience. |
||||||
|
- Prepare a feedback form to send the audience. The form must include at least the questions listed below. |
||||||
|
- Timing: 15 minutes for the presentation and 5 minutes for Q&A. |
||||||
|
- You may use the presentation audits to structure your presentations. |
||||||
|
- Have fun! |
||||||
|
|
||||||
|
**Tools:** |
||||||
|
|
||||||
|
- [Google Forms](https://docs.google.com/forms/u/0/) |
||||||
|
- [Airtable](https://www.airtable.com/) |
||||||
|
- [Typeform](https://www.typeform.com/) |
||||||
|
|
||||||
|
**Tips:** |
||||||
|
|
||||||
|
- [Effective presentation skills](https://academic.oup.com/femsle/article/364/24/fnx235/4587905) |
||||||
|
|
||||||
|
Intermediate deliverables: |
||||||
|
|
||||||
|
**Quote:** |
||||||
|
|
||||||
|
“Your mission in any presentation is to inform, educate, and inspire.” Robert Ballard |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 1: Mid-project presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the whole UX process, including: |
||||||
|
- The intial brief |
||||||
|
- A project planning, including the UX phases, the tools chosen, the timeline |
||||||
|
- User research findings from qualitative and quantitative research (persona, figures, etc.) for the 4 users |
||||||
|
- 4 problem statements to adapt the initial brief based on the research findings |
||||||
|
- An introduction of each concept that came out of the ideation |
||||||
|
- The animated mid-fidelity prototype (a demo-video) with the 4 user journeys |
||||||
|
- The main feedback from usability testings (5x4) |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 15 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 2: Final presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the UI process, including: |
||||||
|
- A quick reminder of the previous presentation |
||||||
|
- A project planning, including the UI phases, the tools chosen, the timeline |
||||||
|
- A moodboard |
||||||
|
- A styleguide (colors, branding, typography, some elements of the library) |
||||||
|
- The animated high-fidelity prototype (a demo-video) with the 4 user journeys |
||||||
|
- The main feedback from usability and desirability testing |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 15 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
**Questions to ask in the feedback forms** |
||||||
|
|
||||||
|
- What do you remember of this presentation? |
||||||
|
- On a scale from 0 to 10, how clear was the speech? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how engaging was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how coherent was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how impactful were the visuals? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how clear was the problem? |
||||||
|
- Why ? |
||||||
|
- On a scale from 0 to 10, how well does the prototype answers the problem? |
||||||
|
- Why? |
||||||
|
- What recommendation would you like to make to improve this presentation? |
||||||
|
- Why? |
@ -0,0 +1,17 @@ |
|||||||
|
#### Audit instructions |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
###### At least 5 people are attending the presentation |
||||||
|
###### The presentation is about the whole UX process, including: |
||||||
|
###### The intial brief |
||||||
|
###### A project planning, including the UX phases, the tools chosen, the timeline |
||||||
|
###### User research findings from qualitative and quantitative research (persona, figures, etc.) |
||||||
|
###### A problem statement to adapt the initial brief based on the research findings |
||||||
|
###### An introduction of the concept that came out of the ideation |
||||||
|
###### The animated mid-fidelity prototype (a demo-video) |
||||||
|
###### The main feedback from usability testing |
||||||
|
###### The next steps of the project |
||||||
|
###### The presentation does not exceed 10 minutes |
||||||
|
###### Feedback forms have been shared at the beginning of the presentation |
||||||
|
###### You had fun! |
@ -0,0 +1,121 @@ |
|||||||
|
# Project 4: A table ! |
||||||
|
|
||||||
|
_Reminder of the general brief - Just focus on Phase 2 ;)_ |
||||||
|
|
||||||
|
Design a Food delivery app (interfaces and user journey for (1) the restaurant owners, (2) the clients, (3) the delivery men (4) the delivery men managers, on mobile and desktop. |
||||||
|
|
||||||
|
DeliverNow is a company that helps restaurants deliver take-away food, thanks to a series of runners. |
||||||
|
|
||||||
|
They recently had bad comments from customers: |
||||||
|
|
||||||
|
‘Our customers currently face problems with wrong estimated delivery times, the amount of unnecessary cutlery and condiments. |
||||||
|
|
||||||
|
Our runners complain about the allocation of routes among them. |
||||||
|
|
||||||
|
The managers can’t manage their drivers well since they don’t have a clear enough vision of the runners. |
||||||
|
|
||||||
|
Finally, the restaurants complain because they have a hard time managing the preparation of the food on-site and take-away.’ |
||||||
|
|
||||||
|
Thus, they ask your team to redesign the full experience: |
||||||
|
|
||||||
|
- For customers |
||||||
|
- For restaurants |
||||||
|
- For runners |
||||||
|
- For runners’ managers |
||||||
|
|
||||||
|
You have to meet your client after 3 weeks to give a first presentation of your work, after completing a tested mid-fidelity prototype for each user 4 journeys. |
||||||
|
|
||||||
|
The final presentation of your work will take place 2 weeks after the mid presentation, where you’ll show a tested high-fidelity prototype of each of the 4 journeys. |
||||||
|
|
||||||
|
**Estimated time:** 5 weeks |
||||||
|
|
||||||
|
**Team size:** max 3 people |
||||||
|
|
||||||
|
**Guidelines:** |
||||||
|
|
||||||
|
- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. |
||||||
|
- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test. |
||||||
|
- In this context, 4 users = 4 personas = 4 user journeys = 4 prototypes |
||||||
|
- You must interview or ask real people during the Empathy / User Research and Test phases. |
||||||
|
- In your prototypes, if necessary, show your audience the user journey for each persona when there is one order. |
||||||
|
- In both phases, you must test your prototypes with at least 5 people. |
||||||
|
- Make both presentations as if you were showing your work to DeliverNow team. Make sure there are at least 5 people in the audience. |
||||||
|
- Prepare a feedback form to send the audience. The form must include at least the questions listed below. |
||||||
|
- Timing: 15 minutes for the presentation and 5 minutes for Q&A. |
||||||
|
- You may use the presentation audits to structure your presentations. |
||||||
|
- Have fun! |
||||||
|
|
||||||
|
**Tools:** |
||||||
|
|
||||||
|
- [Google Forms](https://docs.google.com/forms/u/0/) |
||||||
|
- [Airtable](https://www.airtable.com/) |
||||||
|
- [Typeform](https://www.typeform.com/) |
||||||
|
|
||||||
|
**Tips:** |
||||||
|
|
||||||
|
- [Effective presentation skills](https://academic.oup.com/femsle/article/364/24/fnx235/4587905) |
||||||
|
|
||||||
|
Intermediate deliverables: |
||||||
|
|
||||||
|
**Quote:** |
||||||
|
|
||||||
|
“Your mission in any presentation is to inform, educate, and inspire.” Robert Ballard |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 1: Mid-project presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the whole UX process, including: |
||||||
|
- The intial brief |
||||||
|
- A project planning, including the UX phases, the tools chosen, the timeline |
||||||
|
- User research findings from qualitative and quantitative research (persona, figures, etc.) for the 4 users |
||||||
|
- 4 problem statements to adapt the initial brief based on the research findings |
||||||
|
- An introduction of each concept that came out of the ideation |
||||||
|
- The animated mid-fidelity prototype (a demo-video) with the 4 user journeys |
||||||
|
- The main feedback from usability testings (5x4) |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 15 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
— |
||||||
|
|
||||||
|
**Phase 2: Final presentation audit** |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
- At least 5 people are attending the presentation |
||||||
|
- The presentation is about the UI process, including: |
||||||
|
- A quick reminder of the previous presentation |
||||||
|
- A project planning, including the UI phases, the tools chosen, the timeline |
||||||
|
- A moodboard |
||||||
|
- A styleguide (colors, branding, typography, some elements of the library) |
||||||
|
- The animated high-fidelity prototype (a demo-video) with the 4 user journeys |
||||||
|
- The main feedback from usability and desirability testing |
||||||
|
- The next steps of the project |
||||||
|
- The presentation does not exceed 15 minutes |
||||||
|
- Feedback forms have been shared at the beginning of the presentation |
||||||
|
- You had fun! |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
**Questions to ask in the feedback forms** |
||||||
|
|
||||||
|
- What do you remember of this presentation? |
||||||
|
- On a scale from 0 to 10, how clear was the speech? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how engaging was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how coherent was the presentation? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how impactful were the visuals? |
||||||
|
- Why? |
||||||
|
- On a scale from 0 to 10, how clear was the problem? |
||||||
|
- Why ? |
||||||
|
- On a scale from 0 to 10, how well does the prototype answers the problem? |
||||||
|
- Why? |
||||||
|
- What recommendation would you like to make to improve this presentation? |
||||||
|
- Why? |
@ -0,0 +1,16 @@ |
|||||||
|
#### Audit instructions |
||||||
|
|
||||||
|
Make sure: |
||||||
|
|
||||||
|
###### At least 5 people are attending the presentation |
||||||
|
###### The presentation is about the UI process, including: |
||||||
|
###### A quick reminder of the previous presentation |
||||||
|
###### A project planning, including the UI phases, the tools chosen, the timeline |
||||||
|
###### A moodboard |
||||||
|
###### A styleguide (colors, branding, typography, some elements of the library) |
||||||
|
###### The animated high-fidelity prototype (a demo-video) |
||||||
|
###### The main feedback from usability and desirability testing |
||||||
|
###### The next steps of the project |
||||||
|
###### The presentation does not exceed 10 minutes |
||||||
|
###### Feedback forms have been shared at the beginning of the presentation |
||||||
|
###### You had fun! |
Loading…
Reference in new issue