Browse Source

File format description in the instructions and the audits + Prerequisites admin and students

pull/7/head
Agathe Pommery 1 year ago
parent
commit
f4054550f9
  1. 10
      subjects/prerequisite-admin.md
  2. 9
      subjects/prerequisite-students.md
  3. 3
      subjects/project-a-table/ui/README.md
  4. 3
      subjects/project-a-table/ux/README.md
  5. 3
      subjects/project-get-a-room/ui/README.md
  6. 3
      subjects/project-get-a-room/ux/README.md
  7. 3
      subjects/project-lets-do-some-sports/ui/README.md
  8. 3
      subjects/project-lets-do-some-sports/ux/README.md
  9. 3
      subjects/project-lets-fair-trade/ui/README.md
  10. 3
      subjects/project-lets-fair-trade/ux/README.md
  11. 6
      subjects/ui/atomic-design/browsing/README.md
  12. 5
      subjects/ui/atomic-design/browsing/audit/README.md
  13. 5
      subjects/ui/atomic-design/design-system-library/README.md
  14. 5
      subjects/ui/atomic-design/design-system-library/audit/README.md
  15. 8
      subjects/ui/atomic-design/library-for-a-dating-app/README.md
  16. 10
      subjects/ui/atomic-design/library-for-a-dating-app/audit/README.md
  17. 7
      subjects/ui/atomic-design/library-for-climbing-addicts/README.md
  18. 10
      subjects/ui/atomic-design/library-for-climbing-addicts/audit/README.md
  19. 5
      subjects/ui/atomic-design/material-design/README.md
  20. 5
      subjects/ui/atomic-design/material-design/audit/README.md
  21. 3
      subjects/ui/building-an-interface/animation/README.md
  22. 5
      subjects/ui/building-an-interface/animation/audit/README.md
  23. 3
      subjects/ui/building-an-interface/design-screens/README.md
  24. 5
      subjects/ui/building-an-interface/design-screens/audit/README.md
  25. 5
      subjects/ui/building-an-interface/design-system-library/README.md
  26. 5
      subjects/ui/building-an-interface/design-system-library/audit/README.md
  27. 5
      subjects/ui/building-an-interface/desirability-testing/README.md
  28. 6
      subjects/ui/building-an-interface/desirability-testing/audit/README.md
  29. 6
      subjects/ui/building-an-interface/styleguide/README.md
  30. 5
      subjects/ui/building-an-interface/styleguide/audit/README.md
  31. 6
      subjects/ui/colors-and-moodboard/color-codes/README.md
  32. 5
      subjects/ui/colors-and-moodboard/color-codes/audit/README.md
  33. 7
      subjects/ui/colors-and-moodboard/color-combinations/README.md
  34. 7
      subjects/ui/colors-and-moodboard/color-combinations/audit/README.md
  35. 5
      subjects/ui/colors-and-moodboard/find-the-colors/README.md
  36. 5
      subjects/ui/colors-and-moodboard/find-the-colors/audit/README.md
  37. 5
      subjects/ui/colors-and-moodboard/moodboard/README.md
  38. 11
      subjects/ui/colors-and-moodboard/moodboard/audit/README.md
  39. 5
      subjects/ui/colors-and-moodboard/typography-moodboard/README.md
  40. 6
      subjects/ui/colors-and-moodboard/typography-moodboard/audit/README.md
  41. 6
      subjects/ui/colors-and-moodboard/typography/README.md
  42. 5
      subjects/ui/colors-and-moodboard/typography/audit/README.md
  43. 3
      subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/README.md
  44. 5
      subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/audit/README.md
  45. 3
      subjects/ui/colors-and-moodboard/ui-challenge-flight/README.md
  46. 5
      subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/README.md
  47. 3
      subjects/ui/colors-and-moodboard/ui-challenge-spotify/README.md
  48. 5
      subjects/ui/colors-and-moodboard/ui-challenge-spotify/audit/README.md
  49. 3
      subjects/ui/colors-and-moodboard/ui-challenge-timer/README.md
  50. 5
      subjects/ui/colors-and-moodboard/ui-challenge-timer/audit/README.md
  51. 3
      subjects/ui/colors-and-moodboard/ui-challenge-watches/README.md
  52. 5
      subjects/ui/colors-and-moodboard/ui-challenge-watches/audit/README.md
  53. 4
      subjects/ui/heuristics/audit/README.md
  54. 6
      subjects/ui/heuristics/audit/audit/README.md
  55. 3
      subjects/ui/heuristics/recommendations/README.md
  56. 5
      subjects/ui/heuristics/recommendations/audit/README.md
  57. 6
      subjects/ui/rules/accessbility-app/README.md
  58. 5
      subjects/ui/rules/accessbility-app/audit/README.md
  59. 6
      subjects/ui/rules/accessbility-website/README.md
  60. 5
      subjects/ui/rules/accessbility-website/audit/README.md
  61. 6
      subjects/ui/rules/breadcrumbs/README.md
  62. 5
      subjects/ui/rules/breadcrumbs/audit/README.md
  63. 6
      subjects/ui/rules/calendars/README.md
  64. 5
      subjects/ui/rules/calendars/audit/README.md
  65. 6
      subjects/ui/rules/consistency/README.md
  66. 5
      subjects/ui/rules/consistency/audit/README.md
  67. 7
      subjects/ui/rules/grids/README.md
  68. 5
      subjects/ui/rules/grids/audit/README.md
  69. 6
      subjects/ui/rules/micro-interactions/README.md
  70. 5
      subjects/ui/rules/micro-interactions/audit/README.md
  71. 6
      subjects/ui/rules/multi-state/README.md
  72. 5
      subjects/ui/rules/multi-state/audit/README.md
  73. 6
      subjects/ui/rules/radio-buttons/README.md
  74. 5
      subjects/ui/rules/radio-buttons/audit/README.md
  75. 6
      subjects/ui/rules/time-pickers/README.md
  76. 5
      subjects/ui/rules/time-pickers/audit/README.md
  77. 6
      subjects/ui/rules/toggle-buttons/README.md
  78. 5
      subjects/ui/rules/toggle-buttons/audit/README.md
  79. 5
      subjects/ux/athele-keep-hydrated/analytics/README.md
  80. 5
      subjects/ux/athele-keep-hydrated/analytics/audit/README.md
  81. 5
      subjects/ux/athele-keep-hydrated/ideation/README.md
  82. 8
      subjects/ux/athele-keep-hydrated/ideation/audit/README.md
  83. 4
      subjects/ux/athele-keep-hydrated/personas/README.md
  84. 6
      subjects/ux/athele-keep-hydrated/personas/audit/README.md
  85. 3
      subjects/ux/athele-keep-hydrated/problem-statement/README.md
  86. 5
      subjects/ux/athele-keep-hydrated/problem-statement/audit/README.md
  87. 5
      subjects/ux/athele-keep-hydrated/prototyping/README.md
  88. 5
      subjects/ux/athele-keep-hydrated/prototyping/audit/README.md
  89. 4
      subjects/ux/athele-keep-hydrated/user-interviews/README.md
  90. 5
      subjects/ux/athele-keep-hydrated/user-interviews/audit/README.md
  91. 5
      subjects/ux/athele-keep-hydrated/user-journey/README.md
  92. 6
      subjects/ux/athele-keep-hydrated/user-journey/audit/README.md
  93. 7
      subjects/ux/going-on-holidays-with-friends/affinity-diagram/README.md
  94. 6
      subjects/ux/going-on-holidays-with-friends/affinity-diagram/audit/README.md
  95. 3
      subjects/ux/going-on-holidays-with-friends/ideation/README.md
  96. 7
      subjects/ux/going-on-holidays-with-friends/ideation/audit/README.md
  97. 4
      subjects/ux/going-on-holidays-with-friends/interview-guide/README.md
  98. 5
      subjects/ux/going-on-holidays-with-friends/interview-guide/audit/README.md
  99. 3
      subjects/ux/going-on-holidays-with-friends/problem-statement/README.md
  100. 5
      subjects/ux/going-on-holidays-with-friends/problem-statement/audit/README.md
  101. Some files were not shown because too many files changed in this diff diff.show_more

10
subjects/prerequisite-admin.md

@ -0,0 +1,10 @@
Here are some insights about the program:
1. Students are encouraged to use Figma as a UX and UI tool. Is the students have a student certificate delivered by your administration, they will have access to a free plan. Please make sure you can deliver one to them.
2. In some exercises and in the projects, we encourage studnets to talk to random people in the streets of in cafés, to ask them about their habits. Please make sure the students have a sufficient age to do so, based on your admission requirements.
3. The projects are supposed to be done after the UX and the UI quest. Each project is divided in two parts, one focused on UX and the other one focused on UI. At the end of each part, the students will be invited to show their work in front of an audience of at least 5 people. Please make sure they have access to a screen to display they work and a room like a classroom, a meeting room or an auditorium.

9
subjects/prerequisite-students.md

@ -0,0 +1,9 @@
Here are some insights about the program:
1. As a student, you are invited to send your documents by pushing them on GIthub.
2. One of the main tools that is used in design is Figma. Ask a student certificate at the school administration services and enjoy a free plan as a student through this page: https://www.figma.com/education/students/
3. In some UX exercises, you will be invited to go outside the building and talk to people in the street. Get in touch with the school administration services to make sure your age is sufficient with the school rules.
4. The projects are supposed to be done after the UX quest and the UI quest. Each project is divided in two parts, one that is focused on UX and one that is focused on UI. At the end of each part, you are supposed to show your work in front of an audience of at least 5 people who will be invited to give you feedback.

3
subjects/project-a-table/ui/README.md

@ -13,6 +13,9 @@ Show a tested high-fidelity prototype of each of the 4 journeys.
- 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.
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
- Have fun!
**Tools:**

3
subjects/project-a-table/ux/README.md

@ -41,6 +41,9 @@ The final presentation of your work will take place 2 weeks after the mid presen
- 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.
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
- Have fun!
**Tools:**

3
subjects/project-get-a-room/ui/README.md

@ -10,6 +10,9 @@ Show a tested high-fidelity prototype.
- Test your prototypes with at least 5 people.
- Make a presentation as if you were showing your work to your client. Make sure there are at least 5 people in the audience.
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
- 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.

3
subjects/project-get-a-room/ux/README.md

@ -23,6 +23,9 @@ The final presentation of your work will take place one week after the mid prese
- 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 your client. Make sure there are at least 5 people in the audience.
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
- 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.

3
subjects/project-lets-do-some-sports/ui/README.md

@ -10,6 +10,9 @@ Show a tested high-fidelity prototype.
- 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.
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
- 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.

3
subjects/project-lets-do-some-sports/ux/README.md

@ -23,6 +23,9 @@ The final presentation of your work will take place one week after the mid prese
- 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.
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
- 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.

3
subjects/project-lets-fair-trade/ui/README.md

@ -10,6 +10,9 @@ Show a tested high-fidelity prototype.
- 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.
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
- 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.

3
subjects/project-lets-fair-trade/ux/README.md

@ -23,6 +23,9 @@ The final presentation of your work will take place 2 weeks after the mid presen
- 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.
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
- 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.

6
subjects/ui/atomic-design/browsing/README.md

@ -24,8 +24,12 @@ Among these 4 websites, make snapshots of these elements:
**Deliverables:**
- A PDF document extracted from a Figma file of 4 pages
- A Figma file of 4 pages
- On each page, a screenshot of a template, an organism, a molecule and an atom
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/atomic-design/browsing/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there 4 pages?
#### On page 1,

5
subjects/ui/atomic-design/design-system-library/README.md

@ -10,7 +10,10 @@ Copy 10 elements from easyJet design system, including
**Deliverable:**
- A PDF document extracted from a Figma file including 10 elements from easyJet design system
- A Figma file including 10 elements from easyJet design system
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/atomic-design/design-system-library/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there at least 10 elements from easyJet?
###### Is there at least one atom?
###### Is there at least one molecule?

8
subjects/ui/atomic-design/library-for-a-dating-app/README.md

@ -8,16 +8,20 @@ Based on a moodboard you have composed, create a design system with at least 20
**Deliverables:**
- A PDF document extracted from a Figma file with a moodboard for a dating app. Include:
- A Figma file with a moodboard for a dating app. Include:
- Pictures
- Colors (2 to 3 main colors)
- Typography
- A PDF document extracted from a Figma file with a library including
- A Figma file with a library including
- At least graphic design 20 elements
- At least one atom
- At least one molecule
- At least one organism
- At least 5 multistate elements
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

10
subjects/ui/atomic-design/library-for-a-dating-app/audit/README.md

@ -1,10 +1,16 @@
#### Audit
###### Is there a PDF moodboard for a dating app?
###### Is there a zip folder?
###### Is the zip folder labeled as “ProjectTitle_Name_FirstName”?
###### Are there all the deliverables indicated in the instructions?
###### Are the deliverables labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Are the deliverables in the correct format?
###### Are the documents clear, simple and easy to read?
###### Is there a moodboard for a dating app?
###### Are there pictures?
###### Are there 2 to 3 main colors?
###### Is there typography?
###### Is there a PDF library?
###### Is there a library?
###### Are there at least graphic design 20 elements (including the ones below)?
###### Is there at least one atom?
###### Is there at least one molecule?

7
subjects/ui/atomic-design/library-for-climbing-addicts/README.md

@ -8,16 +8,19 @@ Based on a moodboard, create a design system with at least 20 elements, includin
**Deliverables:**
- A PDF document extracted from a Figma file with a moodboard for a climbing group. Include:
- A Figma file with a moodboard for a climbing group. Include:
- Pictures
- Colors (2 to 3 main colors)
- Typography
- A PDF document extracted from a Figma file with a library including:
- A Figma file with a library including:
- At least graphic design 20 elements
- At least one atom
- At least one molecule
- At least one organism
- At least 5 multistate elements
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

10
subjects/ui/atomic-design/library-for-climbing-addicts/audit/README.md

@ -1,10 +1,16 @@
#### Audit
###### Is there a PDF moodboard for a climbing group?
###### Is there a zip folder?
###### Is the zip folder labeled as “ProjectTitle_Name_FirstName”?
###### Are there all the deliverables indicated in the instructions?
###### Are the deliverables labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Are the deliverables in the correct format?
###### Are the documents clear, simple and easy to read?
###### Is there a moodboard for a climbing group?
###### Are there pictures?
###### Are there 2 to 3 main colors?
###### Is there typography?
###### Is there a PDF library?
###### Is there a library?
###### Are there at least graphic design 20 elements (including the one below)?
###### Is there at least one atom?
###### Is there at least one molecule?

5
subjects/ui/atomic-design/material-design/README.md

@ -6,8 +6,11 @@ Download [this image](https://storage.googleapis.com/gd-wagtail-prod-assets/orig
**Deliverables:**
- A PDF document extracted from a Figma file with the image
- A Figma file with the image
- On each screen, indicate the layers order with numbers. 1 being the background image, 2 the element right on top, etc.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/atomic-design/material-design/audit/README.md

@ -1,5 +1,8 @@
#### Audit
###### Is there a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are the layers are indicated with numbers?

3
subjects/ui/building-an-interface/animation/README.md

@ -7,6 +7,9 @@ Animate your 5 screens on Figma. Think about multistate!!
**Deliverable:**
- An animated high-fidelity prototype on Figma
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/building-an-interface/animation/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a Figma file?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Is there a starting screen?
###### Is there an ending screen?
###### Do all the connections between screens work?

3
subjects/ui/building-an-interface/design-screens/README.md

@ -17,6 +17,9 @@ Use your components, call to actions and visuals to complete the wireframes.
**Deliverables:**
- 5 high-fidelity screens from Figma
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/building-an-interface/design-screens/audit/README.md

@ -1,5 +1,8 @@
#### Audit
###### Is there a Figma file?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there 5 screens?
###### Do style, colors, buttons, text match with the initial wireframes?

5
subjects/ui/building-an-interface/design-system-library/README.md

@ -6,12 +6,15 @@ Based on the moodboard you designed in Ex 1, create a design system with at leas
**Deliverables:**
- A PDF document extracted from a Figma file with a library including
- A Figma file with a library including:
- At least graphic design 30 elements
- At least 5 atoms
- At least 5 molecules
- At least 5 organisms
- At least 10 multistate variations
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/building-an-interface/design-system-library/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a PDF library?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there at least graphic design 30 elements
###### Are there at least 5 atoms?
###### Are there at least 5 molecules?

5
subjects/ui/building-an-interface/desirability-testing/README.md

@ -18,6 +18,11 @@ The point of this phase is to make sure the values and the spirit you chose for
- Pictures from the desirability test
- A PDF document with the outcomes of the desirability test
- If the outcomes are not consistent with the values, 3 suggestions on how to make the moodboard and design library evolve.
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

6
subjects/ui/building-an-interface/desirability-testing/audit/README.md

@ -1,5 +1,11 @@
#### Audit
###### Is there a zip folder?
###### Is the zip folder labeled as “ProjectTitle_Name_FirstName”?
###### Are there all the deliverables indicated in the instructions?
###### Are the deliverables labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Are the deliverables in the correct format?
###### Are the documents clear, simple and easy to read?
###### Is there a desirability testing board with 25+ different adjectives?
###### Are there pictures from the desirability test?
###### Is there a PDF document with the outcomes of the desirability test?

6
subjects/ui/building-an-interface/styleguide/README.md

@ -20,7 +20,7 @@ Also think about the values and spirit you want to spread through this moodboard
**Deliverables:**
- A PDF moodboard that includes:
- A Figma moodboard that includes:
- Pictures
- 2 to 3 main colors
- Examples of typography applied to graphic elements
@ -28,6 +28,10 @@ Also think about the values and spirit you want to spread through this moodboard
- Description or subtitle
- Content
- Button
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/building-an-interface/styleguide/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Does the moodboard include pictures?
###### Does the moodboard include 2 to 3 main colors?
###### Is there typography for a title?

6
subjects/ui/colors-and-moodboard/color-codes/README.md

@ -6,7 +6,11 @@ Go to these 7 websites and make the color palettes out of them (3 to 4 main colo
**Deliverable:**
- A PDF documents extracted from a Figma file including screenshots of the main page, URL, extracted colors and the matching color codes.
- A Figma file including screenshots of the main page, URL, extracted colors and the matching color codes.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/colors-and-moodboard/color-codes/audit/README.md

@ -1,4 +1,7 @@
#### Audit
###### Is there a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Do the color codes match with the extracted colors ? You can use [Hex Color Codes](https://hexcolorcodes.org/)

7
subjects/ui/colors-and-moodboard/color-combinations/README.md

@ -15,11 +15,16 @@ Find 3 digital products (websites or apps) that use each kind of color palette c
**Deliverable:**
- A PDF document extracted from a Figma file including for each
- A Figma file including for each digital product (websites or apps)
- screenshots of the main page
- the matching URL
- the main colors and
- the kind of color combination.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

7
subjects/ui/colors-and-moodboard/color-combinations/audit/README.md

@ -1,7 +1,10 @@
#### Audit
###### Do the websites or apps chosen by the students match with a correct color wheel combinations?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Do the websites or apps chosen match with a correct color wheel combinations?
###### Are there 3 websites or apps per color palette combination?
###### Are all websites or apps different from the examples in the instructions?

5
subjects/ui/colors-and-moodboard/find-the-colors/README.md

@ -10,7 +10,10 @@ Go to these 7 websites and make the color palettes out of them (3 to 4 main colo
**Deliverable:**
- A PDF document extracted from a Figma file including screenshots of the main page, URL and extracted colors next to the screenshots.
- A Figma file including screenshots of the main page, URL and extracted colors next to the screenshots.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/colors-and-moodboard/find-the-colors/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there 7 screenshots of the 7 pages or screens?
###### Does each screenshot have a URL next to it?
###### Do the main colors match with the ones from the screens?

5
subjects/ui/colors-and-moodboard/moodboard/README.md

@ -13,10 +13,13 @@ Create 4 different moodboards based on these 4 briefs and extract a color palett
**Deliverables:**
- 1 PDF document extracted from a Figma file per moodboard
- A Figma file per moodboard
- On each moodboard, several pictures (5 to 12) that are graphically consistent in terms of colors
- The main colors extracted and shown on the side
- One color code per color (RGB, Hex or HSB)
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

11
subjects/ui/colors-and-moodboard/moodboard/audit/README.md

@ -1,18 +1,27 @@
#### Audit
###### Are there 4 PDF extracted moodboards?
###### Is there a zip folder?
###### Is the zip folder labeled as “ProjectTitle_Name_FirstName”?
###### Are there all the deliverables indicated in the instructions?
###### Are the deliverables labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Are the deliverables in the correct format?
###### Are the documents clear, simple and easy to read?
###### On Moodboard #1, are there several pictures that are graphically consistent?
###### On Moodboard #1, are there 2 to 3 main colors that stand out
###### On Moodboard #1, do the colors have at least one code (RGB, Hex, or HSB)
###### On Moodboard #1, do the color code match with the designated color? [thanks to this tool](http://onlinewebtool.com/colorpicker.php)
###### On Moodboard #2, are there several pictures that are graphically consistent?
###### On Moodboard #2, are there 2 to 3 main colors that stand out
###### On Moodboard #2, do the colors have at least one code (RGB, Hex, or HSB)
###### On Moodboard #2, do the color code match with the designated color? [thanks to this tool](http://onlinewebtool.com/colorpicker.php)
###### On Moodboard #3, are there several pictures that are graphically consistent?
###### On Moodboard #3, are there 2 to 3 main colors that stand out
###### On Moodboard #3, do the colors have at least one code (RGB, Hex, or HSB)
###### On Moodboard #3, do the color code match with the designated color? [thanks to this tool](http://onlinewebtool.com/colorpicker.php)
###### On Moodboard #4, are there several pictures that are graphically consistent?
###### On Moodboard #4, are there 2 to 3 main colors that stand out
###### On Moodboard #4, do the colors have at least one code (RGB, Hex, or HSB)

5
subjects/ui/colors-and-moodboard/typography-moodboard/README.md

@ -6,11 +6,14 @@ Find consistent typography for your moodboards from Ex. 4.
**Deliverables:**
- A PDF document extracted from a Figma file with 4 moodboards from Ex. 4 and typography:
- A Figma file with 4 moodboards from Ex. 4 and typography:
- 1 for a title
- 1 for a button
- 1 for a description
- 1 for the text
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

6
subjects/ui/colors-and-moodboard/typography-moodboard/audit/README.md

@ -1,6 +1,10 @@
#### Audit
###### Is there a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there 4 different fonts (one for each moodboard)?
###### On Moodboard #1, is there a typography for a title?
###### On Moodboard #1, is there a typography for a button?

6
subjects/ui/colors-and-moodboard/typography/README.md

@ -17,7 +17,11 @@ Go to these websites and detect the typographies used.
**Deliverables:**
- A PDF document extracted from a Figma file showing all the typographies used in each website or app.
- A Figma file showing all the typographies used in each website or app.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/colors-and-moodboard/typography/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there 4 fonts from Unric.org?
###### Are there 3 fonts from Strongbowcider.org?
###### Are there 3 fonts from Bbqgrillsandfire.com?

3
subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/README.md

@ -14,6 +14,9 @@ Copy this image on Figma
- You use overlays
- You use masks to change the shape of an imported image
- You use linear color function
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a Figma file?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Does the designed screen match the image?
###### Do all layers have a name and belong to a group of graphic elements?

3
subjects/ui/colors-and-moodboard/ui-challenge-flight/README.md

@ -14,6 +14,9 @@ Copy this image on Figma
- All you layers are names and organized
- You use overlays
- You use masks to change the shape of an imported image (Amsterdam, Maldives, New Delhi, Sydney icons)
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a Figma file?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Does the designed screen match the image?
###### Do all layers have a name and belong to a group of graphic elements?

3
subjects/ui/colors-and-moodboard/ui-challenge-spotify/README.md

@ -14,6 +14,9 @@ Copy this image on Figma
- Named and organized layers
- Apple design system (head bar)
- Symbols and variants for the songs (1 page for the Symbols)
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/colors-and-moodboard/ui-challenge-spotify/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a Figma file ?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Does the designed screen match the image
###### Are there 2 pages: one for the screen and one with the symbols?

3
subjects/ui/colors-and-moodboard/ui-challenge-timer/README.md

@ -14,6 +14,9 @@ Copy this image on Figma.
- Gradient to fill the main circle
- Groups
- Named layers
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/colors-and-moodboard/ui-challenge-timer/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a Figma File?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there two half circles as this one?
![Example](Timer2.png)

3
subjects/ui/colors-and-moodboard/ui-challenge-watches/README.md

@ -18,6 +18,9 @@ Copy these images on Figma
- All your layers are named and organized
- You use overlays
- You use masks to change the shape of the imported image
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/colors-and-moodboard/ui-challenge-watches/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a Figma file?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Do the designed screens designed match the images?
###### Do all layers have a name and belong to a group of graphic elements?

4
subjects/ui/heuristics/audit/README.md

@ -20,6 +20,10 @@ Run a heuristic audit on one of these 3 different websites or app:
- A completed chart
- A report including the 5 recommended steps described below
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

6
subjects/ui/heuristics/audit/audit/README.md

@ -1,5 +1,11 @@
#### Audit
###### Is there a zip folder?
###### Is the zip folder labeled as “ProjectTitle_Name_FirstName”?
###### Are there all the deliverables indicated in the instructions?
###### Are the deliverables labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Are the deliverables in the correct format?
###### Are the documents clear, simple and easy to read?
###### Is there a chart?
###### Is the chart complete?
###### Are the 5 steps included in the report?

3
subjects/ui/heuristics/recommendations/README.md

@ -13,6 +13,9 @@ Based on the audit you made in Ex.1, write a set of 3 to 6 recommendations to im
**Deliverable:**
- A PDF document with 3 to 6 recommendations
- 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.
- Pay attention to the global aspect of the document. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ui/heuristics/recommendations/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a PDF document with the recommendations?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (PDF)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are the recommendations consistent with the report's conclusions?
###### Do the recommendations fit in some of these criteria:
- Visibility of system status

6
subjects/ui/rules/accessbility-app/README.md

@ -6,7 +6,11 @@ Choose an app you find particularly accessible. Find at least 3 concrete example
**Deliverables:**
- A 3-page PDF document extracted from a Figma file with 3 different elements from an app (it can be from 3 different apps) that are accessible. The three measures must be different.
- A 3-page Figma file with 3 different elements from an app (it can be from 3 different apps) that are accessible. The three measures must be different.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/rules/accessbility-app/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there is a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### At least 3 different measures have been shown, like in the instructions section?

6
subjects/ui/rules/accessbility-website/README.md

@ -6,7 +6,11 @@ Choose a website you find particularly accessible. Find at least 3 concrete exam
**Deliverables:**
- A 3-page PDF document extracted from a Figma file with 3 different elements from a website (it can be from 3 different websites) that are accessible. The three measures must be different.
- A 3-page Figma file with 3 different elements from a website (it can be from 3 different websites) that are accessible. The three measures must be different.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/rules/accessbility-website/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there is a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### At least 3 different measures have been shown, like in the instructions section?

6
subjects/ui/rules/breadcrumbs/README.md

@ -6,7 +6,11 @@ Browse the internet and find at least 5 different examples of breadcrumbs from w
**Deliverable:**
- A PDF document extracted from a Figma file gathering 5 screenshots of breadcrumbs.
- A Figma file gathering 5 screenshots of breadcrumbs.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/rules/breadcrumbs/audit/README.md

@ -1,5 +1,8 @@
#### Audit
###### Is there a PDF document with a proper title?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there are at least 5 different examples of breadcrumbs?
###### Is the name of each app or website written?

6
subjects/ui/rules/calendars/README.md

@ -6,4 +6,8 @@ Browse the internet and find at least 5 different examples of calendars from web
**Deliverable:**
- A PDF document extracted from a Figma file gathering 5 screenshots of calendars.
- A Figma file gathering 5 screenshots of calendars.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!

5
subjects/ui/rules/calendars/audit/README.md

@ -1,5 +1,8 @@
#### Audit
###### Is there is a PDF document with a proper title?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there at least 5 examples of calendars?
###### Is the name of each app or website written?

6
subjects/ui/rules/consistency/README.md

@ -8,7 +8,11 @@ Pick a website or an app of your choice*. Highlight 5 signs of consistency acros
**Deliverable:**
- A PDF document extracted from a Figma file gathering at least 5 signs of consistency.
- A Figma file gathering at least 5 signs of consistency.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/rules/consistency/audit/README.md

@ -1,5 +1,8 @@
#### Audit
###### Is there a PDF document with a proper title?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there at least 5 signs of consistency?
###### Is the name of each app or website written?

7
subjects/ui/rules/grids/README.md

@ -16,8 +16,11 @@ Open these 5 images on Figma and draw lines and grids every time you find aligne
**Deliverables:**
- A PDF document extracted from a Figma file
- The file should include the screens with lines on top to show grids. One PDF page per screen or frame.
- A Figma file including the screens with lines on top to show grids. One page per screen or frame.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/rules/grids/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there one PDF of one page per image?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there colored lines on top of the images?
###### Do the lines highlight aligned elements?

6
subjects/ui/rules/micro-interactions/README.md

@ -8,7 +8,11 @@ Be careful! Feedback is helpful to provide information to the user, not just sho
**Deliverable:**
- A PDF document extracted from a Figma file gathering 5 examples of **feedback** micro-interactions or animations. In each example, show the different versions of the element.
- A Figma file gathering 5 examples of **feedback** micro-interactions or animations. In each example, show the different versions of the element.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/rules/micro-interactions/audit/README.md

@ -1,5 +1,8 @@
#### Audit
###### Is there a PDF document with a proper title?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there at least 5 examples of micro-interactions or animations?
###### Is the name of each app or website written?

6
subjects/ui/rules/multi-state/README.md

@ -10,7 +10,11 @@ Find at least five combinations of multi state elements.
**Deliverables:**
- A PDF document extracted from a Figma file with 5 combinations of multi state elements
- A Figma file with 5 combinations of multi state elements.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/rules/multi-state/audit/README.md

@ -1,6 +1,9 @@
#### Audit
###### Is there a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there at least five combinations of buttons, menus or call to actions?
###### Are the multi state buttons gathered in groups?
###### Is the document clean and the elements aligned?

6
subjects/ui/rules/radio-buttons/README.md

@ -6,7 +6,11 @@ Browse the internet and find at least 5 different examples of radio buttons from
**Deliverable:**
- A PDF document extracted from a Figma file gathering 5 screenshots of radio buttons.
- A Figma file gathering 5 screenshots of radio buttons.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/rules/radio-buttons/audit/README.md

@ -1,5 +1,8 @@
#### Audit
###### Is there a PDF document with a proper title?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there at least 5 examples of radio buttons?
###### Is the name of each app or website written?

6
subjects/ui/rules/time-pickers/README.md

@ -6,4 +6,8 @@ Browse the internet and find at least 5 different examples of time pickers from
**Deliverable:**
- A PDF document extracted from a Figma file gathering 5 screenshots of time pickers.
- A Figma file gathering 5 screenshots of time pickers.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!

5
subjects/ui/rules/time-pickers/audit/README.md

@ -1,5 +1,8 @@
#### Audit
###### Is there a PDF document with a proper title?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there at least 5 examples of time pickers?
###### Is the name of each app or website written?

6
subjects/ui/rules/toggle-buttons/README.md

@ -6,7 +6,11 @@ Browse the internet and find at least 5 different examples of toggle buttons fro
**Deliverable:**
- A PDF document extracted from a Figma file gathering 5 screenshots of toggle buttons.
- A Figma file gathering 5 screenshots of toggle buttons.
- 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.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ui/rules/toggle-buttons/audit/README.md

@ -1,5 +1,8 @@
#### Audit
###### Is there a PDF document with a proper title?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (Figma)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there at least 5 examples of toggle buttons?
###### Is the name of each app or website written?

5
subjects/ux/athele-keep-hydrated/analytics/README.md

@ -8,6 +8,11 @@ Read these articles and extract at least 5 key figures or insights that may be u
- 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.
- Pay attention to the global aspect of the document. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

5
subjects/ux/athele-keep-hydrated/analytics/audit/README.md

@ -1,5 +1,8 @@
#### Audit
###### Is there a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (PDF)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Are there at least 5 insights from the articles?

5
subjects/ux/athele-keep-hydrated/ideation/README.md

@ -48,6 +48,11 @@ Find 3 friends outside of the program and run a quick ideation session (20 minut
- Pictures of the session
- A board with all the ideas (on paper or digitally on Miro or Figma)
- One main idea to solve the problem next to the board
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Resources:**

8
subjects/ux/athele-keep-hydrated/ideation/audit/README.md

@ -1,5 +1,11 @@
#### Audit
###### Is there a zip folder?
###### Is the zip folder labeled as “ProjectTitle_Name_FirstName”?
###### Are there all the deliverables indicated in the instructions?
###### Are the deliverables labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Are the deliverables in the correct format?
###### Are the documents clear, simple and easy to read?
###### Are there pictures of the session?
###### Is there a board with all the ideas (on paper or digitally on Miro or Figma)?
###### Is there one main idea to solve the problem?
###### Is there one main idea to solve the problem?

4
subjects/ux/athele-keep-hydrated/personas/README.md

@ -7,6 +7,10 @@
**Deliverables:**
- A user persona on a PDF document
- 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.
- Pay attention to the global aspect of the document. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

6
subjects/ux/athele-keep-hydrated/personas/audit/README.md

@ -1,6 +1,10 @@
#### Audit instructions
###### Is there a PDF document with Pierre's persona card?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (PDF)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
###### Is there Pierre's persona card in the PDF document?
###### Is there a picture of Pierre's?
###### Is there a quote extracted from the inteview scripts?
###### Is there a description of Pierre that is a mix of Joe, Nathan, Guillaume, and Anaelle’s stories?

3
subjects/ux/athele-keep-hydrated/problem-statement/README.md

@ -7,6 +7,9 @@ Based on the insights from the analytics and user interviews, comment the scope
**Deliverables:**
- On a PDF document, write down one problem statement that summarizes the main problem that Pierre has when he runs.
- 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.
- Pay attention to the global aspect of the document. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ux/athele-keep-hydrated/problem-statement/audit/README.md

@ -1,6 +1,9 @@
#### Audit
##### Is there a PDF document?
###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”?
###### Is the deliverable in the correct format (PDF)?
###### Is there a title within the document?
###### Is the document clear, simple and easy to read?
##### Is the problem statement focused on the problem (and NOT on the solution)?
##### Is the problem statement narrow enough (not too broad)?
##### Is the problem statement broad enough (not too narrow)?

5
subjects/ux/athele-keep-hydrated/prototyping/README.md

@ -8,7 +8,10 @@ Design a storyboard of Pierre (or your persona) using your idea as a solution. S
**Deliverables:**
- 1 storyboard to describe your solution, on paper
- Pictures of 1 storyboard to describe your solution, on paper
- 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 deliverables. They must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!
**Tips:**

5
subjects/ux/athele-keep-hydrated/prototyping/audit/README.md

@ -1,5 +1,10 @@
#### Audit
###### Is there a zip folder?
###### Is the zip folder labeled as “ProjectTitle_Name_FirstName”?
###### Are there all the deliverables indicated in the instructions?