Browse Source

changes on the audit files in all ux and ui quests

master
Agathe Pommery 1 year ago committed by MSilva95
parent
commit
c15de983c3
  1. 1
      subjects/ui/atomic-design/browsing/README.md
  2. 31
      subjects/ui/atomic-design/browsing/audit/README.md
  3. 4
      subjects/ui/atomic-design/design-system-library/README.md
  4. 14
      subjects/ui/atomic-design/design-system-library/audit/README.md
  5. 24
      subjects/ui/atomic-design/library-for-a-dating-app/audit/README.md
  6. 24
      subjects/ui/atomic-design/library-for-climbing-addicts/audit/README.md
  7. 4
      subjects/ui/atomic-design/material-design/README.md
  8. 10
      subjects/ui/atomic-design/material-design/audit/README.md
  9. 2
      subjects/ui/building-an-interface/animation/README.md
  10. 13
      subjects/ui/building-an-interface/animation/audit/README.md
  11. 2
      subjects/ui/building-an-interface/design-screens/README.md
  12. 8
      subjects/ui/building-an-interface/design-screens/audit/README.md
  13. 16
      subjects/ui/building-an-interface/design-system-library/audit/README.md
  14. 12
      subjects/ui/building-an-interface/desirability-testing/audit/README.md
  15. 21
      subjects/ui/building-an-interface/styleguide/audit/README.md
  16. 18
      subjects/ui/heuristics/audit/README.md
  17. 9
      subjects/ui/heuristics/audit/audit/README.md
  18. 25
      subjects/ui/heuristics/recommendations/audit/README.md
  19. 13
      subjects/ui/rules/accessbility-app/README.md
  20. 16
      subjects/ui/rules/accessbility-app/audit/README.md
  21. 11
      subjects/ui/rules/accessbility-website/README.md
  22. 14
      subjects/ui/rules/accessbility-website/audit/README.md
  23. 12
      subjects/ui/rules/breadcrumbs/audit/README.md
  24. 2
      subjects/ui/rules/calendars/README.md
  25. 12
      subjects/ui/rules/calendars/audit/README.md
  26. 7
      subjects/ui/rules/consistency/README.md
  27. 20
      subjects/ui/rules/consistency/audit/README.md
  28. 2
      subjects/ui/rules/grids/README.md
  29. 14
      subjects/ui/rules/grids/audit/README.md
  30. 10
      subjects/ui/rules/micro-interactions/README.md
  31. 18
      subjects/ui/rules/micro-interactions/audit/README.md
  32. 5
      subjects/ui/rules/multi-state/README.md
  33. 11
      subjects/ui/rules/multi-state/audit/README.md
  34. 12
      subjects/ui/rules/radio-buttons/audit/README.md
  35. 12
      subjects/ui/rules/time-pickers/audit/README.md
  36. 12
      subjects/ui/rules/toggle-buttons/audit/README.md
  37. 2
      subjects/ux/athele-keep-hydrated/user-interviews/README.md
  38. 2
      subjects/ux/going-on-holidays-with-friends/affinity-diagram/README.md
  39. 26
      subjects/ux/going-on-holidays-with-friends/affinity-diagram/audit/README.md
  40. 9
      subjects/ux/going-on-holidays-with-friends/ideation/README.md
  41. 14
      subjects/ux/going-on-holidays-with-friends/ideation/audit/README.md
  42. 2
      subjects/ux/going-on-holidays-with-friends/interview-guide/README.md
  43. 75
      subjects/ux/going-on-holidays-with-friends/interview-guide/audit/README.md
  44. 51
      subjects/ux/going-on-holidays-with-friends/interview-guide/interview-guide-ex.md
  45. 2
      subjects/ux/going-on-holidays-with-friends/problem-statement/README.md
  46. 28
      subjects/ux/going-on-holidays-with-friends/problem-statement/audit/README.md
  47. 4
      subjects/ux/going-on-holidays-with-friends/prototyping/README.md
  48. 17
      subjects/ux/going-on-holidays-with-friends/prototyping/audit/README.md
  49. 6
      subjects/ux/going-on-holidays-with-friends/run-interviews/README.md
  50. 11
      subjects/ux/going-on-holidays-with-friends/run-interviews/audit/README.md
  51. 2
      subjects/ux/going-on-holidays-with-friends/user-flow/README.md
  52. 14
      subjects/ux/going-on-holidays-with-friends/user-flow/audit/README.md
  53. 2
      subjects/ux/lets-fight-harassment/broadcast-stategy/README.md
  54. 20
      subjects/ux/lets-fight-harassment/broadcast-stategy/audit/README.md
  55. 2
      subjects/ux/lets-fight-harassment/competitive-analyss/README.md
  56. 19
      subjects/ux/lets-fight-harassment/competitive-analyss/audit/README.md
  57. 5
      subjects/ux/lets-fight-harassment/interviews/README.md
  58. 43
      subjects/ux/lets-fight-harassment/interviews/audit/README.md
  59. 4
      subjects/ux/lets-fight-harassment/personas/README.md
  60. 17
      subjects/ux/lets-fight-harassment/personas/audit/README.md
  61. 7
      subjects/ux/lets-fight-harassment/problem-statement/README.md
  62. 34
      subjects/ux/lets-fight-harassment/problem-statement/audit/README.md
  63. 2
      subjects/ux/lets-fight-harassment/surveys/README.md
  64. 21
      subjects/ux/lets-fight-harassment/surveys/audit/README.md
  65. 4
      subjects/ux/lets-fight-harassment/user-journey/README.md
  66. 15
      subjects/ux/lets-fight-harassment/user-journey/audit/README.md
  67. 2
      subjects/ux/music-on/card-sorting/README.md
  68. 13
      subjects/ux/music-on/card-sorting/audit/README.md
  69. 2
      subjects/ux/music-on/heuristics/README.md
  70. 8
      subjects/ux/music-on/heuristics/audit/README.md
  71. 2
      subjects/ux/music-on/jtbd/README.md
  72. 12
      subjects/ux/music-on/jtbd/audit/README.md
  73. 3
      subjects/ux/music-on/run-5-tests/README.md
  74. 10
      subjects/ux/music-on/run-5-tests/audit/README.md
  75. 14
      subjects/ux/music-on/site-map/audit/README.md
  76. 2
      subjects/ux/music-on/test-protocol/README.md
  77. 19
      subjects/ux/music-on/test-protocol/audit/README.md
  78. 4
      subjects/ux/music-on/wireframes/README.md
  79. 11
      subjects/ux/music-on/wireframes/audit/README.md
  80. 27
      subjects/ux/seamstress/define/README.md
  81. 33
      subjects/ux/seamstress/define/audit/README.md
  82. 47
      subjects/ux/seamstress/empathy/README.md
  83. 52
      subjects/ux/seamstress/empathy/audit/README.md
  84. 6
      subjects/ux/seamstress/ideation/README.md
  85. 24
      subjects/ux/seamstress/ideation/audit/README.md
  86. 25
      subjects/ux/seamstress/problem-statement/README.md
  87. 24
      subjects/ux/seamstress/problem-statement/audit/README.md
  88. 23
      subjects/ux/seamstress/prototype/README.md
  89. 43
      subjects/ux/seamstress/prototype/audit/README.md
  90. 1
      subjects/ux/seamstress/test/README.md
  91. 24
      subjects/ux/seamstress/test/audit/README.md
  92. 4
      subjects/ux/seamstress/ux-strategy/README.md
  93. 20
      subjects/ux/seamstress/ux-strategy/audit/README.md
  94. 2
      subjects/ux/sunday-night-movie/iteration/README.md
  95. 20
      subjects/ux/sunday-night-movie/iteration/audit/README.md
  96. 4
      subjects/ux/sunday-night-movie/test-feature-1/README.md
  97. 12
      subjects/ux/sunday-night-movie/test-feature-1/audit/README.md
  98. 4
      subjects/ux/sunday-night-movie/test-feature-2/README.md
  99. 12
      subjects/ux/sunday-night-movie/test-feature-2/audit/README.md
  100. 4
      subjects/ux/sunday-night-movie/test-feature-3/README.md
  101. Some files were not shown because too many files changed in this diff diff.show_more

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

@ -33,6 +33,7 @@ Among these 4 websites, make snapshots of these elements:
- [Video tutorial on Figma](https://www.youtube.com/watch?v=FTFaQWZBqQ8)
- [Beginning graphic design](https://edu.gcfglobal.org/en/beginning-graphic-design/)
- [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio)
- [Example here](https://www.figma.com/file/fzqDkk8Zc8qJCiSMbKV0Ei/UI-II---Ex-1?node-id=0%3A1)
**Quote:**

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

@ -1,9 +1,28 @@
#### Audit instructions
#### Audit
Make sure
###### Is there a PDF document?
###### Are there 4 pages?
###### The document is a PDF
###### There are 4 pages
###### On each page, there is a template, an organism, a molecule and an atom
#### On page 1,
###### Is there a template?
###### Is there an organism?
###### Is there a molecule?
###### Is there an atom?
[Example here](https://www.figma.com/file/fzqDkk8Zc8qJCiSMbKV0Ei/UI-II---Ex-1?node-id=0%3A1)
#### On page 2,
###### Is there a template?
###### Is there an organism?
###### Is there a molecule?
###### Is there an atom?
#### On page 3,
###### Is there a template?
###### Is there an organism?
###### Is there a molecule?
###### Is there an atom?
#### On page 4,
###### Is there a template?
###### Is there an organism?
###### Is there a molecule?
###### Is there an atom?

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

@ -16,3 +16,7 @@ Copy 10 elements from easyJet design system, including
- You can use Avenir Book instead of easyJet’s font
- Explore Noun Project to get icons
**Resources:**
- [Atomic Design Methodology](https://atomicdesign.bradfrost.com/chapter-2/)

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

@ -1,9 +1,7 @@
#### Audit instructions
#### Audit
Make sure
###### There is a PDF document
###### There are at least 10 elements from easyJet
###### There is at least one atom, one molecule, one organism : [Atomic Design Methodology](https://atomicdesign.bradfrost.com/chapter-2/)
##### [Example here](https://www.figma.com/file/37jw27RusbejfJwlhC8OYK/UI-II---Ex-4?node-id=0%3A1)
###### Is there a PDF document?
###### Are there at least 10 elements from easyJet?
###### Is there at least one atom?
###### Is there at least one molecule?
###### Is there at least one organism?

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

@ -1,14 +1,12 @@
#### Audit instructions
#### Audit
Make sure there is:
###### A moodboard for a dating app with:
###### Pictures
###### Colors (2 to 3 main colors)
###### Typography
###### 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
###### Is there a PDF moodboard for a dating app?
###### Are there pictures?
###### Are there 2 to 3 main colors?
###### Is there typography?
###### Is there a PDF 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?
###### Is there at least one organism?
###### Is there at least 5 multistate elements?

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

@ -1,14 +1,12 @@
#### Audit instructions
#### Audit
Make sure there is:
###### A moodboard for a climbing group with:
###### Pictures
###### Colors (2 to 3 main colors)
###### Typography
###### 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
###### Is there a PDF moodboard for a climbing group?
###### Are there pictures?
###### Are there 2 to 3 main colors?
###### Is there typography?
###### Is there a PDF 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?
###### Is there at least one organism?
###### Is there at least 5 multistate elements?

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

@ -9,6 +9,10 @@ Download [this image](https://storage.googleapis.com/gd-wagtail-prod-assets/orig
- A PDF document extracted from 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.
**Tips:**
- 2 numbers can be switched as long as the layering of layers is respected
**Resources:**
- [Material Design Awards 2019](https://design.google/library/material-design-awards-2019/)

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

@ -1,9 +1,5 @@
#### Audit instructions
#### Audit
Make sure
###### Is there a PDF document?
###### Are the layers are indicated with numbers?
###### There is a PDF document
###### The layers are indicated with numbers
###### 2 numbers can be switched as long as the layering of layers is respected
[Example here](https://www.figma.com/file/YnrbPhItwgUy56I6Yne14S/UI-II---Ex-2?node-id=2%3A3)

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

@ -6,7 +6,7 @@ Animate your 5 screens on Figma. Think about multistate!!
**Deliverable:**
- An animated high-fidelity prototype
- An animated high-fidelity prototype on Figma
**Resources:**

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

@ -1,8 +1,7 @@
#### Audit instructions
#### Audit
Make sure:
###### There is a starting screen
###### There is an ending screen
###### All the connections between screens work
###### There are multistate buttons which change every time you click somewhere
###### Is there a Figma file?
###### Is there a starting screen?
###### Is there an ending screen?
###### Do all the connections between screens work?
###### Are there multistate buttons which change every time you click somewhere?

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

@ -16,7 +16,7 @@ Use your components, call to actions and visuals to complete the wireframes.
**Deliverables:**
- 5 high-fidelity screens
- 5 high-fidelity screens from Figma
**Resources:**

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

@ -1,5 +1,5 @@
#### Audit instructions
#### Audit
Make sure
###### There are 5 screens with style, colors, buttons, text that match with the initial wireframes.
###### Is there a Figma file?
###### Are there 5 screens?
###### Do style, colors, buttons, text match with the initial wireframes?

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

@ -1,10 +1,8 @@
#### Audit instructions
#### Audit
Make sure there is:
###### 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 elements
###### Is there a PDF library?
###### Are there at least graphic design 30 elements
###### Are there at least 5 atoms?
###### Are there at least 5 molecules?
###### Are there at least 5 organisms?
###### Are there at least 10 multistate elements?

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

@ -1,8 +1,6 @@
#### Audit instructions
#### Audit
Make sure there are:
###### A desirability testing board with 25+ different adjectives
###### 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.
###### 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?
###### If the outcomes are not consistent with the values, are there 3 suggestions on how to make the moodboard and design library evolve?

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

@ -1,15 +1,10 @@
#### Audit instructions
#### Audit
Make sure there is:
###### Is there a PDF document?
###### Does the moodboard include pictures?
###### Does the moodboard include 2 to 3 main colors?
###### Is there typography for a title?
###### Is there typography for a description or subtitle?
###### Is there typography for some content?
###### Is there typography for a button?
###### A PDF document
###### Inside it, a moodboard that includes
###### Pictures
###### 2 to 3 main colors
##### - Examples of typography applied to graphic elements
##### - Title
##### - Description or subtitle
##### - Content
##### - Button
[Example of a Style Guide in UI](https://www.pinterest.pt/pin/454019206175050454/)

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

@ -16,20 +16,22 @@ Run a heuristic audit on one of these 3 different websites or app:
- [https://www.doctorswithoutborders.org/](https://www.doctorswithoutborders.org/)
- App WikiArt
Deliverables:
**Deliverables:**
- A completed chart
- A report including the 5 recommended steps described below
Tips: Recommended steps
**Tips:**
- Define the scope.
1. Know the business requirements and demographic of the end-users.
2. Decide on which reporting tools and heuristics to use (in this case: this [heuristic evaluation checklist](https://drive.google.com/file/d/10KbfbNZA1oVS1sXbjjXLPPmdZ6nqVkdc/view)).
3. Evaluate the experience and identify usability issues.
4. Analyze, aggregate, and present the results.
- Recommended steps
- Define the scope.
1. Know the business requirements and demographic of the end-users.
2. Decide on which reporting tools and heuristics to use (in this case: this [heuristic evaluation checklist](https://drive.google.com/file/d/10KbfbNZA1oVS1sXbjjXLPPmdZ6nqVkdc/view)).
3. Evaluate the experience and identify usability issues.
4. Analyze and aggregate the data.
5. Present the results.
Resources:
**Resources:**
- [Introduction to heuristic evaluation: a beginner’s guide](https://uxdesign.cc/introduction-to-heuristic-evaluation-658705606518)
- [Nielsen's 10 usability heuristics](https://www.nngroup.com/articles/ten-usability-heuristics/)

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

@ -1,6 +1,5 @@
#### Audit instructions
#### Audit
Make sure:
###### The chart is complete
###### The 5 steps are included in the report
###### Is there a chart?
###### Is the chart complete?
###### Are the 5 steps included in the report?

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

@ -1,14 +1,13 @@
#### Audit instructions
#### Audit
Make sure
###### The recommendations are consistent with the report's conclusions
###### The recommendations fit in some of these criteria:
##### - Visibility of system status
##### - Matching between the system and the real world
##### - User Control and Freedom
##### - Consistency and Standards
##### - Error prevention
##### - Recognition rather than Recall
##### - Flexibility and efficiency of use
##### - Aesthetics and minimalist design
###### Is there a PDF document with the recommendations?
###### Are the recommendations consistent with the report's conclusions?
###### Do the recommendations fit in some of these criteria:
- Visibility of system status
- Matching between the system and the real world
- User Control and Freedom
- Consistency and Standards
- Error prevention
- Recognition rather than Recall
- Flexibility and efficiency of use
- Aesthetics and minimalist design

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

@ -14,4 +14,15 @@ Choose an app you find particularly accessible. Find at least 3 concrete example
- [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/WAI/standards-guidelines/wcag/)
- [Accessibility testing — W3C Wik](https://www.w3.org/wiki/Accessibility_testing)i
- [UX Myth: Accessibility is expensive and difficult](https://uxmyths.com/post/654091803/myth-5-accessibility-is-expensive-and-difficult)
- [Salesforce UX - 7 tips every designer needs to know about accessibility](https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b)
- [Salesforce UX - 7 tips every designer needs to know about accessibility](https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b)
**Criteria:**
- Examples of measures
- Color contrast
- Highlighted or enlarged text when hovering
- Links color that is different from the body text's
- Breadcrumbs to indicate where you are in terms of navigation
- In forms, the title of the case should be above the text zone
- Error states
- etc.

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

@ -1,17 +1,9 @@
#### Audit instructions
#### Audit
Make sure
###### Is there is a PDF document?
###### At least 3 different measures have been shown, like in the instructions section?
###### There is a PDF document
###### At least 3 different measures have been shown, like :
##### - Color contrast
##### - Highlighted or enlarged text when hovering
##### - Links color that is different from the body text's
##### - Breadcrumbs to indicate where you are in terms of navigation
##### - In forms, the title of the case should be above the text zone
##### - Error states
##### - etc.
Example of presentation and explanation:
[https://www.convinceandconvert.com/digital-marketing/accessible-website-examples/](https://www.convinceandconvert.com/digital-marketing/accessible-website-examples/)
[https://www.convinceandconvert.com/digital-marketing/accessible-website-examples/](https://www.convinceandconvert.com/digital-marketing/accessible-website-examples/)

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

@ -16,3 +16,14 @@ Choose a website you find particularly accessible. Find at least 3 concrete exam
- [UX Myth: Accessibility is expensive and difficult](https://uxmyths.com/post/654091803/myth-5-accessibility-is-expensive-and-difficult)
- [Salesforce UX - 7 tips every designer needs to know about accessibility](https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b)
- [Why prioritze web accessibility](https://blog.hubspot.com/service/why-prioritize-web-accessibility)
**Criteria:**
- Examples of measures
- Color contrast
- Highlighted or enlarged text when hovering
- Links color that is different from the body text's
- Breadcrumbs to indicate where you are in terms of navigation
- In forms, the title of the case should be above the text zone
- Error states
- etc.

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

@ -1,16 +1,8 @@
#### Audit instructions
#### Audit
Make sure
###### Is there is a PDF document?
###### At least 3 different measures have been shown, like in the instructions section?
###### There is a PDF document
###### At least 3 different measures have been shown, like :
##### - Color contrast
##### - Highlighted or enlarged text when hovering
##### - Links color that is different from the body text's
##### - Breadcrumbs to indicate where you are in terms of navigation
##### - In forms, the title of the case should be above the text zone
##### - Error states
##### - etc.
Example of presentation and explanation:

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

@ -1,9 +1,5 @@
#### Audit instructions
#### Audit
Make sure:
###### There is a PDF document with a proper title
###### There are at least 5 different examples of breadcrumbs
###### The name of each app or website is written
Breadcrumb examples: [https://www.justinmind.com/blog/breadcrumb-examples/](https://www.justinmind.com/blog/breadcrumb-examples/)
###### Is there a PDF document with a proper title?
###### Are there are at least 5 different examples of breadcrumbs?
###### Is the name of each app or website written?

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

@ -6,4 +6,4 @@ 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 PDF document extracted from a Figma file gathering 5 screenshots of calendars.

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

@ -1,9 +1,5 @@
#### Audit instructions
#### Audit
Make sure:
###### There is a PDF document with a proper title
###### There are at least 5 examples of calendars
###### The name of each app or website is written
Calendar examples: [https://uicookies.com/html-calendar/](https://uicookies.com/html-calendar/)
###### Is there is a PDF document with a proper title?
###### Are there at least 5 examples of calendars?
###### Is the name of each app or website written?

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

@ -16,3 +16,10 @@ Pick a website or an app of your choice*. Highlight 5 signs of consistency acros
- [The value of consistent design](https://www.invisionapp.com/inside-design/consistent-design/)
- [Consistency and Standards - Examples of Nielsens's Design Heuristics](https://medium.com/@gregoralbrecht/consistency-and-standards-nielsens-design-heuristic-explained-ac91f450fd8)
- [The importance of consistency in design work](https://yesimadesigner.com/the-importance-of-consistancy-in-design-work/)
- Examples of signs of consistency:
- colors
- same shaped buttons
- alignment
- consistent product pages (with identical frameworks)
- etc.

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

@ -1,17 +1,5 @@
#### Audit instructions
#### Audit
Make sure:
###### There is a PDF document with a proper title
###### There are at least 5 signs of consistency
###### The name of each app or website is written
Examples of signs of consistency:
- colors
- same shaped buttons
- alignment
- consistent product pages (with identical frameworks)
- etc.
[Consistency and Standards - Examples of Nielsens's Design Heuristics](https://medium.com/@gregoralbrecht/consistency-and-standards-nielsens-design-heuristic-explained-ac91f450fd8)
###### Is there a PDF document with a proper title?
###### Are there at least 5 signs of consistency?
###### Is the name of each app or website written?

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

@ -13,7 +13,6 @@ In this series of exercises, you’ll be asked to open your eyes and collect gra
Open these 5 images on Figma and draw lines and grids every time you find aligned elements.
—> File on computer
**Deliverables:**
@ -25,4 +24,5 @@ Open these 5 images on Figma and draw lines and grids every time you find aligne
- [Video tutorial on Figma](https://www.youtube.com/watch?v=FTFaQWZBqQ8)
- [Beginning graphic design](https://edu.gcfglobal.org/en/beginning-graphic-design/)
- [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio)
- [1st screen example](https://www.figma.com/file/KOzd8yZuJvGLmZLuXjBgDg/UI-III-Ex-1.1)

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

@ -1,13 +1,7 @@
#### Audit instructions
#### Audit
Make sure:
###### Is there one PDF of one page per image?
###### Are there colored lines on top of the images?
###### Do the lines highlight aligned elements?
###### There is one PDF or one page per image
###### There are colored lines on top of the images
###### The lines highlight aligned elements.
- [1st screen example](https://www.figma.com/file/KOzd8yZuJvGLmZLuXjBgDg/UI-III-Ex-1.1)
- [2nd screen example](https://www.figma.com/file/QXzdFwwUa8EoQgD3k8CqUC/UI-III-EX-1.2)
- [3rd screen example](https://www.figma.com/file/9KNmLun5iZ2lbTOaX91fr2/UI-III-Ex-1.3)
- [4th screen example](https://www.figma.com/file/EqGJPRCBtS0yJBUwHJdmwU/UI-III-Ex-1.4)
- [5th screen example](https://www.figma.com/file/X5lYr8zLmMAazTHeYtfWMm/UI-III-Ex-1.5)

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

@ -13,4 +13,12 @@ Be careful! Feedback is helpful to provide information to the user, not just sho
**Resources:**
- [Why use micro-interactions in your design](https://hike.one/update/why-use-micro-animations-in-your-design)
- [Micro-interactions: why, when, and how to use them to boost the UX](https://uxdesign.cc/micro-interactions-why-when-and-how-to-use-them-to-boost-the-ux-17094b3baaa0)
- [Micro-interactions: why, when, and how to use them to boost the UX](https://uxdesign.cc/micro-interactions-why-when-and-how-to-use-them-to-boost-the-ux-17094b3baaa0)
**Tips:**
- Feedback is the situation when the app specifically sends a piece of information to the user, like:
- Payment accepted
- Refreshed feed
- Information saved
- etc.

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

@ -1,15 +1,5 @@
#### Audit instructions
#### Audit
Make sure:
###### There is a PDF document with a proper title
###### There are at least 5 examples of micro-interactions or animations
###### The name of each app or website is written
Micro-interactions/micro-animations examples: [https://blog.geekyants.com/micro-interactions-and-micro-animations-4eb2ed5cc7f3](https://blog.geekyants.com/micro-interactions-and-micro-animations-4eb2ed5cc7f3)
Tip: Feedback is the situation when the app specifically sends a piece of information to the user, like:
- Payment accepted
- Refreshed feed
- Information saved
- etc.
###### Is there a PDF document with a proper title?
###### Are there at least 5 examples of micro-interactions or animations?
###### Is the name of each app or website written?

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

@ -2,7 +2,7 @@
**Instructions**:
Go to [Nintendo.com](http://Nintendo.com) and observe the buttons and call to actions. When you hover or click on them, they change!
Go to [Sony.com](http://sony.com) and observe the buttons and call to actions. When you hover or click on them, they change!
Make screenshots of the different states of buttons, menu titles, filters etc. Then, gather and organize them.
@ -17,3 +17,6 @@ Find at least five combinations of multi state elements.
- [Video tutorial on Figma](https://www.youtube.com/watch?v=FTFaQWZBqQ8)
- [Beginning graphic design](https://edu.gcfglobal.org/en/beginning-graphic-design/)
- [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio)
- [Example here with Nintendo.com](https://www.figma.com/file/ahSnWRZeKBO62oJDiXltxY/UI-III---Ex-2)
/!\ The screenshots date back to nov 2021. They may differ from the current version of [Nintendo.com](http://Nintendo.com) but the rules are the same

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

@ -1,9 +1,8 @@
#### Audit instructions
#### Audit
Make sure:
###### Is there a PDF document?
###### 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?
###### There are at least five combinations of buttons, menus or call to actions.
###### The multi state buttons are gathered in groups
###### The document is clean and the elements are aligned -[Example here](https://www.figma.com/file/ahSnWRZeKBO62oJDiXltxY/UI-III---Ex-2)
/!\ The screenshots date back to nov 2021. They may differ from the current version of [Nintendo.com](http://Nintendo.com) but the rules are the same

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

@ -1,9 +1,5 @@
#### Audit instructions
#### Audit
Make sure:
###### There is a PDF document with a proper title
###### There are at least 5 examples of radio buttons
###### The name of each app or website is written
Radio buttons examples: [https://gscode.in/radio-button-css/](https://gscode.in/radio-button-css/)
###### Is there a PDF document with a proper title?
###### Are there at least 5 examples of radio buttons?
###### Is the name of each app or website written?

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

@ -1,9 +1,5 @@
#### Audit instructions
#### Audit
Make sure:
###### There is a PDF document with a proper title
###### There are at least 5 examples of time pickers
###### The name of each app or website is written
Time picker examples: [https://uigarage.net/category/time-picker/](https://uigarage.net/category/time-picker/)
###### Is there a PDF document with a proper title?
###### Are there at least 5 examples of time pickers?
###### Is the name of each app or website written?

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

@ -1,9 +1,5 @@
#### Audit instructions
#### Audit
Make sure:
###### There is a PDF document with a proper title
###### There are at least 5 examples of toggle buttons
###### The name of each app or website is written
Toggle switch buttons examples: [https://bashooka.com/coding/creative-fun-toggle-switch-button-examples/](https://bashooka.com/coding/creative-fun-toggle-switch-button-examples/)
###### Is there a PDF document with a proper title?
###### Are there at least 5 examples of toggle buttons?
###### Is the name of each app or website written?

2
subjects/ux/athele-keep-hydrated/user-interviews/README.md

@ -21,7 +21,7 @@ Failure is even a necessary step, but ideally it should happen before a product
**Instructions:**
- Read all the scripts very carefully
- Extract at least 6 insights
- Extract at least 6 insights and write them down on a PDF file
- Insights must be either shared by several people or consistent with what other people have already experienced
- For each insight, name who said it.
- Definition of 'insight': A key learning from what you have seen, read or heard.

2
subjects/ux/going-on-holidays-with-friends/affinity-diagram/README.md

@ -14,7 +14,7 @@ Open your written scripts and extract the relevant information.
**Deliverables:**
- An Affinity Diagram (paper or on digital tools like Miro)
- An Empathy Map
- An Empathy Map (paper or on digital tools like Miro)
**Resources:**

26
subjects/ux/going-on-holidays-with-friends/affinity-diagram/audit/README.md

@ -1,14 +1,14 @@
#### Audit instructions
#### Audit
Make sure there are:
###### Multiple sticky notes that match with transcription
###### The sticky notes are gathered in clusters
###### The clusters are labeled
###### The empathy map is filled
###### The "See" section is complete
###### The "Say & Do" section is complete
###### The "Hear" section is complete
###### The "Think and Feel" section is complete
###### The "Pain" section is complete
###### The "Goal" section is complete
###### Is there an affinity diagram that is digital (on Miro) or on paper?
###### Is there an empathy map that is digital (on Miro) or on paper?
###### Are there multiple sticky notes that match with the transcription?
###### Are the sticky notes gathered in clusters?
###### Are the clusters labeled?
###### Is the empathy map filled?
###### Is the "See" section complete?
###### Is the "Say & Do" section complete?
###### Is the "Hear" section complete?
###### Is the "Think and Feel" section complete?
###### Is the "Pain" section complete?
###### Is the "Goal" section complete?

9
subjects/ux/going-on-holidays-with-friends/ideation/README.md

@ -4,15 +4,15 @@
To find creative solutions to your problem statement, use one of these techniques in groups of 5 people, twice.
During the first time, one is the facilitator and the other is the time-keeper and in charge of logistics. Switch roles for the second run.
Gather in groups of 2. During the first run, one is the facilitator and the other is the time-keeper and in charge of logistics. Switch roles for the second run.
Get as many ideas as possible within a defined timeframe, and narrow them down to 3 main ideas with a voting process (in pair or in group). Take pictures!
**Deliverables:**
- Script including all the steps + logistics
- Pictures of the session
- 3 ideas from the 2 workshops.
- A PDF document that includes the script with all the steps + logistics
- Pictures of the 2 sessions
- A PDF document with 3 ideas that came out the 2 workshops.
**Tips:**
@ -21,6 +21,7 @@ Ideation techniques:
- [Worst Idea](https://www.interaction-design.org/literature/article/learn-how-to-use-the-best-ideation-methods-worst-possible-idea)
- [Brainwriting](https://business.tutsplus.com/tutorials/how-to-use-brainwriting-for-rapid-idea-generation--cms-26451)
- [Mash Up](https://cdn.shopify.com/s/files/1/0259/7876/5396/files/IDEO_U_Ideation_Method_Mash-Up.pdf?33258)
- As to the script, you can refer to "Athlete, keep hydrated" Quest, Ideation Exercise.
**Resources:**

14
subjects/ux/going-on-holidays-with-friends/ideation/audit/README.md

@ -1,8 +1,8 @@
#### Audit instructions
#### Audit
Make sure
###### The script is consistent
###### There is at least one picture of each of the workshops
###### There are at least 3 ideas
###### The ideas offer a way to solve the problem statement
###### Is there a PDF document with the script of the workshop?
###### Are there pictures of the ideation workshop?
###### Is the script consistent with the goal of the workshop?
###### Is there at least one picture of each of the workshops?
###### Is there a PDF document with there at least 3 ideas?
###### Do the ideas offer a way to solve the problem statement?

2
subjects/ux/going-on-holidays-with-friends/interview-guide/README.md

@ -16,7 +16,7 @@ And remember, you are not your user!
**Deliverable:**
- An interview guide
- A PDF document with an interview guide
**Tips:**
Here are the recommended steps :

75
subjects/ux/going-on-holidays-with-friends/interview-guide/audit/README.md

@ -1,64 +1,11 @@
#### Audit instructions
Make sure there is:
###### The main purpose of the interview
###### 1 to 3 hypotheses
###### A proper introduction that describes the interviewer and the purpose of this interview
###### 3 to 5 main topics
###### A few screening questions
###### Open-ended questions, max 10
###### A funnel process(>)
###### A conclusion with next steps and a thank you.
**Example:**
**Objective:**
Know more about what bugs people the most when they go on holidays with their friends.
**Hypotheses**:
- The distribution of tasks of often uneven
- Transportation and shopping are the most sensitive topics
**Script**
**Introduction**
Hello! My name is Jasmin and I am conducting user research about how people organize themselves when they are going on holidays with a group of friends. Hence I'd love to know more about your experience in that kind of situation. Can I have 15 minutes of your time for a chat?
**Screening questions:**
- How old are you?
- Where do you live?
- What do you do for a living?
**Topic 1: Tasks distribution upfront**
- When was the last time you went on holiday with friends?
- Who organized what before the stay (location, transportation, food shopping)?
- How easy was it? Why?
**Topic 2: Potential tensions**
- How well did the holiday go in terms of tasks management?
- Who took care of what?
- Were there any frustration due to the distribution? Why?
**Topic 3: Tools**
- What tools did you and your friends use to set up the holidays (apps, sites, canvas, etc.)?
- How helpful were they? Why?
**Topic 4: Next trip**
- What would you like to change between your last and next trip with friends?
**Conclusion**
Thank you so much for your time! This is very helpful for our research, especially on knowing what to improve to ease holiday organization management.
Would you have anyone you know who you think is quite concerned about this topic?
We/I will prepare a questionnaire for other kinds of information. Would you be kind enough to answer it when it's ready?
#### Audit
###### Is there a PDF document with the interview script?
###### Is the main purpose of the interview written?
###### Are there 1 to 3 hypotheses?
###### Is there a proper introduction that describes the interviewer and the purpose of this interview?
###### Are there 3 to 5 main topics?
###### Are there some screening questions?
###### Are there open-ended questions, max 10?
###### Is there a funnel process (broader to more accurate questions)?
###### Is there a conclusion with next steps and a thank you message?

51
subjects/ux/going-on-holidays-with-friends/interview-guide/interview-guide-ex.md

@ -0,0 +1,51 @@
**Interview Guide Example:**
**Objective:**
Know more about what bugs mums the most when they book holidays for their family.
**Hypotheses**:
- The distribution of tasks is often uneven
- Timing and logistics are the most sensitive topics
**Script**
**Introduction**
Hello! My name is Jasmin and I am conducting user research about how mums organize a trip when they are going on holidays with their family. Hence I'd love to know more about your experience in that kind of situation. Can I have 15 minutes of your time for a chat?
**Screening questions:**
- How old are you?
- Where do you live?
- What do you do for a living?
**Topic 1: Tasks distribution upfront**
- When was the last time you went on holiday with your family?
- Who organized what before the stay (location, transportation, food shopping)?
- How easy was it? Why?
**Topic 2: Potential tensions**
- How well did the holiday go in terms of tasks management?
- Who took care of what?
- Were there any frustration due to the logistics? Why?
**Topic 3: Tools**
- What tools did you and your partner use to set up the holidays (apps, sites, canvas, etc.)?
- How helpful were they? Why?
**Topic 4: Next trip**
- What would you like to change between your last and next trip with your family?
**Conclusion**
Thank you so much for your time! This is very helpful for our research, especially on knowing what to improve to ease holiday organization management.
Would you have anyone you know who you think is quite concerned about this topic?
We/I will prepare a questionnaire for other kinds of information. Would you be kind enough to answer it when it's ready?

2
subjects/ux/going-on-holidays-with-friends/problem-statement/README.md

@ -8,7 +8,7 @@ You may use the How Might We exercise in pairs.
**Deliverable:**
- A problem statement starting with a "How Might We"
- A PDF document with a problem statement starting with a "How Might We"
**Resources:**

28
subjects/ux/going-on-holidays-with-friends/problem-statement/audit/README.md

@ -1,20 +1,8 @@
#### Audit instructions
Make sure:
###### The problem statement is written with a How Might We question
###### It includes the user's main goal
###### It includes the user's main pain
###### It is narrow enough
###### It is broad enough
Examples:
- How might we help friends manage shopping groceries before a weekend to enjoy most of the time they have together?
- Appropriate scope
- How might we make sure everyone is entitled to specific tasks so no one feels unfairly overwhelmed?
- Appropriate scope
- How might we make sure everyone spends a good weekend?
- Too broad: This problem statement does not include the relationship between one another
- How might we make sure who is in charge of the shopping list?
- Too narrow: This problem statement is very specific and answering it may not solve the overall problem.
#### Audit
###### Is there a PDF document ?
###### Is the problem statement written with a How Might We question?
###### Does it include the user's main goal?
###### Does is include the user's main pain
###### Is it narrow enough?
###### Is it broad enough?

4
subjects/ux/going-on-holidays-with-friends/prototyping/README.md

@ -10,8 +10,8 @@ Give another dimension to your user flow and turn your user flow into a paper pr
**Deliverables:**
- Paper prototype
- Wireframes (mid-fi) to upload on the platform
- A paper prototype
- Wireframes (mid-fi) to upload on the Figma
**Tips:** Vocabulary

17
subjects/ux/going-on-holidays-with-friends/prototyping/audit/README.md

@ -1,10 +1,9 @@
#### Audit instructions
#### Audit
Make sure:
###### There are between 6 and 12 different screens
###### The screens match the main steps of the user flow
###### The mid-fidelity wireframes match the paper prototypes
###### Paper prototypes and wireframes are in black, grey, and white and do not include any style elements.
###### Each screen has the principle navigation elements (arrows, menu, call to actions)
###### One screen must follow the other according to the user flow
###### Is there a paper prototype?
###### Are there between 6 and 12 different screens on the paper prototype?
###### Do the screens match the main steps of the user flow?
###### Are there mid-fidelity wireframes on Figma that match the paper prototypes?
###### Are the paper prototypes and wireframes in black, grey, and white and do not include any style elements?.
###### Does each screen have the main navigation elements (arrows, menu, call to actions)?
###### Does each screen follow the other according to the user flow?

6
subjects/ux/going-on-holidays-with-friends/run-interviews/README.md

@ -7,4 +7,8 @@ Go outside! Meet random people in cafés, at the bus, on city squares, in parks,
You can offer them a coffee to thank them, sometimes a smile suffices!
At least 3 of your interviews must be with strangers. You'd be surprised how people are happy to help and looooove talking about themselves.
Then, write down the script on a written document, and give elements of context regarding each interview (place, time, name, etc.)
Then, write down the script on a written document, and give elements of context regarding each interview (place, time, name, etc.)
**Deliverables:**
- A PDF document with the scripts from all the 6 interviews.

11
subjects/ux/going-on-holidays-with-friends/run-interviews/audit/README.md

@ -1,7 +1,6 @@
#### Audit instructions
#### Audit
Make sure there are:
###### Minimum 6 different interviews
###### Minimum 3 interviews with random people outside the building (ask the conditions where the interview was triggered and made)
###### A match between the question from the interview guide and the written script of the interview
###### Is there a PDF document with the scripts from all the interviews?
###### Are there at least 6 different interviews?
###### Are there at least 3 interviews with random people outside the building (ask the conditions where the interview was triggered and made)?
###### Do the question from the interview guide match the written script of the interview?

2
subjects/ux/going-on-holidays-with-friends/user-flow/README.md

@ -7,7 +7,7 @@ You can include one, two, of the three main ideas from your ideation process, de
**Deliverable:**
- A comprehensive user flow on a board (digital or physical)
- A comprehensive user flow on a board (digital or on paper)
**Resources:**

14
subjects/ux/going-on-holidays-with-friends/user-flow/audit/README.md

@ -1,8 +1,8 @@
#### Audit instructions
#### Audit
Make sure:
###### The user has a specific goal
###### There is a starting point and an ending point ###### which is the goal of the user
###### There is a series of actions organized in rectangles (actions) or diamond (choice)
###### The actions are linked with arrows
###### Is there a user flow (on paper or digital)?
###### Does the user have a specific goal?
###### Is there a starting point and an ending point?
###### Is the ending point the goal of the user?
###### Is there a series of actions organized in rectangles (actions) or diamonds (choices)?
###### Are the actions linked with arrows?

2
subjects/ux/lets-fight-harassment/broadcast-stategy/README.md

@ -8,7 +8,7 @@ Even though a proper survey requires at least 100 answers, for this exercise we
**Deliverables:**
- A document gathering your strategy. Please include:
- A PDF document gathering your strategy. Please include:
- Who you are targeting (remember, you can focus on your hometown as well as the whole planet)
- A few ideas about how to reach them
- The channels you intend to use - be specific and include the links to the groups, forums, pages, account you plan to reach

20
subjects/ux/lets-fight-harassment/broadcast-stategy/audit/README.md

@ -1,12 +1,10 @@
#### Audit instructions
#### Audit
Make sure:
###### There is a document
###### The ideas are structured
###### The target is defined in terms of profile, age rank, situations, location
###### At least 8 different channels (and links) with social networks, pages, groups, forums, influencers, etc. included
###### There are at least two different messages
###### There are at least 3 rounds of campaigns as plans A, B and C
###### There are at least 40 answers
###### There is a feedback document including the main takeaways from this experience
###### Is there a PDF document?
###### Are the ideas structured?
###### Is the target defined in terms of profile, age rank, situations, location?
###### Are there at least 8 different channels (and links) with social networks, pages, groups, forums, influencers, etc. included?
###### Are there at least two different messages?
###### Are there at least 3 rounds of campaigns as plans A, B and C?
###### Are there at least 40 answers?
###### Is there a feedback document including the main takeaways from this experience?

2
subjects/ux/lets-fight-harassment/competitive-analyss/README.md

@ -22,7 +22,7 @@ Compare these 10 organizations' main actions, channels, values, according to the
**Deliverables :**
- A competitive report with an introduction that explains your main conclusions
- A PDF document of a competitive report with an introduction that explains your main conclusions
- A chart to show the competitive landscape, with 2 axes of your choice (digital, psychological, local, closeness to students, institutional, etc.)
- A table to compare the organizations on 5 to 10 criteria

19
subjects/ux/lets-fight-harassment/competitive-analyss/audit/README.md

@ -1,11 +1,10 @@
#### Audit instructions
#### Audit
Make sure:
###### There is an introduction
###### There is a [competitive landscape](https://venngage-wordpress.s3.amazonaws.com/uploads/2019/03/g2crowd-grid.png)
###### With 2 relevant axes
###### 10 organizations appear on the landscape
###### There is a [competitive table](https://venngage-wordpress.s3.amazonaws.com/uploads/2019/03/product-features-comparison-matrix.png)
###### With 5 to 10 criteria
###### 10 organizations appear on the table
###### Is there a PDF document that includes the deliverables?
###### Is there an introduction?
###### Is there a [competitive landscape](https://venngage-wordpress.s3.amazonaws.com/uploads/2019/03/g2crowd-grid.png) like this example?
###### Are there 2 relevant axes on the competitive landscape?
###### Are there 10 organizations that appear on the landscape?
###### Is there a [competitive table](https://venngage-wordpress.s3.amazonaws.com/uploads/2019/03/product-features-comparison-matrix.png) like this example?
###### Are there 5 to 10 criteria on the competitive table?
###### Are there 10 organizations that appear on the table?

5
subjects/ux/lets-fight-harassment/interviews/README.md

@ -9,8 +9,9 @@ After knowing more about trends and "What" people do thanks to surveys, the main
**Deliverables:**
- 1 interview guide
- 3 scripts or an affinity diagram from your interviews
- A PDF document with an interview guide
- A PDF document with 3 scripts
- An affinity diagram from your interviews (PDF or digital, on Miro or Figma for example)
**Resources:**

43
subjects/ux/lets-fight-harassment/interviews/audit/README.md

@ -1,40 +1,5 @@
#### Audit instructions
#### Audit
Make sure there is:
###### 1 interview guide
###### 3 scripts or an [affinity diagram](https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q1/affinity-diagram3.png) from the interviews
Example of an interview guide:
Hello! My name is Agathe and I am conducting research about athletes and people who practice sports regularly. Hence, I'd be very happy to ask you some questions about the way you run, your habits, and the pain points you may have.
This interview will probably last 20 to 30 minutes.
Do you have any questions before we start?
Run
- What sports do you practice?
- How often do you run?
- When was the last time you went out for a run?
Races
- What was the last race you ran?
- How was it? Tell me about the experience you had.
- How did you get prepared?
- What would you have done differently? Why?
Hydration
- What do you remember about the way you hydrated?
- How did you manage your hydration?
- Have you ever found yourself in trouble due to hydration? What happened?
- What would you never do again? Why?
That's it, we went through all the questions I had.
Thank you so much for your time!
I have a last favor to ask you: is there anyone you know who runs frequently and would be available for a talk?
###### Is there a PDF document wtih the interview guide?
###### Are there 3 scripts?
###### Is there an [affinity diagram](https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q1/affinity-diagram3.png) from the interviews?

4
subjects/ux/lets-fight-harassment/personas/README.md

@ -8,6 +8,10 @@ Your persona card should include common trends amongst the people you got data f
Reminder: Your persona is fictional and should not have the exact name or picture as someone you interviewed, but remember a persona is here so you can make decisions as a designer.
**Deliverables:**
- A PDF persona card extracted from a Figma file
**Resources:**
- [Make your persona great again](https://uxdesign.cc/personas-e60c1c06ead1)

17
subjects/ux/lets-fight-harassment/personas/audit/README.md

@ -1,10 +1,9 @@
#### Audit instructions
#### Audit
Make sure:
###### There is a framework
###### The persona has a name (consistent with the people interviewed)
###### There are demographics
###### The persona's pain points are included
###### The persona's drivers are included
###### The persona's behaviors are included (hobbies, technology, whatever seems relevant)
###### Is there a PDF document ?
###### Is there a framework?
###### Does the persona have a name (consistent with the people interviewed)?
###### Is there demographic data?
###### Are the persona's pain points included?
###### Are the persona's drivers included?
###### Are the persona's behaviors included (hobbies, technology, whatever seems relevant)?

7
subjects/ux/lets-fight-harassment/problem-statement/README.md

@ -8,8 +8,7 @@ Then, define 3 KPIs (Key performance Indicators) that will help you measure the
**Deliverables:**
- 1 problem statement
- 3 KPIs to measure the impact of the solution
- A PDF document with one problem statement and 3 KPIs to measure the impact of the solution
**Resources:**
@ -22,6 +21,10 @@ Then, define 3 KPIs (Key performance Indicators) that will help you measure the
- [A metrics-driven approach to evaluate success of UX design](https://uxdesign.cc/a-metrics-driven-approach-to-evaluate-success-of-ux-design-dd3bea098820?sk=acf1b1f7f0a7663d34d11906339b4698)
- [A big list of UX KPIs and metrics](https://www.cxpartners.co.uk/our-thinking/big_list_of_ux_kpis_and_metrics/)
- [How to use SMART goals to build your KPIs](https://www.grow.com/blog/how-to-use-smart-goals-to-build-your-kpis)
- Exampels of KPIs (fake data! Not to be copied or used!):
- Harassment case report rates increase by 20% within 2 years
- Online harassment drops by 30% within 5 years
- 90% of the 15-18 year-olds knows a harassment witness response process within 2 years
**Quote:**

34
subjects/ux/lets-fight-harassment/problem-statement/audit/README.md

@ -1,26 +1,8 @@
#### Audit instructions
Make sure:
###### The problem statement is written with a How Might We question
###### It includes the persona's main goal or main painpoint
###### It is narrow enough
###### It is broad enough
###### There are 3 measurable KPIs ([check the SMART list](https://www.grow.com/blog/how-to-use-smart-goals-to-build-your-kpis))
Examples of Problem Statements:
- How might we encourage people to react or interfere right away when they witness harassment?
- Appropriate
- How might we educate teenagers not to encourage harassment online?
- Appropriate
- How might we make sure harassment stops?
- Too broad: This problem statement does not include the context of a high school.
- How might we make sure the the harasser feels guilty ?
- Too narrow: The overall problem may not be solved if this problem statement is solved.
Examples of KPIs:
- Harassment case report rates increase by 20% within 2 years
- Online harassment drops by 30% within 5 years
- 90% of the 15-18 year-olds knows a harassment witness response process within 2 years
#### Audit
###### Is there a PDF document ?
###### Is the problem statement written with a How Might We question?
###### Does the problem statement include the persona's main goal or main painpoint?
###### Is it narrow enough?
###### Is it broad enough?
###### Are there 3 measurable KPIs ([check the SMART list](https://www.grow.com/blog/how-to-use-smart-goals-to-build-your-kpis))?

2
subjects/ux/lets-fight-harassment/surveys/README.md

@ -10,7 +10,7 @@ To be used in proper studies and get viable results, a form should gather at lea
**Deliverables:**
- A document including your objective(s) and your hypotheses
- A PDF document including your objective(s) and your hypotheses
- A survey ready to be spread
**Tips:**

21
subjects/ux/lets-fight-harassment/surveys/audit/README.md

@ -1,12 +1,11 @@
#### Audit instructions
#### Audit
Make sure there is:
###### The main purpose of the form
###### 1 to 3 hypotheses
###### A proper introduction that describes the interviewer and the purpose of this interview
###### 3 to 5 main topics
###### A few screening questions
###### Closed-ended, unbiased questions, max 10
###### A funnel process (>)
###### A conclusion with the next steps and a thank you.
###### Is there a PDF document?
###### Is there the main purpose of the form?
###### Are there 1 to 3 hypotheses?
###### Is there a proper introduction that describes the interviewer and the purpose of this interview?
###### Are there 3 to 5 main topics?
###### Are there a few screening questions?
###### Are there closed-ended, unbiased questions, max 10?
###### Is there a funnel process (>) ?
###### Is there a conclusion with the next steps and a thank you message?

4
subjects/ux/lets-fight-harassment/user-journey/README.md

@ -12,7 +12,7 @@ Then, highlight the main pain points that need to be solved.
**Deliverable:**
- Your persona's user journey
- A PDF document with your persona's user journey
**Resources:**
@ -23,6 +23,8 @@ Most articles you'll find will be about user journeys or customer journeys. Keep
- [Journey Mapping: How to build it](https://www.lucidchart.com/blog/how-to-build-customer-journey-maps)
- [Journey Mapping template](https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q3/SEO-initiative-customer-journey-mapping/CustomerJourneyMap1.png)
- [Journey Mapping example on Figma](https://www.figma.com/file/5tittjiznRCWTNR2xI5FIT/Untitled?node-id=0%3A1)
- [Example](https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q3/SEO-initiative-customer-journey-mapping/CustomerJourneyMap1.png)
**Quotes:**

15
subjects/ux/lets-fight-harassment/user-journey/audit/README.md

@ -1,10 +1,7 @@
#### Audit instructions
#### Audit
Make sure
###### There is a timeline
###### The timeline shows the journey of your persona
###### There are emotions
###### The main pain points are highlighted
[Example](https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q3/SEO-initiative-customer-journey-mapping/CustomerJourneyMap1.png)
###### Is there a PDF document?
###### Is there a frame with a timeline?
###### Does the timeline show the journey of the persona?
###### Are there emotions included at each step?
###### Are the main pain points highlighted?

2
subjects/ux/music-on/card-sorting/README.md

@ -25,7 +25,7 @@ To do so:
**Deliverables:**
- A card sorting workshop script with the research goals
- A card sorting workshop script with the research goals (PDF document)
- Pictures of the ongoing workshop
- A document to show the new content organization (it can be a picture of the board with sticky notes or the digital version).

13
subjects/ux/music-on/card-sorting/audit/README.md

@ -1,8 +1,7 @@
#### Audit instructions
#### Audit
Make sure
###### There is a script including the research goals.
###### The research goals must be close to "rearrange the content"
###### There are pictures of the ongoing workshop
###### There is a new content organization shown in a table with sticky notes (it can be a picture or digital)
###### Is there a PDF document ?
###### Is there a script including the research goals?
###### Are the research goals close to "rearrange the content"?
###### Are there pictures of the ongoing workshop?
###### Is there a new content organization shown in a table with sticky notes (it can be a picture or digital)?

2
subjects/ux/music-on/heuristics/README.md

@ -17,7 +17,7 @@ Conduct a heuristic analysis on **one** of these websites:
**Deliverables:**
- A completed chart and checklist
- A duplicated and completed chhecklist on a sheet document (Google Sheets, Airtable, Excel, etc.)
- [Tool : Heuristic evaluation checklist](https://drive.google.com/file/d/10KbfbNZA1oVS1sXbjjXLPPmdZ6nqVkdc/view)
**Resources:**

8
subjects/ux/music-on/heuristics/audit/README.md

@ -1,5 +1,5 @@
#### Audit instructions
#### Audit
Make sure:
###### The chart is complete
###### Is there a document?
###### Is the chart duplicated?
###### Is the chart complete?

2
subjects/ux/music-on/jtbd/README.md

@ -16,7 +16,7 @@ And remember: You are not your user!
**Deliverable:**
- A complete Jobs-to-Be-Done
- A complete Jobs-to-Be-Done on a PDF document