diff --git a/subjects/create-files.sh b/subjects/create-files.sh new file mode 100755 index 0000000..58b809a --- /dev/null +++ b/subjects/create-files.sh @@ -0,0 +1 @@ +touch $1/README.md && mkdir $1/audit && touch $1/audit/README.md \ No newline at end of file diff --git a/subjects/program-list.md b/subjects/program-list.md new file mode 100644 index 0000000..7efc271 --- /dev/null +++ b/subjects/program-list.md @@ -0,0 +1,125 @@ +UX Program +UX Quest 1 = Athele, keep hydrated! +Ex 1 = User interview +Ex 2 = Analytics +Ex 3 = Personas +Ex 4 = User Journey +Ex 5 = Problem Statement +Ex 6 = Ideation +Ex 7 = Prototyping + +UX Quest 2 = Going on holidays with friends +Ex 1 = Interview Guide +Ex 2 = Run Interviews +Ex 3 = Affinity Diagram +Ex 4 = Problem Statement +Ex 5 = Ideation +Ex 6 = User Flow +Ex 7 = Prototyping + +UX Quest 3 = Let s fight harassment +Ex 1 = Competitive Analysis +Ex 2 = Surveys +Ex 3 = Broadcast Strategy +Ex 4 = Interviews +Ex 5 = Personas +Ex 6 = User Journey +Ex 7 = Problem Statement + +UX Quest 4 = The Olympics +Ex 1 = Ideation A +Ex 2 = Ideation B +Ex 3 = Ideation C +Ex 4 = User Flow +Ex 5 = Prototyping +Ex 6 = Animation +Ex 7 = Test + +UX Quest 5 = Music on +Ex 1 = Heuristics +Ex 2 = Site map +Ex 3 = JTBD +Ex 4 = Card Sorting +Ex 5 = Wireframes +Ex 6 = Test protocol +Ex 7 = Run 5 tests + +UX Quest 6 = Sunday night movie +Ex 1 = User Flow +Ex 2 = Wireframes +Ex 3 = WIreframes animation +Ex 4 = Test on Feature 1 +Ex 5 = Test on Feature 2 +Ex 6 = Test on Feature 3 +Ex 7 = Iteration + +UX Quest 7 = Seamstress +Ex 1 = UX Strategy +Ex 2 = Empathy +Ex 3 = Define +Ex 4 = Problem Statement +Ex 5 = Ideation +Ex 6 = Prototype +Ex 7 = Test + +UI Program +UI Quest 1 = Colors and moodboard +Ex 1 = Find the Colors +Ex 2 = Color codes +Ex 3 = Color combinations +Ex 4 = Moodboard +Ex 5 = Typography +Ex 6 = Typography Moodboard +Ex 7 = UI Challenge Timer +Ex 8 = UI Challenge Watches +Ex 9 = UI Challenge Flight +Ex 10 = UI Challenge Spotify +Ex 11 = UI Challenge Bitcoin Dashboard + +UI Quest 2 = Atomic Design +Ex 1 = Browsing +Ex 2 = Material Design +Ex 3 = Design System Library +Ex 4 = Library for climbing addicts +Ex 5 = Library for a dating app + +UI Quest 3 = Rules +Ex 1 = Grids +Ex 2 = Multi State +Ex 3 = Accessibility (website) +Ex 4 = Accessibility (app) +Ex 5 = Breadcrumbs +Ex 6 = Toggle Buttons +Ex 7 = Radio Buttons +Ex 8 = Calendars +Ex 9 = Time Pickers +Ex 10 = Micro Interactions +Ex 11 = Consistency + +UI Quest 4 = Building an interface +Ex 1 = Styleguide +Ex 2 = Design System Library +Ex 3 = Design Screens +Ex 4 = Animation +Ex 5 = Desirability Testing + +UI Quest 5 = Heuristics +Ex 1 = Audit +Ex 2 = Recommendations + + +Project 1 = Get a room! +Part 1 = ux +Part 2 = ui + +Project 2 = Let s do some sports +Part 1 = ux +Part 2 = ui + +Project 3 = Let s fair trade +Part 1 = ux +Part 2 = ui + +Project 4 = A table ! +Part 1 = ux +Part 2 = ui diff --git a/subjects/project-4/project-4-2/README.md b/subjects/project-a-table/ui/README.md similarity index 60% rename from subjects/project-4/project-4-2/README.md rename to subjects/project-a-table/ui/README.md index 68352b5..d76cfa8 100644 --- a/subjects/project-4/project-4-2/README.md +++ b/subjects/project-a-table/ui/README.md @@ -1,31 +1,6 @@ # Project 4: A table ! -_Reminder of the general brief - Just focus on Phase 2 ;)_ - -Design a Food delivery app (interfaces and user journey for (1) the restaurant owners, (2) the clients, (3) the delivery men (4) the delivery men managers, on mobile and desktop. - -DeliverNow is a company that helps restaurants deliver take-away food, thanks to a series of runners. - -They recently had bad comments from customers: - -‘Our customers currently face problems with wrong estimated delivery times, the amount of unnecessary cutlery and condiments. - -Our runners complain about the allocation of routes among them. - -The managers can’t manage their drivers well since they don’t have a clear enough vision of the runners. - -Finally, the restaurants complain because they have a hard time managing the preparation of the food on-site and take-away.’ - -Thus, they ask your team to redesign the full experience: - -- For customers -- For restaurants -- For runners -- For runners’ managers - -You have to meet your client after 3 weeks to give a first presentation of your work, after completing a tested mid-fidelity prototype for each user 4 journeys. - -The final presentation of your work will take place 2 weeks after the mid presentation, where you’ll show a tested high-fidelity prototype of each of the 4 journeys. +Show a tested high-fidelity prototype of each of the 4 journeys. **Estimated time:** 5 weeks @@ -33,13 +8,8 @@ The final presentation of your work will take place 2 weeks after the mid presen **Guidelines:** -- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. -- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test. -- In this context, 4 users = 4 personas = 4 user journeys = 4 prototypes -- You must interview or ask real people during the Empathy / User Research and Test phases. -- In your prototypes, if necessary, show your audience the user journey for each persona when there is one order. -- In both phases, you must test your prototypes with at least 5 people. -- Make both presentations as if you were showing your work to DeliverNow team. Make sure there are at least 5 people in the audience. +- Test your prototypes with at least 5 people. +- Make your presentations as if you were showing your work to DeliverNow team. Make sure there are at least 5 people in the audience. - Prepare a feedback form to send the audience. The form must include at least the questions listed below. - Timing: 15 minutes for the presentation and 5 minutes for Q&A. - You may use the presentation audits to structure your presentations. diff --git a/subjects/project-1/project-1-2/audit/README.md b/subjects/project-a-table/ui/audit/README.md similarity index 100% rename from subjects/project-1/project-1-2/audit/README.md rename to subjects/project-a-table/ui/audit/README.md diff --git a/subjects/project-4/project-4-1/README.md b/subjects/project-a-table/ux/README.md similarity index 100% rename from subjects/project-4/project-4-1/README.md rename to subjects/project-a-table/ux/README.md diff --git a/subjects/project-1/project-1-1/audit/README.md b/subjects/project-a-table/ux/audit/README.md similarity index 100% rename from subjects/project-1/project-1-1/audit/README.md rename to subjects/project-a-table/ux/audit/README.md diff --git a/subjects/project-1/project-1-2/README.md b/subjects/project-get-a-room/ui/README.md similarity index 68% rename from subjects/project-1/project-1-2/README.md rename to subjects/project-get-a-room/ui/README.md index 0008711..47fb939 100644 --- a/subjects/project-1/project-1-2/README.md +++ b/subjects/project-get-a-room/ui/README.md @@ -1,18 +1,6 @@ # Project 1 - Get a room! Phase 2 -_Reminder of the general brief - Just focus on Phase 2 ;)_ - -Creation of a room booking service on desktop - -Barbara works at Coworking Square, which is a coworking place in Amsterdam. -She needs help to manage bookings. Among the 50 spots that are in the working space, 35 can be rented by month or by week, and 15 are hot spots that can be booked for one day. - -For now, she manages everything with paper calendars but that’s not really efficient. -‘I wish my clients could book spots weekly, monthly or daily online and pay everything upfront so I don’t have to deal with billing above all’ -She calls you to design a website that could solve her problem. - -You have to meet her after one week to give a first presentation of your work, after completing a tested mid-fidelity prototype. -The final presentation of your work will take place one week after the mid presentation, where you’ll show a tested high-fidelity prototype. +Show a tested high-fidelity prototype. **Estimated time:** 2 weeks @@ -20,10 +8,7 @@ The final presentation of your work will take place one week after the mid prese **Guidelines:** -- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. -- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test. -- You must interview or ask real people during the Empathy / User Research and Test phases. -- In both phases, you must test your prototypes with at least 5 people. +- 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. - 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. diff --git a/subjects/project-2/project-2-2/audit/README.md b/subjects/project-get-a-room/ui/audit/README.md similarity index 100% rename from subjects/project-2/project-2-2/audit/README.md rename to subjects/project-get-a-room/ui/audit/README.md diff --git a/subjects/project-1/project-1-1/README.md b/subjects/project-get-a-room/ux/README.md similarity index 100% rename from subjects/project-1/project-1-1/README.md rename to subjects/project-get-a-room/ux/README.md diff --git a/subjects/project-2/project-2-1/audit/README.md b/subjects/project-get-a-room/ux/audit/README.md similarity index 100% rename from subjects/project-2/project-2-1/audit/README.md rename to subjects/project-get-a-room/ux/audit/README.md diff --git a/subjects/project-2/project-2-2/README.md b/subjects/project-lets-do-some-sports/ui/README.md similarity index 69% rename from subjects/project-2/project-2-2/README.md rename to subjects/project-lets-do-some-sports/ui/README.md index c8ed680..0211db6 100644 --- a/subjects/project-2/project-2-2/README.md +++ b/subjects/project-lets-do-some-sports/ui/README.md @@ -1,20 +1,6 @@ # Project 2: Let’s do some sports! -_Reminder of the general brief - Just focus on Phase 2 ;)_ - -Creation of a sports app with data tracking on mobile and e-watch (data visualization) - -Yara is a runner. She runs 5 times a week and she’s passionate! She’d like to challenge her own performance to make sure she is making progress. - -Yara uses an Apple Watch and her iPhone. - -‘I wish I could have consistent data about my trainings, more than what already exists. I can run with my watch and I’d like to analyse and share my results with my sport coach.” - -She asks you to design an app on a watch and on mobile that could solve her problem. - -You have to meet her after one week to give a first presentation of your work, after completing a tested mid-fidelity prototype. - -The final presentation of your work will take place one week after the mid presentation, where you’ll show a tested high-fidelity prototype. +Show a tested high-fidelity prototype. **Estimated time:** 2 weeks @@ -22,10 +8,7 @@ The final presentation of your work will take place one week after the mid prese **Guidelines:** -- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. -- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test. -- You must interview or ask real people during the Empathy / User Research and Test phases. -- In both phases, you must test your prototypes with at least 5 people. +- Test your prototypes with at least 5 people. - Make a presentation as if you were showing your work to Yara. Make sure there are at least 5 people in the audience. - Prepare a feedback form to send the audience. The form must include at least the questions listed below. - In both presentations, you are presenting to Barbara and her team. diff --git a/subjects/project-3/project-3-2/audit/README.md b/subjects/project-lets-do-some-sports/ui/audit/README.md similarity index 100% rename from subjects/project-3/project-3-2/audit/README.md rename to subjects/project-lets-do-some-sports/ui/audit/README.md diff --git a/subjects/project-2/project-2-1/README.md b/subjects/project-lets-do-some-sports/ux/README.md similarity index 100% rename from subjects/project-2/project-2-1/README.md rename to subjects/project-lets-do-some-sports/ux/README.md diff --git a/subjects/project-3/project-3-1/audit/README.md b/subjects/project-lets-do-some-sports/ux/audit/README.md similarity index 100% rename from subjects/project-3/project-3-1/audit/README.md rename to subjects/project-lets-do-some-sports/ux/audit/README.md diff --git a/subjects/project-3/project-3-2/README.md b/subjects/project-lets-fair-trade/ui/README.md similarity index 66% rename from subjects/project-3/project-3-2/README.md rename to subjects/project-lets-fair-trade/ui/README.md index 9d945ef..30d110d 100644 --- a/subjects/project-3/project-3-2/README.md +++ b/subjects/project-lets-fair-trade/ui/README.md @@ -1,18 +1,6 @@ # Project 3: Let’s fair trade -_Reminder of the general brief - Just focus on Phase 2 ;)_ - -Creation of an ecommerce platform for second-hand clothes on desktop and mobile - -Bruno loves fashion. He loves buying clothes! As he is cautious with the environment, he prefers buying second-hand clothing. However, the existing platforms are not very user-friendly. - -‘I need to know more about the environmental impact of the pieces I buy. I’d like to know how old they are, where they are coming from, to measure their life and the amount of kilometres they have traveled. When a new pair of jeans arrive at the ready-to-wear store in Europe, they consumed approximately 11,000 litres of water and travelled 65,000 kilometres. I’d like to monitor that kind of data.’ - -You gather a team of 3 to think and design a website and an app for second-hand products. - -You have to meet Bruno after 2 weeks to give a first presentation of your work, after completing a tested mid-fidelity prototype. - -The final presentation of your work will take place 2 weeks after the mid presentation, where you’ll show a tested high-fidelity prototype. +Show a tested high-fidelity prototype. **Estimated time:** 4 weeks @@ -20,10 +8,7 @@ The final presentation of your work will take place 2 weeks after the mid presen **Guidelines:** -- You may consider building your UX and UI strategy before jumping in. Remember to question the initial brief with user research. -- Beware all the steps of the design process: Empathy, Define, Problem Statement, Ideation, Prototype, Test. -- You must interview or ask real people during the Empathy / User Research and Test phases. -- In both phases, you must test your prototypes with at least 5 people. +- Test your prototypes with at least 5 people. - Make a presentation as if you were showing your work to Bruno. Make sure there are at least 5 people in the audience. - Prepare a feedback form to send the audience. The form must include at least the questions listed below. - In both presentations, you are presenting to Barbara and her team. diff --git a/subjects/project-4/project-4-2/audit/README.md b/subjects/project-lets-fair-trade/ui/audit/README.md similarity index 100% rename from subjects/project-4/project-4-2/audit/README.md rename to subjects/project-lets-fair-trade/ui/audit/README.md diff --git a/subjects/project-3/project-3-1/README.md b/subjects/project-lets-fair-trade/ux/README.md similarity index 100% rename from subjects/project-3/project-3-1/README.md rename to subjects/project-lets-fair-trade/ux/README.md diff --git a/subjects/project-4/project-4-1/audit/README.md b/subjects/project-lets-fair-trade/ux/audit/README.md similarity index 100% rename from subjects/project-4/project-4-1/audit/README.md rename to subjects/project-lets-fair-trade/ux/audit/README.md diff --git a/subjects/ui/ui-2/ui-2-1/README.md b/subjects/ui/atomic-design/browsing/README.md similarity index 100% rename from subjects/ui/ui-2/ui-2-1/README.md rename to subjects/ui/atomic-design/browsing/README.md diff --git a/subjects/ui/ui-2/ui-2-1/audit/README.md b/subjects/ui/atomic-design/browsing/audit/README.md similarity index 100% rename from subjects/ui/ui-2/ui-2-1/audit/README.md rename to subjects/ui/atomic-design/browsing/audit/README.md diff --git a/subjects/ui/ui-2/ui-2-3/README.md b/subjects/ui/atomic-design/design-system-library/README.md similarity index 68% rename from subjects/ui/ui-2/ui-2-3/README.md rename to subjects/ui/atomic-design/design-system-library/README.md index 79ed5eb..263a3fc 100644 --- a/subjects/ui/ui-2/ui-2-3/README.md +++ b/subjects/ui/atomic-design/design-system-library/README.md @@ -1,11 +1,5 @@ # UI II - Ex 3 - Design system library -**Context:** - -Welcome to the 2nd quest of UI! - -This series of exercises is a great occasion for you to discover how libraries are made in UI, thanks to Atomic Design. - **Instructions:** Copy 10 elements from easyJet design system, including diff --git a/subjects/ui/ui-2/ui-2-3/audit/README.md b/subjects/ui/atomic-design/design-system-library/audit/README.md similarity index 100% rename from subjects/ui/ui-2/ui-2-3/audit/README.md rename to subjects/ui/atomic-design/design-system-library/audit/README.md diff --git a/subjects/ui/ui-2/ui-2-5/README.md b/subjects/ui/atomic-design/library-for-a-dating-app/README.md similarity index 88% rename from subjects/ui/ui-2/ui-2-5/README.md rename to subjects/ui/atomic-design/library-for-a-dating-app/README.md index e646984..6a01785 100644 --- a/subjects/ui/ui-2/ui-2-5/README.md +++ b/subjects/ui/atomic-design/library-for-a-dating-app/README.md @@ -1,11 +1,5 @@ # UI II - Ex 5 - Library for a dating app -**Context:** - -Welcome to the 2nd quest of UI! - -This series of exercises is a great occasion for you to discover how libraries are made in UI, thanks to Atomic Design. - **Instructions:** You are asked to design a dating app. diff --git a/subjects/ui/ui-2/ui-2-5/audit/README.md b/subjects/ui/atomic-design/library-for-a-dating-app/audit/README.md similarity index 100% rename from subjects/ui/ui-2/ui-2-5/audit/README.md rename to subjects/ui/atomic-design/library-for-a-dating-app/audit/README.md diff --git a/subjects/ui/ui-2/ui-2-4/README.md b/subjects/ui/atomic-design/library-for-climbing-addicts/README.md similarity index 88% rename from subjects/ui/ui-2/ui-2-4/README.md rename to subjects/ui/atomic-design/library-for-climbing-addicts/README.md index d444092..bbe71f7 100644 --- a/subjects/ui/ui-2/ui-2-4/README.md +++ b/subjects/ui/atomic-design/library-for-climbing-addicts/README.md @@ -1,11 +1,5 @@ # UI II - Ex 4 - Library for climbing addicts -**Context:** - -Welcome to the 2nd quest of UI! - -This series of exercises is a great occasion for you to discover how libraries are made in UI, thanks to Atomic Design. - **Instructions:** You are part of a climbing group and volunteer to rebrand the website of your club. diff --git a/subjects/ui/ui-2/ui-2-4/audit/README.md b/subjects/ui/atomic-design/library-for-climbing-addicts/audit/README.md similarity index 100% rename from subjects/ui/ui-2/ui-2-4/audit/README.md rename to subjects/ui/atomic-design/library-for-climbing-addicts/audit/README.md diff --git a/subjects/ui/ui-2/ui-2-2/README.md b/subjects/ui/atomic-design/material-design/README.md similarity index 79% rename from subjects/ui/ui-2/ui-2-2/README.md rename to subjects/ui/atomic-design/material-design/README.md index 09f5a7d..4a7acc5 100644 --- a/subjects/ui/ui-2/ui-2-2/README.md +++ b/subjects/ui/atomic-design/material-design/README.md @@ -1,11 +1,5 @@ # UI II - Ex 2 - Material Design -**Context:** - -Welcome to the 2nd quest of UI! - -This series of exercises is a great occasion for you to discover how libraries are made in UI, thanks to Atomic Design. - **Instructions:** Download [this image](https://storage.googleapis.com/gd-wagtail-prod-assets/original_images/MDA2018_inline_02.jpg) which is a snapshot of 3 screens of Lyft, and detect the order in which the layers were set. diff --git a/subjects/ui/ui-2/ui-2-2/audit/README.md b/subjects/ui/atomic-design/material-design/audit/README.md similarity index 100% rename from subjects/ui/ui-2/ui-2-2/audit/README.md rename to subjects/ui/atomic-design/material-design/audit/README.md diff --git a/subjects/ui/building-an-interface/animation/README.md b/subjects/ui/building-an-interface/animation/README.md new file mode 100644 index 0000000..df3049e --- /dev/null +++ b/subjects/ui/building-an-interface/animation/README.md @@ -0,0 +1,18 @@ +# UI IV - Ex 4 - Animation + +**Instructions:** + +Animate your 5 screens on Figma. Think about multistate!! + +**Deliverable:** + +- An animated high-fidelity prototype + +**Resources:** + +- [Efficiently Manage Your Designs - How Mockplus State Page Helps To View & Manage Multiple State](https://help.mockplus.com/p/372) + +**Quote:** + +‘Speak human: Use the words your users use.’ Dan Saffer | Microinteractions + diff --git a/subjects/ui/ui-4/ui-4-4/audit/README.md b/subjects/ui/building-an-interface/animation/audit/README.md similarity index 100% rename from subjects/ui/ui-4/ui-4-4/audit/README.md rename to subjects/ui/building-an-interface/animation/audit/README.md diff --git a/subjects/ui/building-an-interface/design-screens/README.md b/subjects/ui/building-an-interface/design-screens/README.md new file mode 100644 index 0000000..4f88d30 --- /dev/null +++ b/subjects/ui/building-an-interface/design-screens/README.md @@ -0,0 +1,24 @@ +# UI IV - Ex 3 - Design screens + +**Instructions:** + +Based on the wireframes and your design system library, take your mid-fidelity prototype to a high-fidelity level! + +Select 5 screens that will show the user flow of a customer who: + +- arrives on the homepage +- browses the content +- checks one product page +- adds the product to the cart +- checks out + +Use your components, call to actions and visuals to complete the wireframes. + +**Deliverables:** + +- 5 high-fidelity screens + +**Resources:** + +- [Unsplash](https://unsplash.com/) for visuals +- [From low-fidelity to high-fidelity](https://mockitt.wondershare.com/prototyping/low-fidelity-vs-high-fidelity.html) \ No newline at end of file diff --git a/subjects/ui/ui-4/ui-4-3/audit/README.md b/subjects/ui/building-an-interface/design-screens/audit/README.md similarity index 100% rename from subjects/ui/ui-4/ui-4-3/audit/README.md rename to subjects/ui/building-an-interface/design-screens/audit/README.md diff --git a/subjects/ui/ui-4/ui-4-2/README.md b/subjects/ui/building-an-interface/design-system-library/README.md similarity index 65% rename from subjects/ui/ui-4/ui-4-2/README.md rename to subjects/ui/building-an-interface/design-system-library/README.md index 75197af..c669716 100644 --- a/subjects/ui/ui-4/ui-4-2/README.md +++ b/subjects/ui/building-an-interface/design-system-library/README.md @@ -1,15 +1,5 @@ # UI IV - Ex 2 - Design system library -**Context:** - -In this quest, you’ll have to build your own interface. - -After designing your own style guide with a moodboard, colors and typography, you can use the series of consistency principles, atomic design structure, the techniques to build you own library and then a series of screens. Step by step, you’ll have built an animated high-fidelity prototype. - -The very last step will be to test it on users to detect the impressions they get when they discover your app. - -Once again, feel free to get as much inspiration as you need from existing design systems. Dribbble, consistency and structure are your best friends! - **Instructions:** Based on the moodboard you designed in Ex 1, create a design system with at least 30 elements, including atoms, molecules and organisms, and include multistates. diff --git a/subjects/ui/ui-4/ui-4-2/audit/README.md b/subjects/ui/building-an-interface/design-system-library/audit/README.md similarity index 100% rename from subjects/ui/ui-4/ui-4-2/audit/README.md rename to subjects/ui/building-an-interface/design-system-library/audit/README.md diff --git a/subjects/ui/ui-4/ui-4-5/README.md b/subjects/ui/building-an-interface/desirability-testing/README.md similarity index 73% rename from subjects/ui/ui-4/ui-4-5/README.md rename to subjects/ui/building-an-interface/desirability-testing/README.md index 9cf41ae..402854e 100644 --- a/subjects/ui/ui-4/ui-4-5/README.md +++ b/subjects/ui/building-an-interface/desirability-testing/README.md @@ -1,15 +1,5 @@ # UI IV - Ex 5 - Desirability testing -**Context:** - -In this quest, you’ll have to build your own interface. - -After designing your own style guide with a moodboard, colors and typography, you can use the series of consistency principles, atomic design structure, the techniques to build you own library and then a series of screens. Step by step, you’ll have built an animated high-fidelity prototype. - -The very last step will be to test it on users to detect the impressions they get when they discover your app. - -Once again, feel free to get as much inspiration as you need from existing design systems. Dribbble, consistency and structure are your best friends! - **Instructions:** Run a desirability test! diff --git a/subjects/ui/ui-4/ui-4-5/audit/README.md b/subjects/ui/building-an-interface/desirability-testing/audit/README.md similarity index 100% rename from subjects/ui/ui-4/ui-4-5/audit/README.md rename to subjects/ui/building-an-interface/desirability-testing/audit/README.md diff --git a/subjects/ui/ui-4/ui-4-1/README.md b/subjects/ui/building-an-interface/styleguide/README.md similarity index 100% rename from subjects/ui/ui-4/ui-4-1/README.md rename to subjects/ui/building-an-interface/styleguide/README.md diff --git a/subjects/ui/ui-4/ui-4-1/audit/README.md b/subjects/ui/building-an-interface/styleguide/audit/README.md similarity index 100% rename from subjects/ui/ui-4/ui-4-1/audit/README.md rename to subjects/ui/building-an-interface/styleguide/audit/README.md diff --git a/subjects/ui/ui-1/ui-1-2/README.md b/subjects/ui/colors-and-moodboard/color-codes/README.md similarity index 82% rename from subjects/ui/ui-1/ui-1-2/README.md rename to subjects/ui/colors-and-moodboard/color-codes/README.md index 251bf88..791c925 100644 --- a/subjects/ui/ui-1/ui-1-2/README.md +++ b/subjects/ui/colors-and-moodboard/color-codes/README.md @@ -1,9 +1,5 @@ # UI I - Ex 2 - Color codes -**Context:** - -This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma! - **Instructions:** Go to these 7 websites and make the color palettes out of them (3 to 4 main colors). @@ -14,7 +10,7 @@ Go to these 7 websites and make the color palettes out of them (3 to 4 main colo **Tips:** -- You can use the document from the previous exercise to add the color codes on Figma +- You can use the document from the previous exercise to add the color codes on Figma. - Use the Color Pipette to detect the color codes! **Resources:** diff --git a/subjects/ui/colors-and-moodboard/color-codes/audit/README.md b/subjects/ui/colors-and-moodboard/color-codes/audit/README.md new file mode 100644 index 0000000..dc1b895 --- /dev/null +++ b/subjects/ui/colors-and-moodboard/color-codes/audit/README.md @@ -0,0 +1,4 @@ +#### Audit + +###### Is there a PDF document? +###### Do the color codes match with the extracted colors ? You can use [Hex Color Codes](https://hexcolorcodes.org/) diff --git a/subjects/ui/ui-1/ui-1-3/audit/README.md b/subjects/ui/colors-and-moodboard/color-combinations/README.md similarity index 52% rename from subjects/ui/ui-1/ui-1-3/audit/README.md rename to subjects/ui/colors-and-moodboard/color-combinations/README.md index 6f0fb78..7c54aa9 100644 --- a/subjects/ui/ui-1/ui-1-3/audit/README.md +++ b/subjects/ui/colors-and-moodboard/color-combinations/README.md @@ -1,55 +1,73 @@ -#### Audit instructions +# UI I - Ex 3 - Color combinations +**Instructions:** -[Exercise example](https://www.figma.com/file/IXsXrJz9FPKPp8PKQxNhxT/UI---Ex-3?node-id=0%3A1) +Let's browse! -Here are examples of combinations on websites. +Find 3 digital products (websites or apps) that use each kind of color palette combination: -Make sure : +- Monochromatic +- Analogous +- Complementary +- Split complementary +- Triadic +- Double complementary -###### The websites or apps chosen by the students match with a correct color wheel combinations -###### There are 3 websites or apps per color palette combination. +**Deliverable:** -##### Monochromatic examples: +- A PDF document extracted from a Figma file including for each + - screenshots of the main page + - the matching URL + - the main colors and + - the kind of color combination. + +**Tips:** + +- You can find HSB (Hue, Saturation, Brightness) as well as HSV (Hue, Saturation, Value) depending of the source. + +**Resources:** + +- [https://coloursandmaterials.wordpress.com/2014/09/16/colour-system/](https://coloursandmaterials.wordpress.com/2014/09/16/colour-system/) +- ![Color wheel combinations](Resource.png) + + +**Monochromatic examples:** - [https://www.benefitcosmetics.com/](https://www.benefitcosmetics.com/) - [http://www.jwilouvres.com.au/](http://www.jwilouvres.com.au/) - [http://blank.com.pt/](http://blank.com.pt/) -##### Analogous examples: +**Analogous examples:** - [https://www.natuurenmilieu.nl/](https://www.natuurenmilieu.nl/) - [https://campesinorum.com/](https://campesinorum.com/) - [https://www.lobster.es/](https://www.lobster.es/) -##### Complementary examples: +**Complementary examples:** - [https://www.rolandgarros.com/](https://www.rolandgarros.com/fr-fr) - [https://squilla.io/](https://squilla.io/) - [https://gomim.com/en/](https://gomim.com/en/) -##### Split complementary examples: +**Split complementary examples:** - [https://flythenest.io/en/](https://flythenest.io/en/) - [https://www.kineuphorics.com/](https://www.kineuphorics.com/) - [https://www.ma-tea.de/](https://www.ma-tea.de/) -##### Triadic examples +**Triadic examples** - [https://normalnow.com/](https://normalnow.com/) - [https://brainbakery.com/en/](https://brainbakery.com/en/) - [https://www.barkbox.com/](https://www.barkbox.com/) -##### Dual complementary or Tetradic examples +**Dual complementary or Tetradic examples** - [https://www.airtable.com/](https://www.airtable.com/) - [https://calendar.google.com/](https://calendar.google.com/) - [https://www.ebay.com/](https://www.ebay.com/) - - -![Resource](Resource.png) diff --git a/subjects/ui/ui-1/ui-1-3/Resource.png b/subjects/ui/colors-and-moodboard/color-combinations/Resource.png similarity index 100% rename from subjects/ui/ui-1/ui-1-3/Resource.png rename to subjects/ui/colors-and-moodboard/color-combinations/Resource.png diff --git a/subjects/ui/colors-and-moodboard/color-combinations/audit/README.md b/subjects/ui/colors-and-moodboard/color-combinations/audit/README.md new file mode 100644 index 0000000..8cab020 --- /dev/null +++ b/subjects/ui/colors-and-moodboard/color-combinations/audit/README.md @@ -0,0 +1,9 @@ +#### Audit + + +###### Do the websites or apps chosen by the students 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? + + + diff --git a/subjects/ui/ui-1/ui-1-1/README.md b/subjects/ui/colors-and-moodboard/find-the-colors/README.md similarity index 83% rename from subjects/ui/ui-1/ui-1-1/README.md rename to subjects/ui/colors-and-moodboard/find-the-colors/README.md index 96b11de..a8eebc9 100644 --- a/subjects/ui/ui-1/ui-1-1/README.md +++ b/subjects/ui/colors-and-moodboard/find-the-colors/README.md @@ -10,12 +10,14 @@ 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. +- A PDF document extracted from a Figma file including screenshots of the main page, URL and extracted colors next to the screenshots. **Tips:** - You can use Figma to extract the colors you need and export your file to PDF. - Use the Color Pipette to extract the colors! +- You can show the main colors with filled squares or circles next to the screenshots. +- Mind the aesthetics of your delivrable! 1 page per site should be good. - [https://www.komoot.com/](https://www.komoot.com/) (App) - [https://www.airtable.com/](https://www.airtable.com/) diff --git a/subjects/ui/colors-and-moodboard/find-the-colors/audit/README.md b/subjects/ui/colors-and-moodboard/find-the-colors/audit/README.md new file mode 100644 index 0000000..2a13f54 --- /dev/null +++ b/subjects/ui/colors-and-moodboard/find-the-colors/audit/README.md @@ -0,0 +1,6 @@ +#### Audit + +###### Is there a PDF document? +###### 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? diff --git a/subjects/ui/ui-1/ui-1-4/README.md b/subjects/ui/colors-and-moodboard/moodboard/README.md similarity index 61% rename from subjects/ui/ui-1/ui-1-4/README.md rename to subjects/ui/colors-and-moodboard/moodboard/README.md index da8b51b..1e3f582 100644 --- a/subjects/ui/ui-1/ui-1-4/README.md +++ b/subjects/ui/colors-and-moodboard/moodboard/README.md @@ -1,9 +1,5 @@ # UI I - Ex 4 - Moodboard -**Context:** - -This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma! - **Instructions:** Create 4 different moodboards based on these 4 briefs and extract a color palette. @@ -25,3 +21,7 @@ Create 4 different moodboards based on these 4 briefs and extract a color palett **Tips:** - [Use freely-usable images!](https://buffer.com/library/free-images/) +- Examples of moodboards (in addition, the moodboard should include the color codes): +- [https://lovestylecomunicacion.com/wp-content/uploads/2017/09/A.png](https://lovestylecomunicacion.com/wp-content/uploads/2017/09/A.png) +- [https://caseperlatesta.com/wp-content/uploads/2015/09/Moodboard23_grey_peach-1024x1024.jpg](https://caseperlatesta.com/wp-content/uploads/2015/09/Moodboard23_grey_peach-1024x1024.jpg) +- [https://i.pinimg.com/564x/ee/9d/d6/ee9dd6fbb82b0e5b4dd2924580b765dd.jpg](https://i.pinimg.com/564x/ee/9d/d6/ee9dd6fbb82b0e5b4dd2924580b765dd.jpg) \ No newline at end of file diff --git a/subjects/ui/colors-and-moodboard/moodboard/audit/README.md b/subjects/ui/colors-and-moodboard/moodboard/audit/README.md new file mode 100644 index 0000000..c7877cb --- /dev/null +++ b/subjects/ui/colors-and-moodboard/moodboard/audit/README.md @@ -0,0 +1,20 @@ +#### Audit + +###### Are there 4 PDF extracted moodboards? +###### 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) +###### On Moodboard #4, do the color code match with the designated color? [thanks to this tool](http://onlinewebtool.com/colorpicker.php) + diff --git a/subjects/ui/ui-1/ui-1-6/README.md b/subjects/ui/colors-and-moodboard/typography-moodboard/README.md similarity index 89% rename from subjects/ui/ui-1/ui-1-6/README.md rename to subjects/ui/colors-and-moodboard/typography-moodboard/README.md index 4dda76b..4b4ff40 100644 --- a/subjects/ui/ui-1/ui-1-6/README.md +++ b/subjects/ui/colors-and-moodboard/typography-moodboard/README.md @@ -1,9 +1,5 @@ # UI I - Ex 6 - Typography Moodboard -**Context:** - -This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma! - **Instructions:** Find consistent typography for your moodboards from Ex. 4. @@ -28,7 +24,9 @@ Find consistent typography for your moodboards from Ex. 4. **Tips:** +- Bold, italic, normal, light, etc. are fonts, not typography. - [Google Fonts](https://fonts.google.com/) is another great friend to have by your side +- [Example of a caption here](https://www.figma.com/file/SbQMPjfLOzg92g8YZFlrRh/UI-I---Ex-5) **Resources:** diff --git a/subjects/ui/colors-and-moodboard/typography-moodboard/audit/README.md b/subjects/ui/colors-and-moodboard/typography-moodboard/audit/README.md new file mode 100644 index 0000000..9404ac0 --- /dev/null +++ b/subjects/ui/colors-and-moodboard/typography-moodboard/audit/README.md @@ -0,0 +1,23 @@ +#### Audit + +###### Is there a PDF document? +###### 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? +###### On Moodboard #1, is there a typography for a description? +###### On Moodboard #1, is there a typography for the text? + +###### On Moodboard #2, is there a typography for a title? +###### On Moodboard #2, is there a typography for a button? +###### On Moodboard #2, is there a typography for a description? +###### On Moodboard #2, is there a typography for the text? + +###### On Moodboard #3, is there a typography for a title? +###### On Moodboard #3, is there a typography for a button? +###### On Moodboard #3, is there a typography for a description? +###### On Moodboard #3, is there a typography for the text? + +###### On Moodboard #4, is there a typography for a title? +###### On Moodboard #4, is there a typography for a button? +###### On Moodboard #4, is there a typography for a description? +###### On Moodboard #4, is there a typography for the text? diff --git a/subjects/ui/ui-1/ui-1-5/README.md b/subjects/ui/colors-and-moodboard/typography/README.md similarity index 91% rename from subjects/ui/ui-1/ui-1-5/README.md rename to subjects/ui/colors-and-moodboard/typography/README.md index e826e61..b0d4462 100644 --- a/subjects/ui/ui-1/ui-1-5/README.md +++ b/subjects/ui/colors-and-moodboard/typography/README.md @@ -1,9 +1,5 @@ # UI I - Ex 5 - Typography -**Context:** - -This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma! - **Instructions:** Go to these websites and detect the typographies used. diff --git a/subjects/ui/colors-and-moodboard/typography/audit/README.md b/subjects/ui/colors-and-moodboard/typography/audit/README.md new file mode 100644 index 0000000..8f83d49 --- /dev/null +++ b/subjects/ui/colors-and-moodboard/typography/audit/README.md @@ -0,0 +1,13 @@ +#### Audit + +###### Is there a PDF document? +###### Are there 4 fonts from Unric.org? +###### Are there 3 fonts from Strongbowcider.org? +###### Are there 3 fonts from Bbqgrillsandfire.com? +###### Are there 3 fonts from Wikipedia.org? +###### Are there 7 fonts from Texasprivateinvestigator.com? +###### Is there 1 font from Bumble? +###### Are there 3 fonts from Adopteunepoule.fr? +###### Are there 3 fonts from Slaveryfootprint.org? +###### Is there 1 font from Tomorrowland.com? +###### Is there 1 font from Artisanscanada.com? \ No newline at end of file diff --git a/subjects/ui/ui-1/ui-1-11/Dashboard.png b/subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/Dashboard.png similarity index 100% rename from subjects/ui/ui-1/ui-1-11/Dashboard.png rename to subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/Dashboard.png diff --git a/subjects/ui/ui-1/ui-1-11/README.md b/subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/README.md similarity index 83% rename from subjects/ui/ui-1/ui-1-11/README.md rename to subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/README.md index 1dae161..73be15d 100644 --- a/subjects/ui/ui-1/ui-1-11/README.md +++ b/subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/README.md @@ -1,9 +1,5 @@ # UI I - Ex 11 - UI Challenge - Bitcoin Dashboard -**Context:** - -This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma! - **Instructions:** Copy this image on Figma diff --git a/subjects/ui/ui-1/ui-1-11/audit/DashboardCK1.png b/subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/audit/DashboardCK1.png similarity index 100% rename from subjects/ui/ui-1/ui-1-11/audit/DashboardCK1.png rename to subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/audit/DashboardCK1.png diff --git a/subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/audit/README.md b/subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/audit/README.md new file mode 100644 index 0000000..a28d0b3 --- /dev/null +++ b/subjects/ui/colors-and-moodboard/ui-challenge-bitcoin-dashboard/audit/README.md @@ -0,0 +1,13 @@ +#### Audit + +###### Is there a Figma file? +###### Does the designed screen match the image? +###### Do all layers have a name and belong to a group of graphic elements? + + + ![Example](DashboardCK1.png) + +###### Are there 2 pages: one for the screen and one with the symbols? +###### Is the overlay done with transparency? +###### Was the mask function used to change the shape of the image? +##### Was the linear color function used? diff --git a/subjects/ui/ui-1/ui-1-9/Flight.png b/subjects/ui/colors-and-moodboard/ui-challenge-flight/Flight.png similarity index 100% rename from subjects/ui/ui-1/ui-1-9/Flight.png rename to subjects/ui/colors-and-moodboard/ui-challenge-flight/Flight.png diff --git a/subjects/ui/ui-1/ui-1-9/README.md b/subjects/ui/colors-and-moodboard/ui-challenge-flight/README.md similarity index 82% rename from subjects/ui/ui-1/ui-1-9/README.md rename to subjects/ui/colors-and-moodboard/ui-challenge-flight/README.md index 7710a2e..4baeb56 100644 --- a/subjects/ui/ui-1/ui-1-9/README.md +++ b/subjects/ui/colors-and-moodboard/ui-challenge-flight/README.md @@ -1,9 +1,5 @@ # UI I - Ex 9 - UI Challenge - Flight -**Context:** - -This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma! - **Instructions**: Copy this image on Figma diff --git a/subjects/ui/ui-1/ui-1-9/audit/FlightCK1.png b/subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/FlightCK1.png similarity index 100% rename from subjects/ui/ui-1/ui-1-9/audit/FlightCK1.png rename to subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/FlightCK1.png diff --git a/subjects/ui/ui-1/ui-1-9/audit/FlightCK2.png b/subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/FlightCK2.png similarity index 100% rename from subjects/ui/ui-1/ui-1-9/audit/FlightCK2.png rename to subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/FlightCK2.png diff --git a/subjects/ui/ui-1/ui-1-9/audit/FlightCK3.png b/subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/FlightCK3.png similarity index 100% rename from subjects/ui/ui-1/ui-1-9/audit/FlightCK3.png rename to subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/FlightCK3.png diff --git a/subjects/ui/ui-1/ui-1-9/audit/FlightCK4.png b/subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/FlightCK4.png similarity index 100% rename from subjects/ui/ui-1/ui-1-9/audit/FlightCK4.png rename to subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/FlightCK4.png diff --git a/subjects/ui/ui-1/ui-1-9/audit/FlightCK5.png b/subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/FlightCK5.png similarity index 100% rename from subjects/ui/ui-1/ui-1-9/audit/FlightCK5.png rename to subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/FlightCK5.png diff --git a/subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/README.md b/subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/README.md new file mode 100644 index 0000000..3a24798 --- /dev/null +++ b/subjects/ui/colors-and-moodboard/ui-challenge-flight/audit/README.md @@ -0,0 +1,25 @@ +#### Audit + +###### Is there a Figma file? +###### Does the designed screen match the image? +###### Do all layers have a name and belong to a group of graphic elements? + + ![Example](FlightCK5.png) + + +###### Are there 2 pages: one for the screen and one with the symbols? + + + ![Example](FlightCK2.png) + + +###### Have masks been used to change the shape of the image? + + ![Example](FlightCK1.png) + + +###### Is the overlay done with transparency? + + ![Example](FlightCK3.png) + + ![Example](FlightCK4.png) diff --git a/subjects/ui/ui-1/ui-1-10/README.md b/subjects/ui/colors-and-moodboard/ui-challenge-spotify/README.md similarity index 73% rename from subjects/ui/ui-1/ui-1-10/README.md rename to subjects/ui/colors-and-moodboard/ui-challenge-spotify/README.md index 1367608..c94c1ca 100644 --- a/subjects/ui/ui-1/ui-1-10/README.md +++ b/subjects/ui/colors-and-moodboard/ui-challenge-spotify/README.md @@ -1,9 +1,5 @@ # UI I - Ex 10 - UI Challenge - Spotify -**Context:** - -This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma! - **Instructions:** Copy this image on Figma diff --git a/subjects/ui/ui-1/ui-1-10/Spotify.jpg b/subjects/ui/colors-and-moodboard/ui-challenge-spotify/Spotify.jpg similarity index 100% rename from subjects/ui/ui-1/ui-1-10/Spotify.jpg rename to subjects/ui/colors-and-moodboard/ui-challenge-spotify/Spotify.jpg diff --git a/subjects/ui/colors-and-moodboard/ui-challenge-spotify/audit/README.md b/subjects/ui/colors-and-moodboard/ui-challenge-spotify/audit/README.md new file mode 100644 index 0000000..9c6a002 --- /dev/null +++ b/subjects/ui/colors-and-moodboard/ui-challenge-spotify/audit/README.md @@ -0,0 +1,16 @@ +#### Audit + +###### Is there a Figma file ? +###### Does the designed screen match the image +###### Are there 2 pages: one for the screen and one with the symbols? + + ![Example](SpotifyCK2.png) + +###### Are there symbols and variants for the songs in the Symbols page? +###### Is the background made with linear color? + + ![Example](SpotifyCK1.png) + +###### Are all the elements gathered in groups? +###### Are all the layers names and organized? +###### Is there Apple Design System (head bar)? diff --git a/subjects/ui/ui-1/ui-1-10/audit/SpotifyCK1.png b/subjects/ui/colors-and-moodboard/ui-challenge-spotify/audit/SpotifyCK1.png similarity index 100% rename from subjects/ui/ui-1/ui-1-10/audit/SpotifyCK1.png rename to subjects/ui/colors-and-moodboard/ui-challenge-spotify/audit/SpotifyCK1.png diff --git a/subjects/ui/ui-1/ui-1-10/audit/SpotifyCK2.png b/subjects/ui/colors-and-moodboard/ui-challenge-spotify/audit/SpotifyCK2.png similarity index 100% rename from subjects/ui/ui-1/ui-1-10/audit/SpotifyCK2.png rename to subjects/ui/colors-and-moodboard/ui-challenge-spotify/audit/SpotifyCK2.png diff --git a/subjects/ui/ui-1/ui-1-7/README.md b/subjects/ui/colors-and-moodboard/ui-challenge-timer/README.md similarity index 70% rename from subjects/ui/ui-1/ui-1-7/README.md rename to subjects/ui/colors-and-moodboard/ui-challenge-timer/README.md index 485aea3..9780e6e 100644 --- a/subjects/ui/ui-1/ui-1-7/README.md +++ b/subjects/ui/colors-and-moodboard/ui-challenge-timer/README.md @@ -1,9 +1,5 @@ # UI I - Ex 7 - UI Challenge - Timer -**Context:** - -This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma! - **Instructions:** Copy this image on Figma. @@ -15,6 +11,7 @@ Copy this image on Figma. - A Figma file - Please make sure you use: - 2 half circles to draw the circle around the timer + - Gradient to fill the main circle - Groups - Named layers diff --git a/subjects/ui/ui-1/ui-1-7/Timer.png b/subjects/ui/colors-and-moodboard/ui-challenge-timer/Timer.png similarity index 100% rename from subjects/ui/ui-1/ui-1-7/Timer.png rename to subjects/ui/colors-and-moodboard/ui-challenge-timer/Timer.png diff --git a/subjects/ui/colors-and-moodboard/ui-challenge-timer/audit/README.md b/subjects/ui/colors-and-moodboard/ui-challenge-timer/audit/README.md new file mode 100644 index 0000000..9292c40 --- /dev/null +++ b/subjects/ui/colors-and-moodboard/ui-challenge-timer/audit/README.md @@ -0,0 +1,13 @@ +#### Audit + +###### Is there a Figma File? +###### Are there two half circles as this one? + + ![Example](Timer2.png) +###### Is there a 'PUSH UP' text and back arrow? +###### Is there a Stop button with the text? +###### Is there a Reset button with the text? +###### Is there a gradient background behind the 5? +###### Are all the layers labeled and organized in groups? + + ![Example](Timer1.png) diff --git a/subjects/ui/ui-1/ui-1-7/audit/Timer1.png b/subjects/ui/colors-and-moodboard/ui-challenge-timer/audit/Timer1.png similarity index 100% rename from subjects/ui/ui-1/ui-1-7/audit/Timer1.png rename to subjects/ui/colors-and-moodboard/ui-challenge-timer/audit/Timer1.png diff --git a/subjects/ui/ui-1/ui-1-7/audit/Timer2.png b/subjects/ui/colors-and-moodboard/ui-challenge-timer/audit/Timer2.png similarity index 100% rename from subjects/ui/ui-1/ui-1-7/audit/Timer2.png rename to subjects/ui/colors-and-moodboard/ui-challenge-timer/audit/Timer2.png diff --git a/subjects/ui/ui-1/ui-1-8/README.md b/subjects/ui/colors-and-moodboard/ui-challenge-watches/README.md similarity index 84% rename from subjects/ui/ui-1/ui-1-8/README.md rename to subjects/ui/colors-and-moodboard/ui-challenge-watches/README.md index c9de997..118e800 100644 --- a/subjects/ui/ui-1/ui-1-8/README.md +++ b/subjects/ui/colors-and-moodboard/ui-challenge-watches/README.md @@ -1,9 +1,5 @@ # UI I - Ex 8 - UI Challenge - Watches -**Context:** - -This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma! - **Instructions:** Copy these images on Figma diff --git a/subjects/ui/ui-1/ui-1-8/Watch1.png b/subjects/ui/colors-and-moodboard/ui-challenge-watches/Watch1.png similarity index 100% rename from subjects/ui/ui-1/ui-1-8/Watch1.png rename to subjects/ui/colors-and-moodboard/ui-challenge-watches/Watch1.png diff --git a/subjects/ui/ui-1/ui-1-8/Watch2.png b/subjects/ui/colors-and-moodboard/ui-challenge-watches/Watch2.png similarity index 100% rename from subjects/ui/ui-1/ui-1-8/Watch2.png rename to subjects/ui/colors-and-moodboard/ui-challenge-watches/Watch2.png diff --git a/subjects/ui/ui-1/ui-1-8/Watch3.png b/subjects/ui/colors-and-moodboard/ui-challenge-watches/Watch3.png similarity index 100% rename from subjects/ui/ui-1/ui-1-8/Watch3.png rename to subjects/ui/colors-and-moodboard/ui-challenge-watches/Watch3.png diff --git a/subjects/ui/ui-1/ui-1-8/Watch4.png b/subjects/ui/colors-and-moodboard/ui-challenge-watches/Watch4.png similarity index 100% rename from subjects/ui/ui-1/ui-1-8/Watch4.png rename to subjects/ui/colors-and-moodboard/ui-challenge-watches/Watch4.png diff --git a/subjects/ui/colors-and-moodboard/ui-challenge-watches/audit/README.md b/subjects/ui/colors-and-moodboard/ui-challenge-watches/audit/README.md new file mode 100644 index 0000000..e467241 --- /dev/null +++ b/subjects/ui/colors-and-moodboard/ui-challenge-watches/audit/README.md @@ -0,0 +1,12 @@ +#### Audit + +###### Is there a Figma file? +###### Do the designed screens designed match the images? +###### Do all layers have a name and belong to a group of graphic elements? + + + ![Example](WatchCK.png) + +###### Are there 2 pages: one for the screen and one with the symbols? +###### Is the overlay done with transparency? +###### Was the mask was used to change the shape of the imported image? diff --git a/subjects/ui/ui-1/ui-1-8/audit/WatchCK.png b/subjects/ui/colors-and-moodboard/ui-challenge-watches/audit/WatchCK.png similarity index 100% rename from subjects/ui/ui-1/ui-1-8/audit/WatchCK.png rename to subjects/ui/colors-and-moodboard/ui-challenge-watches/audit/WatchCK.png diff --git a/subjects/ui/ui-5/ui-5-1/README.md b/subjects/ui/heuristics/audit/README.md similarity index 100% rename from subjects/ui/ui-5/ui-5-1/README.md rename to subjects/ui/heuristics/audit/README.md diff --git a/subjects/ui/ui-5/ui-5-1/audit/README.md b/subjects/ui/heuristics/audit/audit/README.md similarity index 100% rename from subjects/ui/ui-5/ui-5-1/audit/README.md rename to subjects/ui/heuristics/audit/audit/README.md diff --git a/subjects/ui/ui-5/ui-5-2/README.md b/subjects/ui/heuristics/recommendations/README.md similarity index 56% rename from subjects/ui/ui-5/ui-5-2/README.md rename to subjects/ui/heuristics/recommendations/README.md index f238676..f0ff1d9 100644 --- a/subjects/ui/ui-5/ui-5-2/README.md +++ b/subjects/ui/heuristics/recommendations/README.md @@ -1,13 +1,5 @@ # UI V - Ex 2 - Recommendations -**Context:** - -Welcome to this very last quest! - -The point is to take on the role of a UX auditor. You’ll be asked to make the audit of a website or an app, and then to write a series of recommendations to improve it. - -Let’s be critical, creative and impactful! - **Instructions:** Based on the audit you made in Ex.1, write a set of 3 to 6 recommendations to improve heuristics and usability. diff --git a/subjects/ui/ui-5/ui-5-2/audit/README.md b/subjects/ui/heuristics/recommendations/audit/README.md similarity index 100% rename from subjects/ui/ui-5/ui-5-2/audit/README.md rename to subjects/ui/heuristics/recommendations/audit/README.md diff --git a/subjects/ui/ui-3/ui-3-4/README.md b/subjects/ui/rules/accessbility-app/README.md similarity index 66% rename from subjects/ui/ui-3/ui-3-4/README.md rename to subjects/ui/rules/accessbility-app/README.md index b3693b8..00f9b6d 100644 --- a/subjects/ui/ui-3/ui-3-4/README.md +++ b/subjects/ui/rules/accessbility-app/README.md @@ -1,14 +1,5 @@ # UI III - Ex 4 - Accessibility (App) -**Context:** - -Welcome to the 3rd quest of UI. - -In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals: - -- Enrich your graphic general knowledge -- Detect consistency, that helps users understand a digital product at the first glance. - **Instructions:** Choose an app you find particularly accessible. Find at least 3 concrete examples of accessible measures and explain how they ease the reading or perception of visual content. diff --git a/subjects/ui/ui-3/ui-3-3/audit/README.md b/subjects/ui/rules/accessbility-app/audit/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-3/audit/README.md rename to subjects/ui/rules/accessbility-app/audit/README.md diff --git a/subjects/ui/ui-3/ui-3-3/README.md b/subjects/ui/rules/accessbility-website/README.md similarity index 71% rename from subjects/ui/ui-3/ui-3-3/README.md rename to subjects/ui/rules/accessbility-website/README.md index 276cee7..f3eaeae 100644 --- a/subjects/ui/ui-3/ui-3-3/README.md +++ b/subjects/ui/rules/accessbility-website/README.md @@ -1,14 +1,5 @@ # UI III - Ex 3 - Accessibility (website) -**Context:** - -Welcome to the 3rd quest of UI. - -In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals: - -- Enrich your graphic general knowledge -- Detect consistency, that helps users understand a digital product at the first glance. - **Instructions:** Choose a website you find particularly accessible. Find at least 3 concrete examples of accessible measures and explain how they ease the reading or perception of visual content. diff --git a/subjects/ui/ui-3/ui-3-4/audit/README.md b/subjects/ui/rules/accessbility-website/audit/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-4/audit/README.md rename to subjects/ui/rules/accessbility-website/audit/README.md diff --git a/subjects/ui/rules/breadcrumbs/README.md b/subjects/ui/rules/breadcrumbs/README.md new file mode 100644 index 0000000..6dc9f2f --- /dev/null +++ b/subjects/ui/rules/breadcrumbs/README.md @@ -0,0 +1,13 @@ +# UI III - Ex 5 - Breadbcrumbs + +**Instructions:** + +Browse the internet and find at least 5 different examples of breadcrumbs from websites or apps. + +**Deliverable:** + +- A PDF document extracted from a Figma file gathering 5 screenshots of breadcrumbs. + +**Resources:** + +- [What are breadcrumbs?](https://www.seoptimer.com/blog/breadcrumbs-website/) \ No newline at end of file diff --git a/subjects/ui/ui-3/ui-3-5/audit/README.md b/subjects/ui/rules/breadcrumbs/audit/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-5/audit/README.md rename to subjects/ui/rules/breadcrumbs/audit/README.md diff --git a/subjects/ui/rules/calendars/README.md b/subjects/ui/rules/calendars/README.md new file mode 100644 index 0000000..a785c8c --- /dev/null +++ b/subjects/ui/rules/calendars/README.md @@ -0,0 +1,9 @@ +# UI III - Ex 8 - Calendars + +**Instructions:** + +Browse the internet and find at least 5 different examples of calendars from websites or apps. + +**Deliverable:** + +- A PDF document extracted from a Figma file gathering 5 screenshots of calendars. \ No newline at end of file diff --git a/subjects/ui/ui-3/ui-3-8/audit/README.md b/subjects/ui/rules/calendars/audit/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-8/audit/README.md rename to subjects/ui/rules/calendars/audit/README.md diff --git a/subjects/ui/ui-3/ui-3-11/README.md b/subjects/ui/rules/consistency/README.md similarity index 64% rename from subjects/ui/ui-3/ui-3-11/README.md rename to subjects/ui/rules/consistency/README.md index 1e4114a..94f240a 100644 --- a/subjects/ui/ui-3/ui-3-11/README.md +++ b/subjects/ui/rules/consistency/README.md @@ -1,14 +1,5 @@ # UI III - Ex 11 - Consistency -**Context:** - -Welcome to the 3rd quest of UI. - -In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals: - -- Enrich your graphic general knowledge -- Detect consistency, that helps users understand a digital product at the first glance. - **Instructions:** Pick a website or an app of your choice*. Highlight 5 signs of consistency across the pages. diff --git a/subjects/ui/ui-3/ui-3-11/audit/README.md b/subjects/ui/rules/consistency/audit/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-11/audit/README.md rename to subjects/ui/rules/consistency/audit/README.md diff --git a/subjects/ui/ui-3/ui-3-1/README.md b/subjects/ui/rules/grids/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-1/README.md rename to subjects/ui/rules/grids/README.md diff --git a/subjects/ui/ui-3/ui-3-1/audit/README.md b/subjects/ui/rules/grids/audit/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-1/audit/README.md rename to subjects/ui/rules/grids/audit/README.md diff --git a/subjects/ui/ui-3/ui-3-10/README.md b/subjects/ui/rules/micro-interactions/README.md similarity index 60% rename from subjects/ui/ui-3/ui-3-10/README.md rename to subjects/ui/rules/micro-interactions/README.md index 900ae03..542801b 100644 --- a/subjects/ui/ui-3/ui-3-10/README.md +++ b/subjects/ui/rules/micro-interactions/README.md @@ -1,14 +1,5 @@ # UI III - Ex 10 - Micro-interactions -**Context:** - -Welcome to the 3rd quest of UI. - -In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals: - -- Enrich your graphic general knowledge -- Detect consistency, that helps users understand a digital product at the first glance. - **Instructions:** Browse the internet and find at least 5 different examples of feedback micro-interactions or micro-animations on websites or apps. diff --git a/subjects/ui/ui-3/ui-3-10/audit/README.md b/subjects/ui/rules/micro-interactions/audit/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-10/audit/README.md rename to subjects/ui/rules/micro-interactions/audit/README.md diff --git a/subjects/ui/ui-3/ui-3-2/README.md b/subjects/ui/rules/multi-state/README.md similarity index 59% rename from subjects/ui/ui-3/ui-3-2/README.md rename to subjects/ui/rules/multi-state/README.md index 088c73d..a9f0b4f 100644 --- a/subjects/ui/ui-3/ui-3-2/README.md +++ b/subjects/ui/rules/multi-state/README.md @@ -1,14 +1,5 @@ # UI III - Ex 2 - Multi state -**Context:** - -Welcome to the 3rd quest of UI. - -In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals: - -- Enrich your graphic general knowledge -- Detect consistency, that helps users understand a digital product at the first glance. - **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! diff --git a/subjects/ui/ui-3/ui-3-2/audit/README.md b/subjects/ui/rules/multi-state/audit/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-2/audit/README.md rename to subjects/ui/rules/multi-state/audit/README.md diff --git a/subjects/ui/rules/radio-buttons/README.md b/subjects/ui/rules/radio-buttons/README.md new file mode 100644 index 0000000..0954491 --- /dev/null +++ b/subjects/ui/rules/radio-buttons/README.md @@ -0,0 +1,13 @@ +# UI III - Ex 7 - Radio Buttons + +**Instructions:** + +Browse the internet and find at least 5 different examples of radio buttons from websites or apps. + +**Deliverable:** + +- A PDF document extracted from a Figma file gathering 5 screenshots of radio buttons. + +**Resources:** + +- [What is a radio button?](https://www.justinmind.com/blog/radio-button-design-examples/) \ No newline at end of file diff --git a/subjects/ui/ui-3/ui-3-7/audit/README.md b/subjects/ui/rules/radio-buttons/audit/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-7/audit/README.md rename to subjects/ui/rules/radio-buttons/audit/README.md diff --git a/subjects/ui/rules/time-pickers/README.md b/subjects/ui/rules/time-pickers/README.md new file mode 100644 index 0000000..cc87a95 --- /dev/null +++ b/subjects/ui/rules/time-pickers/README.md @@ -0,0 +1,9 @@ +# UI III - Ex 9 - Time pickers + +**Instructions:** + +Browse the internet and find at least 5 different examples of time pickers from websites or apps. + +**Deliverable:** + +- A PDF document extracted from a Figma file gathering 5 screenshots of time pickers. diff --git a/subjects/ui/ui-3/ui-3-9/audit/README.md b/subjects/ui/rules/time-pickers/audit/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-9/audit/README.md rename to subjects/ui/rules/time-pickers/audit/README.md diff --git a/subjects/ui/rules/toggle-buttons/README.md b/subjects/ui/rules/toggle-buttons/README.md new file mode 100644 index 0000000..e594a0c --- /dev/null +++ b/subjects/ui/rules/toggle-buttons/README.md @@ -0,0 +1,13 @@ +# UI III - Ex 6 - Toggle buttons + +**Instructions:** + +Browse the internet and find at least 5 different examples of toggle buttons from websites or apps. + +**Deliverable:** + +- A PDF document extracted from a Figma file gathering 5 screenshots of toggle buttons. + +**Resources:** + +- [Toggle Switch - Tips](https://uxplanet.org/toggle-switch-5-simple-design-tips-for-better-design-b4046eff4a2f) \ No newline at end of file diff --git a/subjects/ui/ui-3/ui-3-6/audit/README.md b/subjects/ui/rules/toggle-buttons/audit/README.md similarity index 100% rename from subjects/ui/ui-3/ui-3-6/audit/README.md rename to subjects/ui/rules/toggle-buttons/audit/README.md diff --git a/subjects/ui/ui-1/ui-1-1/audit/README.md b/subjects/ui/ui-1/ui-1-1/audit/README.md deleted file mode 100644 index 1954e9e..0000000 --- a/subjects/ui/ui-1/ui-1-1/audit/README.md +++ /dev/null @@ -1,11 +0,0 @@ -#### Audit instructions - -Make sure that: - -###### There are screenshots of the 7 pages or screens - -###### The colors match with the ones from the screens - -##### Here below is a link of example of correction key - -##### [Exercise completed](https://www.figma.com/file/bQsRIJoJYK5b8WAxXFeOfv/UI-I---Ex-1?node-id=0%3A1) diff --git a/subjects/ui/ui-1/ui-1-10/audit/README.md b/subjects/ui/ui-1/ui-1-10/audit/README.md deleted file mode 100644 index 00cb3b5..0000000 --- a/subjects/ui/ui-1/ui-1-10/audit/README.md +++ /dev/null @@ -1,14 +0,0 @@ -#### Audit instructions - -Make sure - -###### The screen designed matches the image -###### There are 2 pages: one for the screen and one with the symbols - - ![Example](SpotifyCK2.png) - -###### The background is made with linear color function - - ![Example](SpotifyCK1.png) - -[Example here](https://www.figma.com/file/kzc8YNUZsPrcTNrdMt6aLX/UI-Challenge-I---UI-I-Ex-8) diff --git a/subjects/ui/ui-1/ui-1-11/audit/README.md b/subjects/ui/ui-1/ui-1-11/audit/README.md deleted file mode 100644 index 661609a..0000000 --- a/subjects/ui/ui-1/ui-1-11/audit/README.md +++ /dev/null @@ -1,16 +0,0 @@ -#### Audit instructions - -Make sure: - -###### The screen designed matches the image -###### All layers have a name and belong to a group of graphic elements - - - ![Example](DashboardCK1.png) - -###### There are 2 pages: one for the screen and one with the symbol -###### The overlay is done with transparency -###### The mask was used to change the shape of the image - - -[Example here](https://www.figma.com/file/7hv3wv2rUPRY0Sc3Dd7lZh/UI-I-Challenge---UI-Ex-11) diff --git a/subjects/ui/ui-1/ui-1-2/audit/README.md b/subjects/ui/ui-1/ui-1-2/audit/README.md deleted file mode 100644 index 6093172..0000000 --- a/subjects/ui/ui-1/ui-1-2/audit/README.md +++ /dev/null @@ -1,9 +0,0 @@ -#### Audit instructions - -Make sure - -###### There are screenshots of the 7 pages or screens -###### The colors match with the ones from the screens -###### There are color codes - -[Exercise completed](https://www.figma.com/file/9YVlgVGYdg4fTyWUsDLi7c/UI-I---Ex-2?node-id=3%3A8) diff --git a/subjects/ui/ui-1/ui-1-3/README.md b/subjects/ui/ui-1/ui-1-3/README.md deleted file mode 100644 index 7236208..0000000 --- a/subjects/ui/ui-1/ui-1-3/README.md +++ /dev/null @@ -1,34 +0,0 @@ -# UI I - Ex 3 - Color combinations - -**Context:** - -This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma! - -**Instructions:** - -Let's browse! - -Find 3 digital products (websites or apps) that use each kind of color palette combination: - -- Monochromatic -- Analogous -- Complementary -- Split complementary -- Triadic -- Double complementary - -**Deliverable:** - -- A PDF document extracted from a Figma file including for each - - screenshots of the main page - - the matching URL, - - the main colors and - - the kind of color combinaison. - -**Tips:** - -- You can find HSB (Hue, Saturation, Brightness) as well as HSV (Hue, Saturation, Value) depending of the source. - -**Resource:** - -- [https://coloursandmaterials.wordpress.com/2014/09/16/colour-system/](https://coloursandmaterials.wordpress.com/2014/09/16/colour-system/) diff --git a/subjects/ui/ui-1/ui-1-3/audit/Resource.png b/subjects/ui/ui-1/ui-1-3/audit/Resource.png deleted file mode 100644 index 2bf8ebe..0000000 Binary files a/subjects/ui/ui-1/ui-1-3/audit/Resource.png and /dev/null differ diff --git a/subjects/ui/ui-1/ui-1-4/audit/README.md b/subjects/ui/ui-1/ui-1-4/audit/README.md deleted file mode 100644 index 4285038..0000000 --- a/subjects/ui/ui-1/ui-1-4/audit/README.md +++ /dev/null @@ -1,14 +0,0 @@ -#### Audit instructions - -##### To have a good moodboard, make sure there are: - -###### Several pictures that are graphically consistent -###### 2 to 3 main colors that stand out -###### The colors must have at least one code (RGB, Hex, or HSB) -###### Please check the code to make sure it matches with the designated color [thanks to this tool](http://onlinewebtool.com/colorpicker.php) -###### The document should be a PDF - -##### Examples of moodboards (in addition, the moodboard should include the color codes): -- [https://lovestylecomunicacion.com/wp-content/uploads/2017/09/A.png](https://lovestylecomunicacion.com/wp-content/uploads/2017/09/A.png) -- [https://caseperlatesta.com/wp-content/uploads/2015/09/Moodboard23_grey_peach-1024x1024.jpg](https://caseperlatesta.com/wp-content/uploads/2015/09/Moodboard23_grey_peach-1024x1024.jpg) -- [https://i.pinimg.com/564x/ee/9d/d6/ee9dd6fbb82b0e5b4dd2924580b765dd.jpg](https://i.pinimg.com/564x/ee/9d/d6/ee9dd6fbb82b0e5b4dd2924580b765dd.jpg) diff --git a/subjects/ui/ui-1/ui-1-5/audit/README.md b/subjects/ui/ui-1/ui-1-5/audit/README.md deleted file mode 100644 index fdd4782..0000000 --- a/subjects/ui/ui-1/ui-1-5/audit/README.md +++ /dev/null @@ -1,53 +0,0 @@ -#### Audit instructions - -Make sure the following typographies are found: - - -##### -[https://unric.org/no](https://unric.org/no) -###### Roboto Condensed -###### Roboto -###### Verdana -###### Open Sans - -##### -[https://www.strongbowcider.com/bug-exterminator-brisbane](https://www.strongbowcider.com/bug-exterminator-brisbane) -###### Helvetica Neue -###### Helvetica Neue -###### Condensed Bold - -##### -[http://www.bbqgrillsandfire.com/](http://www.bbqgrillsandfire.com/) -###### Francois One -###### Special Elite -###### Lucida Grande - -##### -[https://pt.wikipedia.org/wiki/Mario_Botta](https://pt.wikipedia.org/wiki/Mario_Botta) -###### Arial -###### Georgia -###### Monospace - -##### -[https://texas-private-investigator.com/](https://texas-private-investigator.com/) -###### Open Sans -###### Poppins -###### Lora -###### Cinzel -###### Roboto -###### Playfair Display -###### Lucida Grande - -##### -[https://bumble.com/](https://bumble.com/) -###### Circular 20 - -##### -[https://adopte1poule.fr/](https://adopte1poule.fr/) -###### Open Sans -###### Roboto -###### Font Awesome 5 Free - -##### -[http://slaveryfootprint.org/](http://slaveryfootprint.org/) -###### Arial -###### Georgia -###### Helvetica - -##### -[https://www.tomorrowland.com/fr/festival/bienvenue](https://www.tomorrowland.com/fr/festival/bienvenue) -###### Europa - -##### -[https://artisanscanada.com/](https://artisanscanada.com/) -###### Avenir Next diff --git a/subjects/ui/ui-1/ui-1-6/audit/README.md b/subjects/ui/ui-1/ui-1-6/audit/README.md deleted file mode 100644 index d4c09d1..0000000 --- a/subjects/ui/ui-1/ui-1-6/audit/README.md +++ /dev/null @@ -1,16 +0,0 @@ -#### Audit instructions - -Make sure: - -###### There are 4 different fonts -###### There is a caption next to the font to describe what is it -###### Max 2 different colors have been used -###### There are max 2 different typographies (Bold, italic, normal, light, etc. are fonts, not typography) -###### Each moodboard should have typography: - ###### 1 for a title - ###### 1 for a button - ###### 1 for a description - ###### 1 for the text - - -[Example here](https://www.figma.com/file/SbQMPjfLOzg92g8YZFlrRh/UI-I---Ex-5) \ No newline at end of file diff --git a/subjects/ui/ui-1/ui-1-7/audit/README.md b/subjects/ui/ui-1/ui-1-7/audit/README.md deleted file mode 100644 index 9c558f6..0000000 --- a/subjects/ui/ui-1/ui-1-7/audit/README.md +++ /dev/null @@ -1,15 +0,0 @@ -#### Audit instructions - -##### Open the Figma file and inspect it. - -Make sure: - -###### There are two half circles as this one. - - ![Example](Timer2.png) - -###### All the layers are labeled and organized in groups - - ![Example](Timer1.png) - -[Example here](https://www.figma.com/file/LRgyZDBVgIq3PzjewTKI2c/UI-Challenge-I---UI-I-Ex-7) \ No newline at end of file diff --git a/subjects/ui/ui-1/ui-1-8/audit/README.md b/subjects/ui/ui-1/ui-1-8/audit/README.md deleted file mode 100644 index 52bda50..0000000 --- a/subjects/ui/ui-1/ui-1-8/audit/README.md +++ /dev/null @@ -1,15 +0,0 @@ -#### Audit instructions - -Make sure: - -###### The screen designed matches the image -###### All layers have a name and belong to a group of graphic elements - - - ![Example](WatchCK.png) - -###### There are 2 pages: one for the screen and one with the symbol -###### The overlay is done with transparency -###### The mask was used to change the shape of the image - -[Example here](https://www.figma.com/file/qBYmuatLnhRrWMGlf5vMau/UI-I-Challenge---UI-Ex-10) \ No newline at end of file diff --git a/subjects/ui/ui-1/ui-1-9/audit/README.md b/subjects/ui/ui-1/ui-1-9/audit/README.md deleted file mode 100644 index 8e7c5a6..0000000 --- a/subjects/ui/ui-1/ui-1-9/audit/README.md +++ /dev/null @@ -1,28 +0,0 @@ -#### Audit instructions - -Make sure: - -###### The screen designed matches the image -###### All layers have a name and belong to a group of graphic elements - - ![Example](FlightCK5.png) - - -###### There are 2 pages: one for the screen and one with the symbols - - - ![Example](FlightCK2.png) - - -###### Masks were used to change the shape of the image - - ![Example](FlightCK1.png) - - -###### The overlay is done with transparency - - ![Example](FlightCK3.png) - - ![Example](FlightCK4.png) - -[Example here](https://www.figma.com/file/D6HC3Su97UQPfGIOmG0Yll/UI-Challenge-I---UI-Ex-9) diff --git a/subjects/ui/ui-3/ui-3-5/README.md b/subjects/ui/ui-3/ui-3-5/README.md deleted file mode 100644 index 5c31364..0000000 --- a/subjects/ui/ui-3/ui-3-5/README.md +++ /dev/null @@ -1,22 +0,0 @@ -# UI III - Ex 5 - Breadbcrumbs - -**Context:** - -Welcome to the 3rd quest of UI. - -In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals: - -- Enrich your graphic general knowledge -- Detect consistency, that helps users understand a digital product at the first glance. - -**Instructions:** - -Browse the internet and find at least 5 different examples of breadcrumbs from websites or apps. - -**Deliverable:** - -- A PDF document extracted from a Figma file gathering 5 screenshots of breadcrumbs. - -**Resources:** - -- [What are breadcrumbs?](https://www.seoptimer.com/blog/breadcrumbs-website/) \ No newline at end of file diff --git a/subjects/ui/ui-3/ui-3-6/README.md b/subjects/ui/ui-3/ui-3-6/README.md deleted file mode 100644 index 8d0c6fd..0000000 --- a/subjects/ui/ui-3/ui-3-6/README.md +++ /dev/null @@ -1,22 +0,0 @@ -# UI III - Ex 6 - Toggle buttons - -**Context:** - -Welcome to the 3rd quest of UI. - -In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals: - -- Enrich your graphic general knowledge -- Detect consistency, that helps users understand a digital product at the first glance. - -**Instructions:** - -Browse the internet and find at least 5 different examples of toggle buttons from websites or apps. - -**Deliverable:** - -- A PDF document extracted from a Figma file gathering 5 screenshots of toggle buttons. - -**Resources:** - -- [Toggle Switch - Tips](https://uxplanet.org/toggle-switch-5-simple-design-tips-for-better-design-b4046eff4a2f) \ No newline at end of file diff --git a/subjects/ui/ui-3/ui-3-7/README.md b/subjects/ui/ui-3/ui-3-7/README.md deleted file mode 100644 index a778e1e..0000000 --- a/subjects/ui/ui-3/ui-3-7/README.md +++ /dev/null @@ -1,22 +0,0 @@ -# UI III - Ex 7 - Radio Buttons - -**Context:** - -Welcome to the 3rd quest of UI. - -In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals: - -- Enrich your graphic general knowledge -- Detect consistency, that helps users understand a digital product at the first glance. - -**Instructions:** - -Browse the internet and find at least 5 different examples of radio buttons from websites or apps. - -**Deliverable:** - -- A PDF document extracted from a Figma file gathering 5 screenshots of radio buttons. - -**Resources:** - -- [What is a radio button?](https://www.justinmind.com/blog/radio-button-design-examples/) \ No newline at end of file diff --git a/subjects/ui/ui-3/ui-3-8/README.md b/subjects/ui/ui-3/ui-3-8/README.md deleted file mode 100644 index ae6e12f..0000000 --- a/subjects/ui/ui-3/ui-3-8/README.md +++ /dev/null @@ -1,18 +0,0 @@ -# UI III - Ex 8 - Calendars - -**Context:** - -Welcome to the 3rd quest of UI. - -In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals: - -- Enrich your graphic general knowledge -- Detect consistency, that helps users understand a digital product at the first glance. - -**Instructions:** - -Browse the internet and find at least 5 different examples of calendars from websites or apps. - -**Deliverable:** - -- A PDF document extracted from a Figma file gathering 5 screenshots of calendars. \ No newline at end of file diff --git a/subjects/ui/ui-3/ui-3-9/README.md b/subjects/ui/ui-3/ui-3-9/README.md deleted file mode 100644 index aa1f695..0000000 --- a/subjects/ui/ui-3/ui-3-9/README.md +++ /dev/null @@ -1,18 +0,0 @@ -# UI III - Ex 9 - Time pickers - -**Context:** - -Welcome to the 3rd quest of UI. - -In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals: - -- Enrich your graphic general knowledge -- Detect consistency, that helps users understand a digital product at the first glance. - -**Instructions:** - -Browse the internet and find at least 5 different examples of time pickers from websites or apps. - -**Deliverable:** - -- A PDF document extracted from a Figma file gathering 5 screenshots of time pickers. diff --git a/subjects/ui/ui-4/ui-4-3/README.md b/subjects/ui/ui-4/ui-4-3/README.md deleted file mode 100644 index bd48249..0000000 --- a/subjects/ui/ui-4/ui-4-3/README.md +++ /dev/null @@ -1,34 +0,0 @@ -# UI IV - Ex 3 - Design screens - -**Context:** - -In this quest, you’ll have to build your own interface. - -After designing your own style guide with a moodboard, colors and typography, you can use the series of consistency principles, atomic design structure, the techniques to build you own library and then a series of screens. Step by step, you’ll have built an animated high-fidelity prototype. - -The very last step will be to test it on users to detect the impressions they get when they discover your app. - -Once again, feel free to get as much inspiration as you need from existing design systems. Dribbble, consistency and structure are your best friends! - -**Instructions:** - -Based on the wireframes and your design system library, take your mid-fidelity prototype to a high-fidelity level! - -Select 5 screens that will show the user flow of a customer who: - -- arrives on the homepage -- browses the content -- checks one product page -- adds the product to the cart -- checks out - -Use your components, call to actions and visuals to complete the wireframes. - -**Deliverables:** - -- 5 high-fidelity screens - -**Resources:** - -- [Unsplash](https://unsplash.com/) for visuals -- [From low-fidelity to high-fidelity](https://mockitt.wondershare.com/prototyping/low-fidelity-vs-high-fidelity.html) \ No newline at end of file diff --git a/subjects/ui/ui-4/ui-4-4/README.md b/subjects/ui/ui-4/ui-4-4/README.md deleted file mode 100644 index 0ea4b4e..0000000 --- a/subjects/ui/ui-4/ui-4-4/README.md +++ /dev/null @@ -1,28 +0,0 @@ -# UI IV - Ex 4 - Animation - -**Context:** - -In this quest, you’ll have to build your own interface. - -After designing your own style guide with a moodboard, colors and typography, you can use the series of consistency principles, atomic design structure, the techniques to build you own library and then a series of screens. Step by step, you’ll have built an animated high-fidelity prototype. - -The very last step will be to test it on users to detect the impressions they get when they discover your app. - -Once again, feel free to get as much inspiration as you need from existing design systems. Dribbble, consistency and structure are your best friends! - -**Instructions:** - -Animate your 5 screens on Figma. Think about multistate!! - -**Deliverable:** - -- An animated high-fidelity prototype - -**Resources:** - -- [Efficiently Manage Your Designs - How Mockplus State Page Helps To View & Manage Multiple State](https://help.mockplus.com/p/372) - -**Quote:** - -‘Speak human: Use the words your users use.’ Dan Saffer | Microinteractions - diff --git a/subjects/ux/ux-1/ux-1-2/README.md b/subjects/ux/athele-keep-hydrated/analytics/README.md similarity index 64% rename from subjects/ux/ux-1/ux-1-2/README.md rename to subjects/ux/athele-keep-hydrated/analytics/README.md index 040fb03..4bbf3f5 100644 --- a/subjects/ux/ux-1/ux-1-2/README.md +++ b/subjects/ux/athele-keep-hydrated/analytics/README.md @@ -1,20 +1,13 @@ # UX I - Ex 2 - Analytics -**Context:** - -Welcome to the very first quest of this program. - -Your mission, should you choose to accept it, is to find a way to improve athletes’ experience related to their hydration when running. - -This first project is very special: you are asked to end up with a non-digital solution. As a matter of fact, innovation does not always rhyme with digital. So let’s be creative and get out of the box! - **Instructions:** Read these articles and extract at least 5 key figures or insights that may be useful in understanding what athletes or sport practicing people experience related to hydration. **Deliverables:** -- Write at least 5 key figures or insights +- 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. **Resources:** @@ -25,7 +18,22 @@ Read these articles and extract at least 5 key figures or insights that may be u - [The importance of hydration - Harvard School of Public Health](https://www.hsph.harvard.edu/news/hsph-in-the-news/the-importance-of-hydration/) - [Fluids and hydration in prolonged endurance performance - Pubmed](https://pubmed.ncbi.nlm.nih.gov/15212747/) + +**Tips:** + +Examples of insights you can extract from the articles: + +- Symptoms of dehydration can be headache, dizziness, nausea, lightheadedness, or fatigue. +- People experience dehydration when they lose 2% of their body mass loss (BML) in fluids/water/sweat. +- Sweat helps the body to maintain optimal body temperature. +- Sprint athletes are generally less concerned about the effects of dehydration than are endurance athletes. +- Etc... + +It's on you to find other and more! + **Quote:** Always base your decisions on the data, not on your biases. + + diff --git a/subjects/ux/athele-keep-hydrated/analytics/audit/README.md b/subjects/ux/athele-keep-hydrated/analytics/audit/README.md new file mode 100644 index 0000000..3525f38 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/analytics/audit/README.md @@ -0,0 +1,5 @@ +#### Audit + +###### Is there a PDF document? +###### Are there at least 5 insights from the articles? + diff --git a/subjects/ux/ux-1/ux-1-6/README.md b/subjects/ux/athele-keep-hydrated/ideation/README.md similarity index 86% rename from subjects/ux/ux-1/ux-1-6/README.md rename to subjects/ux/athele-keep-hydrated/ideation/README.md index f0901d3..cc09984 100644 --- a/subjects/ux/ux-1/ux-1-6/README.md +++ b/subjects/ux/athele-keep-hydrated/ideation/README.md @@ -1,13 +1,5 @@ # UX I - Ex 6 - Ideation -**Context:** - -Welcome to the very first quest of this program. - -Your mission, should you choose to accept it, is to find a way to improve athletes’ experience related to their hydration when running. - -This first project is very special: you are asked to end up with a non-digital solution. As a matter of fact, innovation does not always rhyme with digital. So let’s be creative and get out of the box! - **Instructions:** *You can replace Pierre with your own persona.* @@ -55,7 +47,7 @@ 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 +- One main idea to solve the problem next to the board **Resources:** diff --git a/subjects/ux/athele-keep-hydrated/ideation/audit/README.md b/subjects/ux/athele-keep-hydrated/ideation/audit/README.md new file mode 100644 index 0000000..1efabc6 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/ideation/audit/README.md @@ -0,0 +1,5 @@ +#### Audit + +###### 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? \ No newline at end of file diff --git a/subjects/ux/athele-keep-hydrated/personas/README.md b/subjects/ux/athele-keep-hydrated/personas/README.md new file mode 100644 index 0000000..96e3075 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/personas/README.md @@ -0,0 +1,29 @@ +# UX I - Ex 3 - Personas + +**Instructions:** + +- Create a user persona based on several users from the same category + +**Deliverables:** + +- A user persona on a PDF document + +**Tips:** + +- You may use Figma and extract a PDF document out of it. +- Use the material you got from exercise 1. +- Detect people who face the same kinds of problems and group them. +- When you find 2+ people who face the same kind of problem, you can merge their testimonials to create a persona. In this case, Joe, Nathan, Guillaume and Anaelle who run races from time to time (they have run at least one race in their life, but less than 3 times a year) and have faced dehydration problems. +- A persona is fictional: do not use one of your users’ names, but a name that is consistent with your users’ demographics and social group. In this case, we'll choose a man as 3 out of 4 are men, and Pierre as a first name so it's different (but consistent) from Joe's, Nathan's, Guillaume's and Anaelle's. +- As to the age, average the ages of your selected users. In this case, 32 (Joe is 30, Nathan is 39, Guillaume is 30 and Anaelle is 29). +- The persona has to be sport-oriented, as it is the context of this research. However, broader information, like the scan info (jobs, location, etc.) are more than welcome to give more context. + +**Resources:** + +- [Make your persona great again](https://uxdesign.cc/personas-e60c1c06ead1) +- [Persona, journey maps, user flow, site map, OH MY!](https://uxdesign.cc/personas-journey-maps-site-maps-and-user-flows-oh-my-e71d044b4bcb) +- [Persona framework](https://miro.medium.com/max/1400/0*RbHfR6BHhhFIENNf) + +**Quote:** + +‘Focus unswervingly, on the customer’ Jesse Hertzberg | Former COO of Squarespace \ No newline at end of file diff --git a/subjects/ux/athele-keep-hydrated/personas/audit/README.md b/subjects/ux/athele-keep-hydrated/personas/audit/README.md new file mode 100644 index 0000000..d9dfd8c --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/personas/audit/README.md @@ -0,0 +1,10 @@ +#### Audit instructions + +###### Is there a PDF document with Pierre's persona card? +###### 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? +###### Does Pierre have at least 2 goals? +###### Does Pierre have at least 2 habits? +###### Does Pierre have at least 2 frustrations? +###### Are the insights from ex 1 included in Pierre's persona card? \ No newline at end of file diff --git a/subjects/ux/athele-keep-hydrated/problem-statement/README.md b/subjects/ux/athele-keep-hydrated/problem-statement/README.md new file mode 100644 index 0000000..7ced2ef --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/problem-statement/README.md @@ -0,0 +1,39 @@ +# UX I - Ex 5 - Problem Statement + +**Instructions:** + +Based on the insights from the analytics and user interviews, comment the scope of possible problem statements. + +**Deliverables:** + +- On a PDF document, write down one problem statement that summarizes the main problem that Pierre has when he runs. + +**Tips:** + +- At this stage, it’s important to focus on the problem, not on the solution! You can start tackling the problem after (re)defining it. +- Several problem statements can be possible for each persona and user journey, but for this exercise, we are guiding you towards one. +- Examples of correct problem statements: + - How might we help Pierre (or your persona) measure and prepare his hydration before a race? + - How might we make sure Pierre doesn’t get dehydrated? + - How might we make sure Pierre drinks the cups that are offered during the race? + - How might we provide Pierre some drink that contains everything he needs to avoid dehydration? + - How might make sure Pierre doesn’t get drunk the night before the race? +- Examples of wrong problem statements: + - How might we make sure Pierre doesn’t get dehydrated? + - Too broad —> The problem statement is out of the scope of running, so the solutions cannot be integrated in the specific context of running. + - How might we make sure Pierre drinks the cups that are offered during the race? + - Too narrow —> There are plenty of options to avoid dehydration without drinking the cups that are offered during the race. + - How might we provide Pierre with a drink that contains everything he needs to avoid dehydration? + - Focused on the solution, not the problem —> The problem statement is supposed to rephrase the brief and take into account the insights from the previous phase. + - How might make sure Pierre doesn’t get drunk the night before the race? + - Out of scope —> This is not about dehydration, nor about running. + +**Resources:** + +- [Stuck on a problem? Just ask how might we](https://relab.academy/design-thinking/stuck-on-a-problem-just-ask-how-might-we/) +- [Problem statement](https://www.indeed.com/career-advice/career-development/what-is-a-problem-statement) +- [Using ‘How Might We’ Questions to Ideative on the Right Problems](https://www.nngroup.com/articles/how-might-we-questions/) + +**Quote:** + +“If I had an hour to solve a problem, I’d spend 55 minutes thinking about the problem and 5 minutes thinking about solutions.” Albert Einstein \ No newline at end of file diff --git a/subjects/ux/athele-keep-hydrated/problem-statement/audit/README.md b/subjects/ux/athele-keep-hydrated/problem-statement/audit/README.md new file mode 100644 index 0000000..2ddaea0 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/problem-statement/audit/README.md @@ -0,0 +1,6 @@ +#### Audit + +##### Is there a PDF document? +##### 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)? \ No newline at end of file diff --git a/subjects/ux/ux-1/ux-1-7/README.md b/subjects/ux/athele-keep-hydrated/prototyping/README.md similarity index 71% rename from subjects/ux/ux-1/ux-1-7/README.md rename to subjects/ux/athele-keep-hydrated/prototyping/README.md index 3fb3b63..a44db3f 100644 --- a/subjects/ux/ux-1/ux-1-7/README.md +++ b/subjects/ux/athele-keep-hydrated/prototyping/README.md @@ -1,13 +1,5 @@ # UX I - Ex 7 - Prototyping -**Context:** - -Welcome to the very first quest of this program. - -Your mission, should you choose to accept it, is to find a way to improve athletes’ experience related to their hydration when running. - -This first project is very special: you are asked to end up with a non-digital solution. As a matter of fact, innovation does not always rhyme with digital. So let’s be creative and get out of the box! - **Instructions:** Develop your idea! diff --git a/subjects/ux/athele-keep-hydrated/prototyping/audit/README.md b/subjects/ux/athele-keep-hydrated/prototyping/audit/README.md new file mode 100644 index 0000000..2f3ab2d --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/prototyping/audit/README.md @@ -0,0 +1,6 @@ +#### Audit + +###### Are there between 6 and 12 steps? +###### Does the solution match the idea chosen in Ex 6? +###### Are the steps logical and does the storyboard make sense? +###### Are the drawings on paper? \ No newline at end of file diff --git a/subjects/ux/athele-keep-hydrated/user-interviews/README.md b/subjects/ux/athele-keep-hydrated/user-interviews/README.md new file mode 100644 index 0000000..0f8ffa7 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/user-interviews/README.md @@ -0,0 +1,76 @@ +# UX I - Ex 1 - User Interviews + +**Context:** + +Welcome to the very first quest of this program. + +Your mission, should you choose to accept it, is to find a way to improve athletes’ experience related to their hydration when running. + +This first project is very special: you are asked to end up with a non-digital solution. As a matter of fact, innovation does not always rhyme with digital. So let’s be creative and get out of the box! + +**General recommendations:** + +- Get Out of the Box. Be curious. Follow design trends on YouTube, LinkedIn, in podcasts, on Instagram accounts. Explore the internet when you discover a new concept. Build your own design culture. +- Document everything you do, take notes, open a medium account to identify and show your deliverables, thoughts and feedback. It will be useful for your portoflio! +- Trust the design process. One step after another. +- Design needs to fail.  +Failure is even a necessary step, but ideally it should happen before a product is launched, during the prototype and test phases +- Make connections. Use LinkedIn, your friends, friends of friends to frequently meet designers and ask them about how they practice design in their organization. Who know, some day thay may remember you and offer you a contract! +- Have fun!! + +**Instructions:** + +- Read all the scripts very carefully +- Extract at least 6 insights + - 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. + +**Deliverables:** + +- Create a PDF document and write at least 6 insights and the name of the person(s) who said it. + +**Tips:** + +- Examples of insights from the scripts (non-exhaustive list): + - Runs several times a week (Joe, Nathan, Guillaume, Anaelle) + - Doesn’t drink too much right before the race because it hurts my stomach (Nathan, Anaelle) + - I run races with friends or peers (Joe, Nathan, Guillaume) + +- The following is the interview script used to conduct the seven user interviews. +- 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? + + + diff --git a/subjects/ux/athele-keep-hydrated/user-interviews/audit/README.md b/subjects/ux/athele-keep-hydrated/user-interviews/audit/README.md new file mode 100644 index 0000000..6413773 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/user-interviews/audit/README.md @@ -0,0 +1,5 @@ +#### Audit + +###### Is there a PDF document? +###### Are there at least 6 insights? +###### Does each insight have the name of the person(s) who said it? diff --git a/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-anaelle.md b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-anaelle.md new file mode 100644 index 0000000..ddbed17 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-anaelle.md @@ -0,0 +1,35 @@ +**Anaëlle, 29 years old, consultant, French, lives in Paris, France** + +Run + +- What sports do you practice? + - Running and muscle building. I have had a coach for 4 months. I do a one-hour session with him per week, based on running. Sheathing, slits, pumps, mobility exercises, stretching. +- How often do you run? + - From 3 to 4 times a week. +- When was the last time you went out for a run? + - Last Tuesday, 7 days ago. Last week was my birthday so I enjoyed it and didn't focus much on running. + +Races + +- What was the last race you ran? + - I will be back in preparation for the marathon in early January for the Paris marathon in early April 2022. With the current events (Covid), I could not do many races but I did several half marathons, 2x Marseille-Cassis (20km with elevation gain), 2x Paris-Versailles (16 km), and several 10km. +- How was it? Tell me about the experience you had. + - In June 2019, I prepared the Caen half-marathon for the 75th year of the Normandy landing with an app called Decat'coach. The program is designed automatically according to the time you want to do it. My goal: to do less than 1H50. But I arrived at the race washed out. I realized the training was not adapted to my shape and my structure. The start of the race was narrow, I was at the 2-hour pace, I accelerated, I burned myself from the 7-8th km. When I do a race, I prepare on a piece of paper at which minute to pass which kilometer. From the 10th, I broke down. Even though I hydrated, fueled, it didn’t change anything, it was too late, my legs exploded. I wanted to sprint at the finish line because my family was waiting for me. I did it, but the rescue team came to get me because I couldn’t stand anymore. They put me in a wheelchair with a survival blanket. I was very afraid that it would make me sick of running, and for a month and a half, I didn’t feel like it anymore. But I got over it and I remembered that the application I had used had made me too tired before the race. + - For the marathon, I will be better followed by something that better fits my condition and my structure. I don’t have a time target, I just want to finish it. +- What would you have done differently? Why? + - My sports coach will train me. There will be running, interval training, long runs, and stretching sessions. + +Hydration + +- What do you remember about the way you hydrated? + - I try to drink 1.5L a day, I always have my bottle with me. What I missed was a camelback. You can quickly waste time. It’s not practical, they give you a cup with water during the race but it’s not practical. For the training, I will train with my camelback and for the long races I will have water with me. +- Have you ever found yourself in trouble due to hydration? What happened? + - When I do training sessions between 8 and 12 km, I try not to drink directly after my run. But in the summer I try to leave with little Decathlon bottles. + The last time, I had forgotten my bottle. I was leaving for 14 km. I did not take it because it was not clean. I did the first 5 kilometers quickly then I lost the energy, I looked at my watch and my time was going down, I had no more juice. When it is very hot I avoid to leave without water. + - On the docks in the summer there are small water fountains, it’s convenient even if it’s not very covid-friendly. + - I’m going to test the camelback soon and I hope the backpack doesn’t bother me too much. +- What would you never do again? Why? + - Forgetting my water in the hot weather. + - I sometimes drink before I run, but it stays in my stomach, it’s awful. I’ll take a sip or two just before running. Or I try to drink well in the morning if I run at noon. Item of food. + - After training, I drink my first sip half an hour after my session. + - As to muscle strengthening, I drink during the workout session. \ No newline at end of file diff --git a/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-antoine.md b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-antoine.md new file mode 100644 index 0000000..3f45064 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-antoine.md @@ -0,0 +1,47 @@ +**Antoine, 29 years old, CEO in a renewable energy company French, lives in Lisbon, Portugal** + +Run + +- What sports do you practice? + - Regularly? Running mostly, I'm also trying to practice regularly tennis and kite surfing. + - From time to time, I practice sailing, skiing, and surfing as well. And that's pretty much it. I'm not an athlete nor a professional trail runner. +- How often do you run? + - It depends. When I have a good habit of running, I run 3 times a week. And when it's more irregular, I run once a week. +- When was the last time you went out for a run? + - Yesterday evening. 42/43 minutes. I ran along the Tejo river, in LIsbon. It's a soft run, I didn't put too much effort into it. It's good to release pressure after work. + +Races + +- What was the last race you ran? + - The last race I ran was probably in August 2019. Then, there were not many opportunities due to Covid-19. +- How was it? Tell me about the experience you had. + - It was cool. It was on a Sunday morning. It's the Sydney 2 Race. It's a race that goes from the city center to Bondi beach. 14km run with some hills, with 240m elevation gain. It's been a big race, with lots of people, the view is nice, you run along the bay. What was surprising was the lack of milestones along with the race. Usually, you have an indication at each kilometer. But there was almost none. I didn't manage to know the pace I was going at. I went way quicker than what I was aiming at the beginning, and I managed to keep up the pace. I ended up running faster than what I was prepared for. +- How did you get prepared? + - By going running not on the same path, but through the same main hills during the previous weeks. + - But I couldn't get prepared 3 times a week as I wanted to. What helped me was providing a similar effort regarding the amont of hills. That was not a proper preparation, as much as I would have liked. +- What would you have done differently? Why? + - I would have set my priorities right. I would have gone running at least 3 times a week, to improve my pace and the way I dealt with the race. + - Why: to run faster. To run the race in less than what I did. I already ran fast, but I could have run the race in less than one hour. + +Hydration + +- What do you remember about the way you hydrated? + - I know we should not drink alcohol before the race. But I went out with friends and drank alcohol the night before. I went home early though. + - Before running a race, you need to make sure you get hydrated the day before, as well as all the stupid things you should do the day before. You don't want to pee during the race. You have to go before. +- How did you manage your hydration? + - I didn't have water with me but there were stands with cups of water available. I took the cups of water and drank a few sips. + - It's better to have a few sips every once in a while than a lot at one specific moment because it cuts the effort. You want to drink slowly. If you run a trail with hills, it's better to drink after the effort rather than before a hill, during the effort. +- How did you prepare your hydration process? + - I didn't prepare anything. I knew there were stands along with the race. It's a 14km race, it's not like a 50km race where you need your own water. + - When I run on a flat course, I usually drink before and after the race. I drink water during long sessions. But that may not be what's best or convenient. +- Have you ever found yourself in trouble due to hydration? What happened? + - Let me think... I don't think so. Not in running but when going on a long hike when I had to manage water. But I never ended up dehydrated. +- What would you never do again? Why? + - Nothing + + +Next Race + +- I'm thnking about registering for a race soon. Maybe the Paris half-marathon in March. It's good to have something to get ready for, but I'm not sure. Maybe I should find something near Lisbon, where I live. + +- \ No newline at end of file diff --git a/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-guillaume.md b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-guillaume.md new file mode 100644 index 0000000..e45d018 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-guillaume.md @@ -0,0 +1,46 @@ +**Guillaume, 30 years old, sales manager, lives in Paris, France** + +Run + +- What sports do you practice? + - I've been practicing rugby for 10 years and I run several times a week. I got injured in 2012, followed with a bone graft which took me 3 years to recover. +- How often do you run? + - It depends. Last November I ran 3 times in one month, whereas last week I ran 5 times. I usually run between 8 and 15 km. +- When was the last time you went out for a run? + - Last Sunday, I ran 8 km in 45 minutes. + - I love eating! Running gives a good way to balance. I am greedy and I love partying. + - I always meet with someone when running: I'm a social runner! I don't have any problem with getting up early to meet with someone, but it's hard to get up if I run by myself. It's easier to stay motivated. I have three girlfriends with whom I run. Every weekend, I text the first one to know if she is available. If she is not, I text the second one and so on. + +Races + +- What was the last race you ran? + - My first marathon was 6 weeks ago. + - Before that, my last race was 5 or 6 years ago. +- How was it? Tell me about the experience you had. + - I was very good. I ran with a friend from km 20 to 30, and a couple of friends from km 30 to 40. When I arrived, I proposed to my girlfriend. All my friends were there. + - There was much more pressure than in any other race. I had never ran that distance. Only 2 weeks before the D-Day, I ran 30 km for the very first time. I realized only then how important it was to drink and eat all along the race. +- How did you get prepared? + - The marathon was supposed to take place in March, and was postponed to October. Back in March, my weight was 76kg, and in September, 88kg. In the meantime, I got injured at rugby, there were the summer holidays, and I trained again in September. + - To run 30 km 2 weeks before the marathon, I needed 3 hours. I found someone to run with me the 30 km with a marathon pace. I was so exhausted. I needed water, I needed sugar. It was so hard. +- What would you have done differently? Why? + - I should have stopped drinking alcohol much earlier, eaten healthier much earlier, stopped partying and eaten correctly. And run short races at a fast pace. + +Hydration + +- What do you remember about the way you hydrated? + - During the first 30 km race I didn't get hydrated at all. I hadn't drunk a single glass of water before going. I am used to running between 10 and 20 km and I never drink when I run that distance. + - I hydrated when I got home, I drank a lot of water. Probably 2 or 3 liters in the afternoon. But at night I drank 2 L of beer. +- How did you manage your hydration? + - When you reach 20 km, you're far from home. You feel dizzy, your muscles begin to contract and tighten, your legs are heavier and heavier. + - I drink Aquareus, which is an energy drink by Coca-Cola, like Powerade, and I ate fruits, mostly bananas. +- Have you ever found yourself in trouble due to hydration? What happened? + - Yes, during that 30-km race. +- What would you never do again? Why? + - Above 15 km, you should go with some water and snacks. + + +Next race + +- I want to run the next half-marathon in March. I also want to run as a ‘rabbit’ for 10 to 15 km during the next marathon to support a friend. It's hard to maintain the same pace for 40 km, so we help each other out as 'rabbits': we run at a faster pace next to you so you can hold yours. In official races, it's tolerated. + + \ No newline at end of file diff --git a/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-guillemette.md b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-guillemette.md new file mode 100644 index 0000000..59504b3 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-guillemette.md @@ -0,0 +1,34 @@ +**Guillemette, 31 years old, accountant freelance, French, lives in Nantes, France** + +Run + +- What sports do you practice? + - I swim and run. +- How often do you run? + - I swim once or twice a month. + - As to running, I haven't run in 9 months due to my pregnancy, but I normally run once a week. +- When was the last time you went out for a run? + - 9 months ago! + +Races + +- What was the last race you ran? + - 'Les foulées du numériques 2020' in Nantes. It's a 10km race. +- How was it? Tell me about the experience you had. + - The race was hard to run because it had been a long time since I hadn't run. You need to run regularly and I was not prepared enough. I had a tendancy to run faster than my own pace and I found it harder. + - Half marathon in 2018. It was not too hot and the program was well done. I stopped a little longer (I ran on the spot) to take the time to drink. I had been very careful about that. I had a sore feet. It was a nice experience and a good challenge and I didn't have any hydration problems. We also had a friend who coached us for the half-marathon, she did a lot of prevention on hydration, the importance of taking breaks, slowing down, etc. +- How did you get prepared? + - I ran a little more regularly and tried to run at least 10 km in my training sessions. +- What would you have done differently? Why? + - I would re-train by step rather than several times 10 km. Increase as you go. I thought my body could do it, so I could do it in the moment. But I wasn’t ready. + +Hydration + +- What do you remember about the way you hydrated? + - I drink after each workout minimum 1 L of water, it limits the aches. I force myself to drink 1 L of water. I watch out hydration before the course. There’s only one supply on the 10km race so I drank halfway through. +- How did you manage your hydration? + - Very badly I think. Because you would have to drink more at the time of training when I do not drink before. You have to train your body before the effort and it goes through hydration. +- Have you ever found yourself in trouble due to hydration? What happened? + - No, never, because I am very careful. +- What would you never do again? Why? + - Drinking too fast \ No newline at end of file diff --git a/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-joe.md b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-joe.md new file mode 100644 index 0000000..cb52d58 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-joe.md @@ -0,0 +1,37 @@ +**Joe, 30 years old, translator, British, lives in Lisbon, Portugal** + +Run + +- What sports do you practice? + - Not that many. But throughout my life, I've tried many things. I go surfing sometimes, swimming quite a lot and I've tried skateboarding lately. + - I run quite often though. +- How often do you run? + - On average, probably 3 times a week. +- When was the last time you went out for a run? + - Two days ago, on Tuesday. The last time was last week, probably on Thursday. When I started running it was for fitness, but now it's almost meditative. It's nice not to think about anything. Also for fitness as well, but now it has a really good effect on mental health. + - How long: it depends. Probably like 6 km. Last year I was stuck in England for quite a while and I was running every day. Probably for half an hour. + +Races + +- What was the last race you ran? + - I haven't run many races. Maybe the last one was the half marathon in 2019 in Lisbon. +- How was it? Tell me about the experience you had. + - The actual marathon was cool. It goes along the river. The view is very nice and it's not too demanding. However, the race was quite challenging. I remember it was quite a hot day. It was really hard. I started too fast because I wanted to do a good time, and I was quite exhausted at the end. I was trying to maintain the pace which was a bit stupid. I only had done 2 half-marathons in terms of distance. I didn't prepare myself enough, that was unpleasant. But I managed to finish and the experience was very nice, especially for the sense of achievement. Even though I pushed myself too much. +- How did you get prepared? + - I did it with my friend. He had done a few half-marathons before. We were running every day in the morning. We started very casually. Not going that far or not setting targets. And gradually we increased the distances a little bit. From Lisbon to the bridge and back. Gradually we did it a bit quicker and shortened the time. This was his idea. We did some sprints in the middle of it, which was pretty nice. Then we ran from Carcavelos to Lisbon. It's good we did the full distance twice before the actual race. +- What would you have done differently? Why? + - Probably more training. To do the actual distance a lot more. Doing the half marathon during the weekend because I found there was a big difference between 15 km and the actual 21 km. You need to be closer to the target. And do it something like 10 times the actual distance. We should have focused more on the details. + +Hydration + +- What do you remember about the way you hydrated? + - I drank a lot after. But the big distance, I remember the day before, drink a lot. And on the way around they give you some hydration things. That's something I should have focused on more because I felt dehydrated. +- How did you manage your hydration? + - For the first quarter of it, I was not thinking about it. But since it got hot, I really felt the heat and the fatigue. So I had the hydration bags they gave along with the race. +- Have you ever found yourself in trouble due to hydration? What happened? + - Not exactly in trouble, but it was the limit. I was basically super tired. The day before I ate a lot. I should have slept more. We did some stretching but not enough. +- What would you never do again? Why? + - Being unrealistic about the pace. I ran it in 1 hour and 43! The target was 1h45. But that was unrealistic. I was pushing myself. + - When I run normally, I try to drink a lot before and a lot after. It's better to get prepared in the winter. + + \ No newline at end of file diff --git a/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-nathan.md b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-nathan.md new file mode 100644 index 0000000..0912ade --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-nathan.md @@ -0,0 +1,33 @@ +**Nathan, 39 years old, entrepreneur in agriculture, from the US, lives in Lisbon, Portugal** + +Run + +- What sports do you practice? + - Running, sailing, kiteboarding. But sailing and kiteboarding are not very often. I haven't done any sailing or kiteboarding in over a year. In San Francisco it was different. I lived there for 6 years, and I moved to Lisbon 2 years ago. +- How often do you run? + - When it comes to running, I go once or twice a week. +- When was the last time you went out for a run? + - Last Thursday so 7 days ago. And the Tuesday before. + +Races + +- What was the last race you ran? + - Thanksgiving 10K last year in Ohio. I had arrived 5 days before in the US. +- How was it? Tell me about the experience you had. + - Painful. I was out of shape and jetlagged. I didn't run frequently enough for the race. And I ran so fast. But I managed to finish. +- How did you get prepared? + - Normal running once or twice a week. Mostly alone. Occasionally people would run with me. But I went to the race with my brother-in-law. +- What would you have done differently? Why? + - It was a race for enjoyment and not pure competition. When I was young I raced competitively. + +Hydration + +- What do you remember about the way you hydrated? + - I don't hydrate a lot before the race because the water hurts my stomach. I drink a little a few hours before but not immediately before. +- How did you manage your hydration? + - For a race, I just make sure I don't go to race dehydrated, access from my normal day-to-day. + - I run between 5 and 10 kilometers. I'll be thirstly after the run. It's poorly managed. I'm really dehydrated. I run to get cured of my hangover and to help me think, it's very helpful. It's very much meditation for me. That's 90% of my joy of running. And I don't listen to music because it's distracting for me. +- Have you ever found yourself in trouble due to hydration? What happened? + - Yes. There have been times in life, on run, on a biclycle ran; my thoughts were less clear, you can feel it in your muscles. Your thought slows down, your body slows down also. It becomes very hard and your sweat changes. I remember riding a bike in a cascade mountain. I started to wobble on my bike. I stopped to eat some candy, drink, lay down for 30 minutes, and go back. +- What would you never do again? Why? + - Going on a backpacking trip without accessible water. If you have some time to contain your drink that's helpful. diff --git a/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-william.md b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-william.md new file mode 100644 index 0000000..78fdc29 --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/user-interviews/interview-script-william.md @@ -0,0 +1,48 @@ +**William, 33, accountant, French, lives in Paris, France** + +Run + +- What sports do you practice? + - I train for ultra trails. Ultra = over 50km, Trail = not on the road, in the mountains. + - My specialty is to run very long races, beyond 3 days, over 300 km. Usually, it's between 50 and 162 km. There are races everywhere on the planet but in France, there is the highest density in the world racing, thanks to the diversity of relief. + - I also do cycling and endurance, 100km minimum. I once ran 350km on my own. Swimming too but I haven't done it in years. +- How often do you run? + - 5 times a week. When I train, I run 2 marathons per week. + - When I go running, I run at least 15 km. I do cycles of 6 to 8 weeks, 1 week of break and I start a new cycle. + - I run an official race every other week. + - I am not a professional but I have been sponsored for the last 7 years, that pays for my equipment. Other than that, I'm an accountant in a large corporation. +- When was the last time you went out for a run? + - Five days ago, last Monday, because I'm sick. + +Races + +- What was the last race you ran? + - The last long race I ran was 80km in Paris last January. + - In trail: World Backyard Racing Championships in 2021. It is a 6.8km loop to do every hour. We start at fixed times. You have to run and be back in time to start again on a new loop. I was representing France. I lasted 34hours, so 220km. But I suffered from hypothermia and missed a start. +- How was it? Tell me about the experience you had. + - It was incredible. We were 15 and we represented the French team. The country that ran the most laps won. The atmosphere there is very special. Everyone is there for a stopwatch, it’s more individual. There was solidarity between the riders and we had plenty of time to be with the other riders. It really was a social event. +- How did you get prepared? + - Preparation is based on experience. It’s the accumulation of events that matters. After 30 or 40 races, what you need to train is your mental strength. You need to concentrate kilometers over years and years to make it easy on the D-day. You need to find comfort in discomfort. For my last race, it was 7 weeks of preparation, split, longer outings, 2 marathons per day. +- What would you have done differently? Why? + - The speed is fixed, so I trained to have constant speed. I know my speed and my landmarks so that I can reproduce it on the D-Day. The time I spent not running, I could use it to rest. You have to be slow enough not to spend too much energy. + - I would have changed clothes earlier not to have hypothermia. My preparation was good! I had already done that kind of race 6 or 7 times. + +Hydration + +- What do you remember about the way you hydrated? + - I’m a pretty bad pupil. I drank water without additives and coca-cola, not at the same time though. In terms of diet; in coca-cola there is sugar and caffeine. Having both is perfect. I have been trying for quite a while to take energy drinks and so on. If you bring your own drinks, you have to be able to recharge with what exists on the race. +- How did you manage your hydration? + - On very long runs, I also take BCAA amino acids. Those are normally secreted by my body, and I take them to rebuild stocks faster. It has an impact on fatigue. +- Have you ever found yourself in trouble due to hydration? What happened? + - Yes, a thousand times! Not necessarily on the quality of hydration. + - I once misplanned my salt: the hotter it is the more salt you need. Because the body evacuates through sweat. If you have less salt, you fall. It happened to me 2-3 times. You can buy salt tablets. It doesn’t taste like salt, and it’s in tablets. You also have salt shakers on the markers. In both cases it doesn't give the impression of thirst in the throat. Anyway, it's important to have was in fluids with you at all times. + - There was another time when I was running through the Pyrenees on my own. At one point, on the plateaux of Ariège, I had to go 120 km without water except the one I had on me (3L). You normally run 120 km in 1 day and a half. I had been on a constant effort from 7 days (and I was drinking between 6 and 7 liters per day). I had a mental problem. You start to consider puddles of water. It was the end of October and I didn’t meet with a single person. When I finally saw a fountain where I could sleep, it was a resurrection! I drank 2.5L in 20 minutes. I drank all night and started running again the following day. + +- What would you never do again? Why? + - Drinking energy drinks for the specific effort. They are good but there is a problem: you have to mix with your water, it sticks, it is not convenient. You’re getting used to having to deal with this. + - What is the most optimal in absolute terms is not necessarily the most optimal at the moment. It is necessary to make the choice at the moment (take 1Kg of powder for an ultratrail). + - If a drink is available on the stand, I take it. + - Misjudge your journey. + - Leave without salt or BC2A tablets. It takes up little space but it can save your ass. + + diff --git a/subjects/ux/ux-1/ux-1-4/README.md b/subjects/ux/athele-keep-hydrated/user-journey/README.md similarity index 74% rename from subjects/ux/ux-1/ux-1-4/README.md rename to subjects/ux/athele-keep-hydrated/user-journey/README.md index 3f71d7c..bdedad5 100644 --- a/subjects/ux/ux-1/ux-1-4/README.md +++ b/subjects/ux/athele-keep-hydrated/user-journey/README.md @@ -1,19 +1,9 @@ # UX I - Ex 4 - User Journey -**Context:** - -Welcome to the very first quest of this program. - -Your mission, should you choose to accept it, is to find a way to improve athletes’ experience related to their hydration when running. - -This first project is very special: you are asked to end up with a non-digital solution. As a matter of fact, innovation does not always rhyme with digital. So let’s be creative and get out of the box! - **Instructions:** Based on your persona card, and the interview scripts, design Pierre’s user journey. -*You can replace Pierre with your own persona.* - **Deliverables:** - A PDF document with Pierre’s user journey. @@ -37,11 +27,9 @@ Most articles you'll find will be about user journeys or customer journeys. Keep - [How to create a Customer Journey Map](https://www.youtube.com/watch?v=mSxpVRo3BLg) - [Journey Mapping: How to build it](https://www.lucidchart.com/blog/how-to-build-customer-journey-maps) - [Journey Mapping : Template 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) -**Quote:** - -'It’s about catching customers in the act, and providing highly relevant and highly contextual information’ Paul Maritz | CEO Pivotal -**PS:** +**Quote:** -If you’re stuck, here is a [persona](https://www.figma.com/file/zeOfV35WEWTc0kXsHgoQa4/UX-I---Ex-3) you can build the user journey on ;-) \ No newline at end of file +'It’s about catching customers in the act, and providing highly relevant and highly contextual information’ Paul Maritz | CEO Pivotal \ No newline at end of file diff --git a/subjects/ux/athele-keep-hydrated/user-journey/audit/README.md b/subjects/ux/athele-keep-hydrated/user-journey/audit/README.md new file mode 100644 index 0000000..1c56ecf --- /dev/null +++ b/subjects/ux/athele-keep-hydrated/user-journey/audit/README.md @@ -0,0 +1,8 @@ +#### Audit + +###### Is there a timeline? +###### Does the timeline show the journey of your persona step by step, before, during and after running a race? +###### Is the timeline divided into phases? +###### Are there Pierre’s actions written on the timeline? +###### For each action, is there a thought written? +###### For every thought, is there a main emotion? diff --git a/subjects/ux/ux-2/ux-2-3/README.md b/subjects/ux/going-on-holidays-with-friends/affinity-diagram/README.md similarity index 72% rename from subjects/ux/ux-2/ux-2-3/README.md rename to subjects/ux/going-on-holidays-with-friends/affinity-diagram/README.md index b1a1bbc..0fd014c 100644 --- a/subjects/ux/ux-2/ux-2-3/README.md +++ b/subjects/ux/going-on-holidays-with-friends/affinity-diagram/README.md @@ -1,13 +1,5 @@ # UX II - Ex 3 - Affinity diagram & Empathy map -**Context:** - -Welcome to the 2nd quest. - -Your mission, should you choose to accept it, is to focus on going on holidays with friends. As you may have noticed, experiencing weekends or other kinds of holidays is super nice, but may lead to some moments of irritation. - -So this project’s goal is to make holidays more comfortable fo everyone. But first, as in all design processes, you need to understand the real problem behind stressful moments! - **Instructions:** Open your written scripts and extract the relevant information. diff --git a/subjects/ux/ux-2/ux-2-3/audit/README.md b/subjects/ux/going-on-holidays-with-friends/affinity-diagram/audit/README.md similarity index 100% rename from subjects/ux/ux-2/ux-2-3/audit/README.md rename to subjects/ux/going-on-holidays-with-friends/affinity-diagram/audit/README.md diff --git a/subjects/ux/ux-2/ux-2-5/README.md b/subjects/ux/going-on-holidays-with-friends/ideation/README.md similarity index 79% rename from subjects/ux/ux-2/ux-2-5/README.md rename to subjects/ux/going-on-holidays-with-friends/ideation/README.md index eb0d5f0..ee4318c 100644 --- a/subjects/ux/ux-2/ux-2-5/README.md +++ b/subjects/ux/going-on-holidays-with-friends/ideation/README.md @@ -1,13 +1,5 @@ # UX II - Ex 5 - Ideation -**Context:** - -Welcome to the 2nd quest. - -Your mission, should you choose to accept it, is to focus on going on holidays with friends. As you may have noticed, experiencing weekends or other kinds of holidays is super nice, but may lead to some moments of irritation. - -So this project’s goal is to make holidays more comfortable fo everyone. But first, as in all design processes, you need to understand the real problem behind stressful moments! - **Instructions:** To find creative solutions to your problem statement, use one of these techniques in groups of 5 people, twice. diff --git a/subjects/ux/ux-2/ux-2-5/audit/README.md b/subjects/ux/going-on-holidays-with-friends/ideation/audit/README.md similarity index 100% rename from subjects/ux/ux-2/ux-2-5/audit/README.md rename to subjects/ux/going-on-holidays-with-friends/ideation/audit/README.md diff --git a/subjects/ux/ux-2/ux-2-1/README.md b/subjects/ux/going-on-holidays-with-friends/interview-guide/README.md similarity index 100% rename from subjects/ux/ux-2/ux-2-1/README.md rename to subjects/ux/going-on-holidays-with-friends/interview-guide/README.md diff --git a/subjects/ux/ux-2/ux-2-1/audit/README.md b/subjects/ux/going-on-holidays-with-friends/interview-guide/audit/README.md similarity index 100% rename from subjects/ux/ux-2/ux-2-1/audit/README.md rename to subjects/ux/going-on-holidays-with-friends/interview-guide/audit/README.md diff --git a/subjects/ux/ux-2/ux-2-4/README.md b/subjects/ux/going-on-holidays-with-friends/problem-statement/README.md similarity index 64% rename from subjects/ux/ux-2/ux-2-4/README.md rename to subjects/ux/going-on-holidays-with-friends/problem-statement/README.md index df4ef55..54326d2 100644 --- a/subjects/ux/ux-2/ux-2-4/README.md +++ b/subjects/ux/going-on-holidays-with-friends/problem-statement/README.md @@ -1,13 +1,5 @@ # UX II - Ex 4 - Problem statement -**Context:** - -Welcome to the 2nd quest. - -Your mission, should you choose to accept it, is to focus on going on holidays with friends. As you may have noticed, experiencing weekends or other kinds of holidays is super nice, but may lead to some moments of irritation. - -So this project’s goal is to make holidays more comfortable fo everyone. But first, as in all design processes, you need to understand the real problem behind stressful moments! - **Instructions:** Based on your previous work and your empathy map, define a problem statement that would clarify the main problem you want to tackle. diff --git a/subjects/ux/ux-2/ux-2-4/audit/README.md b/subjects/ux/going-on-holidays-with-friends/problem-statement/audit/README.md similarity index 100% rename from subjects/ux/ux-2/ux-2-4/audit/README.md rename to subjects/ux/going-on-holidays-with-friends/problem-statement/audit/README.md diff --git a/subjects/ux/ux-2/ux-2-7/README.md b/subjects/ux/going-on-holidays-with-friends/prototyping/README.md similarity index 79% rename from subjects/ux/ux-2/ux-2-7/README.md rename to subjects/ux/going-on-holidays-with-friends/prototyping/README.md index 548e51c..4db721b 100644 --- a/subjects/ux/ux-2/ux-2-7/README.md +++ b/subjects/ux/going-on-holidays-with-friends/prototyping/README.md @@ -1,13 +1,5 @@ # UX II - Ex 7 - Prototyping -**Context:** - -Welcome to the 2nd quest. - -Your mission, should you choose to accept it, is to focus on going on holidays with friends. As you may have noticed, experiencing weekends or other kinds of holidays is super nice, but may lead to some moments of irritation. - -So this project’s goal is to make holidays more comfortable fo everyone. But first, as in all design processes, you need to understand the real problem behind stressful moments! - **Instructions:** Give another dimension to your user flow and turn your user flow into a paper prototype (12 screens max). diff --git a/subjects/ux/ux-2/ux-2-7/audit/README.md b/subjects/ux/going-on-holidays-with-friends/prototyping/audit/README.md similarity index 100% rename from subjects/ux/ux-2/ux-2-7/audit/README.md rename to subjects/ux/going-on-holidays-with-friends/prototyping/audit/README.md diff --git a/subjects/ux/ux-2/ux-2-2/README.md b/subjects/ux/going-on-holidays-with-friends/run-interviews/README.md similarity index 65% rename from subjects/ux/ux-2/ux-2-2/README.md rename to subjects/ux/going-on-holidays-with-friends/run-interviews/README.md index 4dc3de7..5bec55e 100644 --- a/subjects/ux/ux-2/ux-2-2/README.md +++ b/subjects/ux/going-on-holidays-with-friends/run-interviews/README.md @@ -1,13 +1,5 @@ # UX II - Ex 2 - Run interviews -**Context:** - -Welcome to the 2nd quest. - -Your mission, should you choose to accept it, is to focus on going on holidays with friends. As you may have noticed, experiencing weekends or other kinds of holidays is super nice, but may lead to some moments of irritation. - -So this project’s goal is to make holidays more comfortable fo everyone. But first, as in all design processes, you need to understand the real problem behind stressful moments! - **Instructions:** Run 6 interviews. Go in pairs, one being the interviewer and the other the note taker. diff --git a/subjects/ux/ux-2/ux-2-2/audit/README.md b/subjects/ux/going-on-holidays-with-friends/run-interviews/audit/README.md similarity index 100% rename from subjects/ux/ux-2/ux-2-2/audit/README.md rename to subjects/ux/going-on-holidays-with-friends/run-interviews/audit/README.md diff --git a/subjects/ux/ux-2/ux-2-6/README.md b/subjects/ux/going-on-holidays-with-friends/user-flow/README.md similarity index 61% rename from subjects/ux/ux-2/ux-2-6/README.md rename to subjects/ux/going-on-holidays-with-friends/user-flow/README.md index 5f31a76..b7ed29e 100644 --- a/subjects/ux/ux-2/ux-2-6/README.md +++ b/subjects/ux/going-on-holidays-with-friends/user-flow/README.md @@ -1,13 +1,5 @@ # UX II - Ex 6 - User flow -**Context:** - -Welcome to the 2nd quest. - -Your mission, should you choose to accept it, is to focus on going on holidays with friends. As you may have noticed, experiencing weekends or other kinds of holidays is super nice, but may lead to some moments of irritation. - -So this project’s goal is to make holidays more comfortable fo everyone. But first, as in all design processes, you need to understand the real problem behind stressful moments! - **Instructions:** Structure your main ideas into a comprehensive user flow. diff --git a/subjects/ux/ux-2/ux-2-6/audit/README.md b/subjects/ux/going-on-holidays-with-friends/user-flow/audit/README.md similarity index 100% rename from subjects/ux/ux-2/ux-2-6/audit/README.md rename to subjects/ux/going-on-holidays-with-friends/user-flow/audit/README.md diff --git a/subjects/ux/ux-3/ux-3-3/README.md b/subjects/ux/lets-fight-harassment/broadcast-stategy/README.md similarity index 67% rename from subjects/ux/ux-3/ux-3-3/README.md rename to subjects/ux/lets-fight-harassment/broadcast-stategy/README.md index e1e6805..b468c68 100644 --- a/subjects/ux/ux-3/ux-3-3/README.md +++ b/subjects/ux/lets-fight-harassment/broadcast-stategy/README.md @@ -1,17 +1,5 @@ # UX III - Ex 3 - Broadcast strategy -**Context:** - -Quest n°3 is about Empathy. - -In this scenario, the principal of your high school heard you were a designer. They chose to reach you to help them face school harassment among teenagers. - -School harassment describes school-based harassment behaviors. It is characterized by the repeated use of violence, including mockery and other humiliations. - -As a matter of fact, they realized they didn’t know this generation (15 to 18-year-olds) very well. So they are asking you to conduct user research to meet this population and understand them. - -Your job is to explore your topic and use various tools included in this “Empathize” phase. - **Instructions:** Define and run your broadcast strategy among teenagers (15-18 years old) diff --git a/subjects/ux/ux-3/ux-3-3/audit/README.md b/subjects/ux/lets-fight-harassment/broadcast-stategy/audit/README.md similarity index 100% rename from subjects/ux/ux-3/ux-3-3/audit/README.md rename to subjects/ux/lets-fight-harassment/broadcast-stategy/audit/README.md diff --git a/subjects/ux/ux-3/ux-3-1/README.md b/subjects/ux/lets-fight-harassment/competitive-analyss/README.md similarity index 100% rename from subjects/ux/ux-3/ux-3-1/README.md rename to subjects/ux/lets-fight-harassment/competitive-analyss/README.md diff --git a/subjects/ux/ux-3/ux-3-1/audit/README.md b/subjects/ux/lets-fight-harassment/competitive-analyss/audit/README.md similarity index 100% rename from subjects/ux/ux-3/ux-3-1/audit/README.md rename to subjects/ux/lets-fight-harassment/competitive-analyss/audit/README.md diff --git a/subjects/ux/ux-3/ux-3-4/README.md b/subjects/ux/lets-fight-harassment/interviews/README.md similarity index 75% rename from subjects/ux/ux-3/ux-3-4/README.md rename to subjects/ux/lets-fight-harassment/interviews/README.md index d446dab..eea4c18 100644 --- a/subjects/ux/ux-3/ux-3-4/README.md +++ b/subjects/ux/lets-fight-harassment/interviews/README.md @@ -1,17 +1,5 @@ # UX III - Ex 4 - Interviews -**Context:** - -Quest n°3 is about Empathy. - -In this scenario, the principal of your high school heard you were a designer. They chose to reach you to help them face school harassment among teenagers. - -School harassment describes school-based harassment behaviors. It is characterized by the repeated use of violence, including mockery and other humiliations. - -As a matter of fact, they realized they didn’t know this generation (15 to 18-year-olds) very well. So they are asking you to conduct user research to meet this population and understand them. - -Your job is to explore your topic and use various tools included in this “Empathize” phase. - **Instructions:** - Create an interview guide diff --git a/subjects/ux/ux-3/ux-3-4/audit/README.md b/subjects/ux/lets-fight-harassment/interviews/audit/README.md similarity index 100% rename from subjects/ux/ux-3/ux-3-4/audit/README.md rename to subjects/ux/lets-fight-harassment/interviews/audit/README.md diff --git a/subjects/ux/ux-3/ux-3-5/README.md b/subjects/ux/lets-fight-harassment/personas/README.md similarity index 56% rename from subjects/ux/ux-3/ux-3-5/README.md rename to subjects/ux/lets-fight-harassment/personas/README.md index dd9911d..b0ca713 100644 --- a/subjects/ux/ux-3/ux-3-5/README.md +++ b/subjects/ux/lets-fight-harassment/personas/README.md @@ -1,17 +1,5 @@ # UX III - Ex 5 - Personas -**Context:** - -Quest n°3 is about Empathy. - -In this scenario, the principal of your high school heard you were a designer. They chose to reach you to help them face school harassment among teenagers. - -School harassment describes school-based harassment behaviors. It is characterized by the repeated use of violence, including mockery and other humiliations. - -As a matter of fact, they realized they didn’t know this generation (15 to 18-year-olds) very well. So they are asking you to conduct user research to meet this population and understand them. - -Your job is to explore your topic and use various tools included in this “Empathize” phase. - **Instructions:** Let's create a persona based on your quantitative research and your interviews. diff --git a/subjects/ux/ux-3/ux-3-5/audit/README.md b/subjects/ux/lets-fight-harassment/personas/audit/README.md similarity index 100% rename from subjects/ux/ux-3/ux-3-5/audit/README.md rename to subjects/ux/lets-fight-harassment/personas/audit/README.md diff --git a/subjects/ux/ux-3/ux-3-7/README.md b/subjects/ux/lets-fight-harassment/problem-statement/README.md similarity index 74% rename from subjects/ux/ux-3/ux-3-7/README.md rename to subjects/ux/lets-fight-harassment/problem-statement/README.md index 6d0000a..03d7653 100644 --- a/subjects/ux/ux-3/ux-3-7/README.md +++ b/subjects/ux/lets-fight-harassment/problem-statement/README.md @@ -1,17 +1,5 @@ # UX III - Ex 7 - Problem Statement -**Context:** - -Quest n°3 is about Empathy. - -In this scenario, the principal of your high school heard you were a designer. They chose to reach you to help them face school harassment among teenagers. - -School harassment describes school-based harassment behaviors. It is characterized by the repeated use of violence, including mockery and other humiliations. - -As a matter of fact, they realized they didn’t know this generation (15 to 18-year-olds) very well. So they are asking you to conduct user research to meet this population and understand them. - -Your job is to explore your topic and use various tools included in this “Empathize” phase. - **Instructions:** Based on your previous work, your persona and your user journey's main painpoint, define a problem statement that would clarify the main problem you want to tackle. You may use the How Might We exercise in pairs. diff --git a/subjects/ux/ux-3/ux-3-7/audit/README.md b/subjects/ux/lets-fight-harassment/problem-statement/audit/README.md similarity index 100% rename from subjects/ux/ux-3/ux-3-7/audit/README.md rename to subjects/ux/lets-fight-harassment/problem-statement/audit/README.md diff --git a/subjects/ux/ux-3/ux-3-2/README.md b/subjects/ux/lets-fight-harassment/surveys/README.md similarity index 81% rename from subjects/ux/ux-3/ux-3-2/README.md rename to subjects/ux/lets-fight-harassment/surveys/README.md index bbfe837..41487fe 100644 --- a/subjects/ux/ux-3/ux-3-2/README.md +++ b/subjects/ux/lets-fight-harassment/surveys/README.md @@ -1,17 +1,5 @@ # UX III - EX 2 - Surveys -**Context:** - -Quest n°3 is about Empathy. - -In this scenario, the principal of your high school heard you were a designer. They chose to reach you to help them face school harassment among teenagers. - -School harassment describes school-based harassment behaviors. It is characterized by the repeated use of violence, including mockery and other humiliations. - -As a matter of fact, they realized they didn’t know this generation (15 to 18-year-olds) very well. So they are asking you to conduct user research to meet this population and understand them. - -Your job is to explore your topic and use various tools included in this “Empathize” phase. - **Instructions:** Prepare a survey to gather quantitative data from your users. diff --git a/subjects/ux/ux-3/ux-3-2/audit/README.md b/subjects/ux/lets-fight-harassment/surveys/audit/README.md similarity index 100% rename from subjects/ux/ux-3/ux-3-2/audit/README.md rename to subjects/ux/lets-fight-harassment/surveys/audit/README.md diff --git a/subjects/ux/ux-3/ux-3-6/README.md b/subjects/ux/lets-fight-harassment/user-journey/README.md similarity index 71% rename from subjects/ux/ux-3/ux-3-6/README.md rename to subjects/ux/lets-fight-harassment/user-journey/README.md index 61e5eba..50231c1 100644 --- a/subjects/ux/ux-3/ux-3-6/README.md +++ b/subjects/ux/lets-fight-harassment/user-journey/README.md @@ -1,17 +1,5 @@ # UX III - Ex 6 - User Journey -**Context:** - -Quest n°3 is about Empathy. - -In this scenario, the principal of your high school heard you were a designer. They chose to reach you to help them face school harassment among teenagers. - -School harassment describes school-based harassment behaviors. It is characterized by the repeated use of violence, including mockery and other humiliations. - -As a matter of fact, they realized they didn’t know this generation (15 to 18-year-olds) very well. So they are asking you to conduct user research to meet this population and understand them. - -Your job is to explore your topic and use various tools included in this “Empathize” phase. - **Instructions:** Now you have your persona, it's time to set it in motion. diff --git a/subjects/ux/ux-3/ux-3-6/audit/README.md b/subjects/ux/lets-fight-harassment/user-journey/audit/README.md similarity index 100% rename from subjects/ux/ux-3/ux-3-6/audit/README.md rename to subjects/ux/lets-fight-harassment/user-journey/audit/README.md diff --git a/subjects/ux/ux-5/ux-5-4/README.md b/subjects/ux/music-on/card-sorting/README.md similarity index 90% rename from subjects/ux/ux-5/ux-5-4/README.md rename to subjects/ux/music-on/card-sorting/README.md index f5e73f6..48bd047 100644 --- a/subjects/ux/ux-5/ux-5-4/README.md +++ b/subjects/ux/music-on/card-sorting/README.md @@ -1,9 +1,5 @@ # UX V - Ex 4 - Card sorting -**Context:** - -A music label specialized in music from South America asks you to improve the user experience. This quest is about heuristics and content organization! - **Instructions:** In the present situation, the websites are not ideal to complete the Jobs-to-be-Done your user has in mind. So let's practice card sorting to rearrange the content of the website! diff --git a/subjects/ux/ux-5/ux-5-4/audit/README.md b/subjects/ux/music-on/card-sorting/audit/README.md similarity index 100% rename from subjects/ux/ux-5/ux-5-4/audit/README.md rename to subjects/ux/music-on/card-sorting/audit/README.md diff --git a/subjects/ux/ux-5/ux-5-1/README.md b/subjects/ux/music-on/heuristics/README.md similarity index 100% rename from subjects/ux/ux-5/ux-5-1/README.md rename to subjects/ux/music-on/heuristics/README.md diff --git a/subjects/ux/ux-5/ux-5-1/audit/README.md b/subjects/ux/music-on/heuristics/audit/README.md similarity index 100% rename from subjects/ux/ux-5/ux-5-1/audit/README.md rename to subjects/ux/music-on/heuristics/audit/README.md diff --git a/subjects/ux/ux-5/ux-5-3/README.md b/subjects/ux/music-on/jtbd/README.md similarity index 89% rename from subjects/ux/ux-5/ux-5-3/README.md rename to subjects/ux/music-on/jtbd/README.md index 86f3711..b05d441 100644 --- a/subjects/ux/ux-5/ux-5-3/README.md +++ b/subjects/ux/music-on/jtbd/README.md @@ -1,9 +1,5 @@ # UX V - Ex 3 - JTBD -**Context:** - -A music label specialized in music from South America asks you to improve the user experience. This quest is about heuristics and content organization! - **Instructions:** Let's practice Jobs-to-be-done to be more specific about how a music label website could be improved. diff --git a/subjects/ux/ux-5/ux-5-3/audit/README.md b/subjects/ux/music-on/jtbd/audit/README.md similarity index 100% rename from subjects/ux/ux-5/ux-5-3/audit/README.md rename to subjects/ux/music-on/jtbd/audit/README.md diff --git a/subjects/ux/ux-5/ux-5-7/README.md b/subjects/ux/music-on/run-5-tests/README.md similarity index 80% rename from subjects/ux/ux-5/ux-5-7/README.md rename to subjects/ux/music-on/run-5-tests/README.md index f2ee3e3..7947dd9 100644 --- a/subjects/ux/ux-5/ux-5-7/README.md +++ b/subjects/ux/music-on/run-5-tests/README.md @@ -1,9 +1,5 @@ # UX V - Ex 7 - Run 5 tests -**Context:** - -A music label specialized in music from South America asks you to improve the user experience. This quest is about heuristics and content organization! - **Instructions:** Run the test on 5 people! diff --git a/subjects/ux/ux-5/ux-5-7/audit/README.md b/subjects/ux/music-on/run-5-tests/audit/README.md similarity index 100% rename from subjects/ux/ux-5/ux-5-7/audit/README.md rename to subjects/ux/music-on/run-5-tests/audit/README.md diff --git a/subjects/ux/ux-5/ux-5-2/README.md b/subjects/ux/music-on/site-map/README.md similarity index 86% rename from subjects/ux/ux-5/ux-5-2/README.md rename to subjects/ux/music-on/site-map/README.md index 3bdd47a..fdb3ef1 100644 --- a/subjects/ux/ux-5/ux-5-2/README.md +++ b/subjects/ux/music-on/site-map/README.md @@ -1,9 +1,5 @@ # UX V - Ex 2 - Site map -**Context:** - -A music label specialized in music from South America asks you to improve the user experience. This quest is about heuristics and content organization! - **Instructions:** Stick to the website you have chosen in Ex.1 and design a site map. The site map should include all the pages of the website as well as the connections and hierarchy. diff --git a/subjects/ux/ux-5/ux-5-2/audit/README.md b/subjects/ux/music-on/site-map/audit/README.md similarity index 100% rename from subjects/ux/ux-5/ux-5-2/audit/README.md rename to subjects/ux/music-on/site-map/audit/README.md diff --git a/subjects/ux/ux-5/ux-5-6/README.md b/subjects/ux/music-on/test-protocol/README.md similarity index 84% rename from subjects/ux/ux-5/ux-5-6/README.md rename to subjects/ux/music-on/test-protocol/README.md index 3864c4a..4be3f1e 100644 --- a/subjects/ux/ux-5/ux-5-6/README.md +++ b/subjects/ux/music-on/test-protocol/README.md @@ -1,9 +1,5 @@ # UX V - Ex 6 - Test protocol -**Context:** - -A music label specialized in music from South America asks you to improve the user experience. This quest is about heuristics and content organization! - **Instructions:** Prepare a protocol for usability testing. diff --git a/subjects/ux/ux-5/ux-5-6/audit/README.md b/subjects/ux/music-on/test-protocol/audit/README.md similarity index 100% rename from subjects/ux/ux-5/ux-5-6/audit/README.md rename to subjects/ux/music-on/test-protocol/audit/README.md diff --git a/subjects/ux/ux-5/ux-5-5/README.md b/subjects/ux/music-on/wireframes/README.md similarity index 92% rename from subjects/ux/ux-5/ux-5-5/README.md rename to subjects/ux/music-on/wireframes/README.md index 81dc962..e8fd2e6 100644 --- a/subjects/ux/ux-5/ux-5-5/README.md +++ b/subjects/ux/music-on/wireframes/README.md @@ -1,9 +1,5 @@ # UX V - Ex 5 - Wireframes -**Context:** - -A music label specialized in music from South America asks you to improve the user experience. This quest is about heuristics and content organization! - **Instructions:** Pick a product (a record, a song or an album) from your music label website. diff --git a/subjects/ux/ux-5/ux-5-5/audit/README.md b/subjects/ux/music-on/wireframes/audit/README.md similarity index 100% rename from subjects/ux/ux-5/ux-5-5/audit/README.md rename to subjects/ux/music-on/wireframes/audit/README.md diff --git a/subjects/ux/seamstress/define/README.md b/subjects/ux/seamstress/define/README.md new file mode 100644 index 0000000..1a9cac1 --- /dev/null +++ b/subjects/ux/seamstress/define/README.md @@ -0,0 +1,15 @@ +# UX VII - Ex 3 - Define + +**Instructions:** + +Run at least one of the Define tools in the design process. + +**Deliverables:** + +- Script of the tool context (list of insights from the Empathy phase you are using) +- Completed tool (scripts from user interviews, results from a quantitative analysis, etc.) +- Key learnings from this phase + +**Tips:** + +- Use as many tools as needed, be make sure you do all the process in 4 working days! \ No newline at end of file diff --git a/subjects/ux/ux-7/ux-7-3/audit/README.md b/subjects/ux/seamstress/define/audit/README.md similarity index 100% rename from subjects/ux/ux-7/ux-7-3/audit/README.md rename to subjects/ux/seamstress/define/audit/README.md diff --git a/subjects/ux/seamstress/empathy/README.md b/subjects/ux/seamstress/empathy/README.md new file mode 100644 index 0000000..d98b735 --- /dev/null +++ b/subjects/ux/seamstress/empathy/README.md @@ -0,0 +1,15 @@ +# UX VII - Ex 2 - Empathy + +**Instructions:** + +Run at least one of the Empathy tools in the design process. + +**Deliverables:** + +- Script of the tool context +- Completed tool (scripts from user interviews, results from a quantitative analysis, etc.) +- Key learnings from this phase + +**Tips:** + +- Use as many tools as needed, be make sure you do all the process in 4 working days! \ No newline at end of file diff --git a/subjects/ux/ux-7/ux-7-2/audit/README.md b/subjects/ux/seamstress/empathy/audit/README.md similarity index 100% rename from subjects/ux/ux-7/ux-7-2/audit/README.md rename to subjects/ux/seamstress/empathy/audit/README.md diff --git a/subjects/ux/seamstress/ideation/README.md b/subjects/ux/seamstress/ideation/README.md new file mode 100644 index 0000000..fa11598 --- /dev/null +++ b/subjects/ux/seamstress/ideation/README.md @@ -0,0 +1,15 @@ +# UX VII - Ex 5 - Ideation + +**Instructions:** + +Run at least one of the Ideation techniques in the design process. + +**Deliverables:** + +- Script of the ideation workshop +- Completed tool : a board with all the ideas - on paper or digitally on Miro or Figma +- Key learnings from this phase + +**Tips:** + +- Use as many tools as needed, and make sure you do all the process in 4 working days! \ No newline at end of file diff --git a/subjects/ux/ux-7/ux-7-5/audit/README.md b/subjects/ux/seamstress/ideation/audit/README.md similarity index 100% rename from subjects/ux/ux-7/ux-7-5/audit/README.md rename to subjects/ux/seamstress/ideation/audit/README.md diff --git a/subjects/ux/seamstress/problem-statement/README.md b/subjects/ux/seamstress/problem-statement/README.md new file mode 100644 index 0000000..e575024 --- /dev/null +++ b/subjects/ux/seamstress/problem-statement/README.md @@ -0,0 +1,15 @@ +# UX VII - Ex 4 - Problem Statement + +**Instructions:** + +Based on your research (Empathy & Define), define a problem statement to narrow the problem and KPIs to measure the success. + +**Deliverables:** + +- One problem statement +- 1 to 3 KPIs +- Key learnings from this phase + +**Quote:** + +Design is about solving problems. Fall in Love with the Problem, Not the Solution. \ No newline at end of file diff --git a/subjects/ux/ux-7/ux-7-4/audit/README.md b/subjects/ux/seamstress/problem-statement/audit/README.md similarity index 100% rename from subjects/ux/ux-7/ux-7-4/audit/README.md rename to subjects/ux/seamstress/problem-statement/audit/README.md diff --git a/subjects/ux/ux-7/ux-7-6/README.md b/subjects/ux/seamstress/prototype/README.md similarity index 54% rename from subjects/ux/ux-7/ux-7-6/README.md rename to subjects/ux/seamstress/prototype/README.md index deb9962..6b91a2e 100644 --- a/subjects/ux/ux-7/ux-7-6/README.md +++ b/subjects/ux/seamstress/prototype/README.md @@ -1,15 +1,5 @@ # UX VII - Ex 6 - Prototype -**Context:** - -Elsa is a seamstress. She makes swimsuits on demand through her instagram account. It's going well, her community is growing as well as the amount of requests from customers. - -However, she loses a lot of time every time there is a request. To complete an order, she needs to ask for the shape of the swimsuit, the size, the color preferences and the expected delivery time. On top of that, she needs to make sure she has enough time to sew one piece - every piece requires 6 hours. - -For now, she only works with private messages but she wishes she could spend less time on that part. - -You offer to help her design a solution to manage her time and workshop better. You have 4 working days. - **Instructions:** Make a prototype including the chosen solution. diff --git a/subjects/ux/ux-7/ux-7-6/audit/README.md b/subjects/ux/seamstress/prototype/audit/README.md similarity index 100% rename from subjects/ux/ux-7/ux-7-6/audit/README.md rename to subjects/ux/seamstress/prototype/audit/README.md diff --git a/subjects/ux/seamstress/test/README.md b/subjects/ux/seamstress/test/README.md new file mode 100644 index 0000000..222a6ab --- /dev/null +++ b/subjects/ux/seamstress/test/README.md @@ -0,0 +1,11 @@ +# UX VII - Ex 7 - Test + +**Instructions:** + +Prepare a testing protocol and run it! + +**Deliverables:** + +- A testing protocol script +- Key learnings from the tests (5 tests are required) +- Key learnings from this phase \ No newline at end of file diff --git a/subjects/ux/ux-7/ux-7-7/audit/README.md b/subjects/ux/seamstress/test/audit/README.md similarity index 100% rename from subjects/ux/ux-7/ux-7-7/audit/README.md rename to subjects/ux/seamstress/test/audit/README.md diff --git a/subjects/ux/ux-7/ux-7-1/README.md b/subjects/ux/seamstress/ux-strategy/README.md similarity index 100% rename from subjects/ux/ux-7/ux-7-1/README.md rename to subjects/ux/seamstress/ux-strategy/README.md diff --git a/subjects/ux/ux-7/ux-7-1/audit/README.md b/subjects/ux/seamstress/ux-strategy/audit/README.md similarity index 100% rename from subjects/ux/ux-7/ux-7-1/audit/README.md rename to subjects/ux/seamstress/ux-strategy/audit/README.md diff --git a/subjects/ux/ux-6/ux-6-7/README.md b/subjects/ux/sunday-night-movie/iteration/README.md similarity index 63% rename from subjects/ux/ux-6/ux-6-7/README.md rename to subjects/ux/sunday-night-movie/iteration/README.md index 9ce097d..c3c8f02 100644 --- a/subjects/ux/ux-6/ux-6-7/README.md +++ b/subjects/ux/sunday-night-movie/iteration/README.md @@ -1,12 +1,5 @@ # UX VI - Ex 7 - Iteration -**Context:** - -Your company's client is a movie theaters chain called, Movie 4 all. - -They want to launch a platform for people who want to watch movies but don’t want to spend endless time selecting one. -You are replacing someone in the company who has already worked on the user research, the problem statement and the list of features they plan to develop. Your goal is to prototype and test these features. - **Instructions:** Based on your previous tests, pick one of your 3 prototypes. diff --git a/subjects/ux/ux-6/ux-6-7/audit/README.md b/subjects/ux/sunday-night-movie/iteration/audit/README.md similarity index 100% rename from subjects/ux/ux-6/ux-6-7/audit/README.md rename to subjects/ux/sunday-night-movie/iteration/audit/README.md diff --git a/subjects/ux/ux-6/ux-6-4/README.md b/subjects/ux/sunday-night-movie/test-feature-1/README.md similarity index 71% rename from subjects/ux/ux-6/ux-6-4/README.md rename to subjects/ux/sunday-night-movie/test-feature-1/README.md index 63f418c..06b0453 100644 --- a/subjects/ux/ux-6/ux-6-4/README.md +++ b/subjects/ux/sunday-night-movie/test-feature-1/README.md @@ -1,12 +1,5 @@ # UX VI - Ex 4 - Test on feature #1 -**Context:** - -Your company's client is a movie theaters chain called, Movie 4 all. - -They want to launch a platform for people who want to watch movies but don’t want to spend endless time selecting one. -You are replacing someone in the company who has already worked on the user research, the problem statement and the list of features they plan to develop. Your goal is to prototype and test these features. - **Instructions:** Test your wireframes! diff --git a/subjects/ux/ux-6/ux-6-4/audit/README.md b/subjects/ux/sunday-night-movie/test-feature-1/audit/README.md similarity index 100% rename from subjects/ux/ux-6/ux-6-4/audit/README.md rename to subjects/ux/sunday-night-movie/test-feature-1/audit/README.md diff --git a/subjects/ux/ux-6/ux-6-5/README.md b/subjects/ux/sunday-night-movie/test-feature-2/README.md similarity index 73% rename from subjects/ux/ux-6/ux-6-5/README.md rename to subjects/ux/sunday-night-movie/test-feature-2/README.md index 2a5ebf6..2d8c362 100644 --- a/subjects/ux/ux-6/ux-6-5/README.md +++ b/subjects/ux/sunday-night-movie/test-feature-2/README.md @@ -1,12 +1,5 @@ # UX VI - Ex 5 - Test on feature #2 -**Context:** - -Your company's client is a movie theaters chain called, Movie 4 all. - -They want to launch a platform for people who want to watch movies but don’t want to spend endless time selecting one. -You are replacing someone in the company who has already worked on the user research, the problem statement and the list of features they plan to develop. Your goal is to prototype and test these features. - **Instructions:** Test your wireframes! diff --git a/subjects/ux/ux-6/ux-6-5/audit/README.md b/subjects/ux/sunday-night-movie/test-feature-2/audit/README.md similarity index 100% rename from subjects/ux/ux-6/ux-6-5/audit/README.md rename to subjects/ux/sunday-night-movie/test-feature-2/audit/README.md diff --git a/subjects/ux/ux-6/ux-6-6/README.md b/subjects/ux/sunday-night-movie/test-feature-3/README.md similarity index 73% rename from subjects/ux/ux-6/ux-6-6/README.md rename to subjects/ux/sunday-night-movie/test-feature-3/README.md index 33c9cfa..aeb3ef1 100644 --- a/subjects/ux/ux-6/ux-6-6/README.md +++ b/subjects/ux/sunday-night-movie/test-feature-3/README.md @@ -1,12 +1,5 @@ # UX VI - Ex 6 - Test on feature #3 -**Context:** - -Your company's client is a movie theaters chain called, Movie 4 all. - -They want to launch a platform for people who want to watch movies but don’t want to spend endless time selecting one. -You are replacing someone in the company who has already worked on the user research, the problem statement and the list of features they plan to develop. Your goal is to prototype and test these features. - **Instructions:** Test your wireframes! diff --git a/subjects/ux/ux-6/ux-6-6/audit/README.md b/subjects/ux/sunday-night-movie/test-feature-3/audit/README.md similarity index 100% rename from subjects/ux/ux-6/ux-6-6/audit/README.md rename to subjects/ux/sunday-night-movie/test-feature-3/audit/README.md diff --git a/subjects/ux/ux-6/ux-6-1/README.md b/subjects/ux/sunday-night-movie/user-flow/README.md similarity index 100% rename from subjects/ux/ux-6/ux-6-1/README.md rename to subjects/ux/sunday-night-movie/user-flow/README.md diff --git a/subjects/ux/ux-6/ux-6-1/audit/README.md b/subjects/ux/sunday-night-movie/user-flow/audit/README.md similarity index 100% rename from subjects/ux/ux-6/ux-6-1/audit/README.md rename to subjects/ux/sunday-night-movie/user-flow/audit/README.md diff --git a/subjects/ux/sunday-night-movie/wireframes-animation/README.md b/subjects/ux/sunday-night-movie/wireframes-animation/README.md new file mode 100644 index 0000000..9bd40b3 --- /dev/null +++ b/subjects/ux/sunday-night-movie/wireframes-animation/README.md @@ -0,0 +1,18 @@ +# UX VI - Ex 3 - Wireframes animation + +**Instructions:** + +Animate your wireframes on Figma. + +Think about multistate!! + +This exercise is to be made individually. + +**Deliverables:** + +- An animated prototype + +**Resources:** + +- [Efficiently Manage Your Designs - How Mockplus State Page Helps To View & Manage Multiple State](https://help.mockplus.com/p/372) + diff --git a/subjects/ux/ux-6/ux-6-3/audit/README.md b/subjects/ux/sunday-night-movie/wireframes-animation/audit/README.md similarity index 100% rename from subjects/ux/ux-6/ux-6-3/audit/README.md rename to subjects/ux/sunday-night-movie/wireframes-animation/audit/README.md diff --git a/subjects/ux/ux-6/ux-6-2/README.md b/subjects/ux/sunday-night-movie/wireframes/README.md similarity index 77% rename from subjects/ux/ux-6/ux-6-2/README.md rename to subjects/ux/sunday-night-movie/wireframes/README.md index 106561b..a908991 100644 --- a/subjects/ux/ux-6/ux-6-2/README.md +++ b/subjects/ux/sunday-night-movie/wireframes/README.md @@ -1,12 +1,5 @@ # UX VI - Ex 2 - Wireframes -**Context:** - -Your company's client is a movie theaters chain called, Movie 4 all. - -They want to launch a platform for people who want to watch movies but don’t want to spend endless time selecting one. -You are replacing someone in the company who has already worked on the user research, the problem statement and the list of features they plan to develop. Your goal is to prototype and test these features. - **Instructions:** Based on the 3 user flows, design 3 series of wireframes. diff --git a/subjects/ux/ux-6/ux-6-2/audit/README.md b/subjects/ux/sunday-night-movie/wireframes/audit/README.md similarity index 100% rename from subjects/ux/ux-6/ux-6-2/audit/README.md rename to subjects/ux/sunday-night-movie/wireframes/audit/README.md diff --git a/subjects/ux/ux-4/ux-4-6/README.md b/subjects/ux/the-olympics/animation/README.md similarity index 50% rename from subjects/ux/ux-4/ux-4-6/README.md rename to subjects/ux/the-olympics/animation/README.md index 428ad7a..d2ab629 100644 --- a/subjects/ux/ux-4/ux-4-6/README.md +++ b/subjects/ux/the-olympics/animation/README.md @@ -1,13 +1,5 @@ # UX IV - Ex 6 - Animation -**Context:** - -The Olympics committee calls on you to get fresh ideas for the next Olympic Games. - -You’ll team up by groups of 3 and focus each on one problem statement. - -You’ll get guidelines and suggestions to run ideation workshops, and bring your ideas to life with three different prototypes, that you will animate and test. - **Instructions:** Animate your wireframes on Figma. diff --git a/subjects/ux/ux-4/ux-4-6/audit/README.md b/subjects/ux/the-olympics/animation/audit/README.md similarity index 100% rename from subjects/ux/ux-4/ux-4-6/audit/README.md rename to subjects/ux/the-olympics/animation/audit/README.md diff --git a/subjects/ux/ux-4/ux-4-1/README.md b/subjects/ux/the-olympics/ideation-a/README.md similarity index 100% rename from subjects/ux/ux-4/ux-4-1/README.md rename to subjects/ux/the-olympics/ideation-a/README.md diff --git a/subjects/ux/ux-4/ux-4-1/audit/README.md b/subjects/ux/the-olympics/ideation-a/audit/README.md similarity index 100% rename from subjects/ux/ux-4/ux-4-1/audit/README.md rename to subjects/ux/the-olympics/ideation-a/audit/README.md diff --git a/subjects/ux/ux-4/ux-4-2/README.md b/subjects/ux/the-olympics/ideation-b/README.md similarity index 81% rename from subjects/ux/ux-4/ux-4-2/README.md rename to subjects/ux/the-olympics/ideation-b/README.md index 0f1ce24..b281785 100644 --- a/subjects/ux/ux-4/ux-4-2/README.md +++ b/subjects/ux/the-olympics/ideation-b/README.md @@ -1,13 +1,5 @@ # UX IV - Ex 2 - Ideation -**Context:** - -The Olympics committee calls on you to get fresh ideas for the next Olympic Games. - -You’ll team up by groups of 3 and focus each on one problem statement. - -You’ll get guidelines and suggestions to run ideation workshops, and bring your ideas to life with three different prototypes, that you will animate and test. - **Instructions:** Let's be creative! diff --git a/subjects/ux/ux-4/ux-4-2/audit/README.md b/subjects/ux/the-olympics/ideation-b/audit/README.md similarity index 100% rename from subjects/ux/ux-4/ux-4-2/audit/README.md rename to subjects/ux/the-olympics/ideation-b/audit/README.md diff --git a/subjects/ux/ux-4/ux-4-3/README.md b/subjects/ux/the-olympics/ideation-c/README.md similarity index 82% rename from subjects/ux/ux-4/ux-4-3/README.md rename to subjects/ux/the-olympics/ideation-c/README.md index 551e4ec..c88e6b3 100644 --- a/subjects/ux/ux-4/ux-4-3/README.md +++ b/subjects/ux/the-olympics/ideation-c/README.md @@ -1,13 +1,5 @@ # UX IV - Ex 3 - Ideation -**Context:** - -The Olympics committee calls on you to get fresh ideas for the next Olympic Games. - -You’ll team up by groups of 3 and focus each on one problem statement. - -You’ll get guidelines and suggestions to run ideation workshops, and bring your ideas to life with three different prototypes, that you will animate and test. - **Instructions:** Let's be creative! diff --git a/subjects/ux/ux-4/ux-4-3/audit/README.md b/subjects/ux/the-olympics/ideation-c/audit/README.md similarity index 100% rename from subjects/ux/ux-4/ux-4-3/audit/README.md rename to subjects/ux/the-olympics/ideation-c/audit/README.md diff --git a/subjects/ux/ux-4/ux-4-5/README.md b/subjects/ux/the-olympics/prototyping/README.md similarity index 84% rename from subjects/ux/ux-4/ux-4-5/README.md rename to subjects/ux/the-olympics/prototyping/README.md index 928e8ec..0c1c553 100644 --- a/subjects/ux/ux-4/ux-4-5/README.md +++ b/subjects/ux/the-olympics/prototyping/README.md @@ -1,13 +1,5 @@ # UX IV - Ex 5 - Prototyping -**Context:** - -The Olympics committee calls on you to get fresh ideas for the next Olympic Games. - -You’ll team up by groups of 3 and focus each on one problem statement. - -You’ll get guidelines and suggestions to run ideation workshops, and bring your ideas to life with three different prototypes, that you will animate and test. - **Instructions:** Give another dimension to your user flow and turn your user flow into a paper prototype (12 screens max). diff --git a/subjects/ux/ux-4/ux-4-5/audit/README.md b/subjects/ux/the-olympics/prototyping/audit/README.md similarity index 100% rename from subjects/ux/ux-4/ux-4-5/audit/README.md rename to subjects/ux/the-olympics/prototyping/audit/README.md diff --git a/subjects/ux/ux-4/ux-4-7/README.md b/subjects/ux/the-olympics/test/README.md similarity index 74% rename from subjects/ux/ux-4/ux-4-7/README.md rename to subjects/ux/the-olympics/test/README.md index c927600..4330e50 100644 --- a/subjects/ux/ux-4/ux-4-7/README.md +++ b/subjects/ux/the-olympics/test/README.md @@ -1,13 +1,5 @@ # UX IV - Ex 7 - Test -**Context:** - -The Olympics committee calls on you to get fresh ideas for the next Olympic Games. - -You’ll team up by groups of 3 and focus each on one problem statement. - -You’ll get guidelines and suggestions to run ideation workshops, and bring your ideas to life with three different prototypes, that you will animate and test. - **Instructions:** Test your wireframe prototype with 5 different people and write down the 5 main iterations that need to be made on the next version. diff --git a/subjects/ux/ux-4/ux-4-7/audit/README.md b/subjects/ux/the-olympics/test/audit/README.md similarity index 100% rename from subjects/ux/ux-4/ux-4-7/audit/README.md rename to subjects/ux/the-olympics/test/audit/README.md diff --git a/subjects/ux/ux-4/ux-4-4/README.md b/subjects/ux/the-olympics/user-flow/README.md similarity index 60% rename from subjects/ux/ux-4/ux-4-4/README.md rename to subjects/ux/the-olympics/user-flow/README.md index 74fcb1e..a73998f 100644 --- a/subjects/ux/ux-4/ux-4-4/README.md +++ b/subjects/ux/the-olympics/user-flow/README.md @@ -1,13 +1,5 @@ # UX IV - Ex 4 - User Flow -**Context:** - -The Olympics committee calls on you to get fresh ideas for the next Olympic Games. - -You’ll team up by groups of 3 and focus each on one problem statement. - -You’ll get guidelines and suggestions to run ideation workshops, and bring your ideas to life with three different prototypes, that you will animate and test. - **Instructions:** Based on the main concept out of the workshop you led, design the user flow a user has to follow to access the main service. diff --git a/subjects/ux/ux-4/ux-4-4/audit/README.md b/subjects/ux/the-olympics/user-flow/audit/README.md similarity index 100% rename from subjects/ux/ux-4/ux-4-4/audit/README.md rename to subjects/ux/the-olympics/user-flow/audit/README.md diff --git a/subjects/ux/ux-1/ux-1-1/README.md b/subjects/ux/ux-1/ux-1-1/README.md deleted file mode 100644 index 0ea8b48..0000000 --- a/subjects/ux/ux-1/ux-1-1/README.md +++ /dev/null @@ -1,373 +0,0 @@ -# UX I - Ex 1 - User Interviews - -**Context:** - -Welcome to the very first quest of this program. - -Your mission, should you choose to accept it, is to find a way to improve athletes’ experience related to their hydration when running. - -This first project is very special: you are asked to end up with a non-digital solution. As a matter of fact, innovation does not always rhyme with digital. So let’s be creative and get out of the box! - -**General recommendations:** - -- Get Out of the Box. Be curious. Follow design trends on YouTube, LinkedIn, in podcasts, on Instagram accounts. Explore the internet when you discover a new concept. Build your own design culture. -- Document everything you do, take notes, open a medium account to identify and show your deliverables, thoughts and feedback. It will be useful for your portoflio! -- Trust the design process. One step after another. -- Design needs to fail.  -Failure is even a necessary step, but ideally it should happen before a product is launched, during the prototype and test phases -- Make connections. Use LinkedIn, your friends, friends of friends to frequently meet designers and ask them about how they practice design in their organization. Who know, some day thay may remember you and offer you a contract! -- Have fun!! - -**Instructions:** - -- Read all the scripts carefully -- Answer these questions: - - Frequency - - Who runs races occasionally (one time)? - - Who runs races regularly (more than once)? - - Who runs races frequently (more than 3 times a year)? - - Problems due to hydration - - Who already found themselves in trouble due to lack of hydration? - - Who never found themselves in trouble due to lack of hydration? -- Focus on those who already hurt themselves because of a lack of hydration and who run regularly. Extract at least 6 insights - - Insights must be either shared by several people or consistent with what other people have already experienced - - For each insight, name who said it. - -**Deliverables:** - -- Answer the questions above -- Write at least 6 insights and the name of the person(s) who said it. - - - - -**Tips:** - -- The following is the interview script used to conduct the seven user interviews. -- 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? - - - -# **Interview scripts** - -**Antoine, 29 years old, CEO in a renewable energy company French, lives in Lisbon, Portugal** - -Run - -- What sports do you practice? - - Regularly? Running mostly, I'm also trying to practice regularly tennis and kite surfing. - - From time to time, I practice sailing, skiing, and surfing as well. And that's pretty much it. I'm not an athlete nor a professional trail runner. -- How often do you run? - - It depends. When I have a good habit of running, I run 3 times a week. And when it's more irregular, I run once a week. -- When was the last time you went out for a run? - - Yesterday evening. 42/43 minutes. I ran along the Tejo river, in LIsbon. It's a soft run, I didn't put too much effort into it. It's good to release pressure after work. - -Races - -- What was the last race you ran? - - The last race I ran was probably in August 2019. Then, there were not many opportunities due to Covid-19. -- How was it? Tell me about the experience you had. - - It was cool. It was on a Sunday morning. It's the Sydney 2 Race. It's a race that goes from the city center to Bondi beach. 14km run with some hills, with 240m elevation gain. It's been a big race, with lots of people, the view is nice, you run along the bay. What was surprising was the lack of milestones along with the race. Usually, you have an indication at each kilometer. But there was almost none. I didn't manage to know the pace I was going at. I went way quicker than what I was aiming at the beginning, and I managed to keep up the pace. I ended up running faster than what I was prepared for. -- How did you get prepared? - - By going running not on the same path, but through the same main hills during the previous weeks. - - But I couldn't get prepared 3 times a week as I wanted to. What helped me was providing a similar effort regarding the amont of hills. That was not a proper preparation, as much as I would have liked. -- What would you have done differently? Why? - - I would have set my priorities right. I would have gone running at least 3 times a week, to improve my pace and the way I dealt with the race. - - Why: to run faster. To run the race in less than what I did. I already ran fast, but I could have run the race in less than one hour. - -Hydration - -- What do you remember about the way you hydrated? - - I know we should not drink alcohol before the race. But I went out with friends and drank alcohol the night before. I went home early though. - - Before running a race, you need to make sure you get hydrated the day before, as well as all the stupid things you should do the day before. You don't want to pee during the race. You have to go before. -- How did you manage your hydration? - - I didn't have water with me but there were stands with cups of water available. I took the cups of water and drank a few sips. - - It's better to have a few sips every once in a while than a lot at one specific moment because it cuts the effort. You want to drink slowly. If you run a trail with hills, it's better to drink after the effort rather than before a hill, during the effort. -- How did you prepare your hydration process? - - I didn't prepare anything. I knew there were stands along with the race. It's a 14km race, it's not like a 50km race where you need your own water. - - When I run on a flat course, I usually drink before and after the race. I drink water during long sessions. But that may not be what's best or convenient. -- Have you ever found yourself in trouble due to hydration? What happened? - - Let me think... I don't think so. Not in running but when going on a long hike when I had to manage water. But I never ended up dehydrated. -- What would you never do again? Why? - - Nothing - - -Next Race - -- I'm thnking about registering for a race soon. Maybe the Paris half-marathon in March. It's good to have something to get ready for, but I'm not sure. Maybe I should find something near Lisbon, where I live. - -- **Joe, 30 years old, translator, British, lives in Lisbon, Portugal** - -Run - -- What sports do you practice? - - Not that many. But throughout my life, I've tried many things. I go surfing sometimes, swimming quite a lot and I've tried skateboarding lately. - - I run quite often though. -- How often do you run? - - On average, probably 3 times a week. -- When was the last time you went out for a run? - - Two days ago, on Tuesday. The last time was last week, probably on Thursday. When I started running it was for fitness, but now it's almost meditative. It's nice not to think about anything. Also for fitness as well, but now it has a really good effect on mental health. - - How long: it depends. Probably like 6 km. Last year I was stuck in England for quite a while and I was running every day. Probably for half an hour. - -Races - -- What was the last race you ran? - - I haven't run many races. Maybe the last one was the half marathon in 2019 in Lisbon. -- How was it? Tell me about the experience you had. - - The actual marathon was cool. It goes along the river. The view is very nice and it's not too demanding. However, the race was quite challenging. I remember it was quite a hot day. It was really hard. I started too fast because I wanted to do a good time, and I was quite exhausted at the end. I was trying to maintain the pace which was a bit stupid. I only had done 2 half-marathons in terms of distance. I didn't prepare myself enough, that was unpleasant. But I managed to finish and the experience was very nice, especially for the sense of achievement. Even though I pushed myself too much. -- How did you get prepared? - - I did it with my friend. He had done a few half-marathons before. We were running every day in the morning. We started very casually. Not going that far or not setting targets. And gradually we increased the distances a little bit. From Lisbon to the bridge and back. Gradually we did it a bit quicker and shortened the time. This was his idea. We did some sprints in the middle of it, which was pretty nice. Then we ran from Carcavelos to Lisbon. It's good we did the full distance twice before the actual race. -- What would you have done differently? Why? - - Probably more training. To do the actual distance a lot more. Doing the half marathon during the weekend because I found there was a big difference between 15 km and the actual 21 km. You need to be closer to the target. And do it something like 10 times the actual distance. We should have focused more on the details. - -Hydration - -- What do you remember about the way you hydrated? - - I drank a lot after. But the big distance, I remember the day before, drink a lot. And on the way around they give you some hydration things. That's something I should have focused on more because I felt dehydrated. -- How did you manage your hydration? - - For the first quarter of it, I was not thinking about it. But since it got hot, I really felt the heat and the fatigue. So I had the hydration bags they gave along with the race. -- Have you ever found yourself in trouble due to hydration? What happened? - - Not exactly in trouble, but it was the limit. I was basically super tired. The day before I ate a lot. I should have slept more. We did some stretching but not enough. -- What would you never do again? Why? - - Being unrealistic about the pace. I ran it in 1 hour and 43! The target was 1h45. But that was unrealistic. I was pushing myself. - - When I run normally, I try to drink a lot before and a lot after. It's better to get prepared in the winter. - -- - -**Nathan, 39 years old, entrepreneur in agriculture, from the US, lives in Lisbon, Portugal** - -Run - -- What sports do you practice? - - Running, sailing, kiteboarding. But sailing and kiteboarding are not very often. I haven't done any sailing or kiteboarding in over a year. In San Francisco it was different. I lived there for 6 years, and I moved to Lisbon 2 years ago. -- How often do you run? - - When it comes to running, I go once or twice a week. -- When was the last time you went out for a run? - - Last Thursday so 7 days ago. And the Tuesday before. - -Races - -- What was the last race you ran? - - Thanksgiving 10K last year in Ohio. I had arrived 5 days before in the US. -- How was it? Tell me about the experience you had. - - Painful. I was out of shape and jetlagged. I didn't run frequently enough for the race. And I ran so fast. But I managed to finish. -- How did you get prepared? - - Normal running once or twice a week. Mostly alone. Occasionally people would run with me. But I went to the race with my brother-in-law. -- What would you have done differently? Why? - - It was a race for enjoyment and not pure competition. When I was young I raced competitively. - -Hydration - -- What do you remember about the way you hydrated? - - I don't hydrate a lot before the race because the water hurts my stomach. I drink a little a few hours before but not immediately before. -- How did you manage your hydration? - - For a race, I just make sure I don't go to race dehydrated, access from my normal day-to-day. - - I run between 5 and 10 kilometers. I'll be thirstly after the run. It's poorly managed. I'm really dehydrated. I run to get cured of my hangover and to help me think, it's very helpful. It's very much meditation for me. That's 90% of my joy of running. And I don't listen to music because it's distracting for me. -- Have you ever found yourself in trouble due to hydration? What happened? - - Yes. There have been times in life, on run, on a biclycle ran; my thoughts were less clear, you can feel it in your muscles. Your thought slows down, your body slows down also. It becomes very hard and your sweat changes. I remember riding a bike in a cascade mountain. I started to wobble on my bike. I stopped to eat some candy, drink, lay down for 30 minutes, and go back. -- What would you never do again? Why? - - Going on a backpacking trip without accessible water. If you have some time to contain your drink that's helpful. - -- - -- **William, 33, accountant, French, lives in Paris, France** - -Run - -- What sports do you practice? - - I train for ultra trails. Ultra = over 50km, Trail = not on the road, in the mountains. - - My specialty is to run very long races, beyond 3 days, over 300 km. Usually, it's between 50 and 162 km. There are races everywhere on the planet but in France, there is the highest density in the world racing, thanks to the diversity of relief. - - I also do cycling and endurance, 100km minimum. I once ran 350km on my own. Swimming too but I haven't done it in years. -- How often do you run? - - 5 times a week. When I train, I run 2 marathons per week. - - When I go running, I run at least 15 km. I do cycles of 6 to 8 weeks, 1 week of break and I start a new cycle. - - I run an official race every other week. - - I am not a professional but I have been sponsored for the last 7 years, that pays for my equipment. Other than that, I'm an accountant in a large corporation. -- When was the last time you went out for a run? - - Five days ago, last Monday, because I'm sick. - -Races - -- What was the last race you ran? - - Long ago! Because earlier this year, I was cycling and I fell and broke my collarbone in Ventou, France. I was practicing for the half-650km by bike. - - Before that, the last race I ran was 80km in Paris in January 2021. - - In trail: World Backyard Racing Championships in 2021. It is a 6.8km loop to do every hour. We start at fixed times. You have to run and be back in time to start again on a new loop. I was representing France. I lasted 34hours, so 220km. But I suffered from hypothermia and missed a start. -- How was it? Tell me about the experience you had. - - It was incredible. We were 15 and we represented the French team. The country that ran the most laps won. The atmosphere there is very special. Everyone is there for a stopwatch, it’s more individual. There was solidarity between the riders and we had plenty of time to be with the other riders. It really was a social event. -- How did you get prepared? - - Preparation is based on experience. It’s the accumulation of events that matters. After 30 or 40 races, what you need to train is your mental strength. You need to concentrate kilometers over years and years to make it easy on the D-day. You need to find comfort in discomfort. For my last race, it was 7 weeks of preparation, split, longer outings, 2 marathons per day. -- What would you have done differently? Why? - - The speed is fixed, so I trained to have constant speed. I know my speed and my landmarks so that I can reproduce it on the D-Day. The time I spent not running, I could use it to rest. You have to be slow enough not to spend too much energy. - - I would have changed clothes earlier not to have hypothermia. My preparation was good! I had already done that kind of race 6 or 7 times. - -Hydration - -- What do you remember about the way you hydrated? - - I’m a pretty bad pupil. I drank water without additives and coca-cola, not at the same time though. In terms of diet; in coca-cola there is sugar and caffeine. Having both is perfect. I have been trying for quite a while to take energy drinks and so on. If you bring your own drinks, you have to be able to recharge with what exists on the race. -- How did you manage your hydration? - - On very long runs, I also take BCAA amino acids. Those are normally secreted by my body, and I take them to rebuild stocks faster. It has an impact on fatigue. -- Have you ever found yourself in trouble due to hydration? What happened? - - Yes, a thousand times! Not necessarily on the quality of hydration. - - I once misplanned my salt: the hotter it is the more salt you need. Because the body evacuates through sweat. If you have less salt, you fall. It happened to me 2-3 times. You can buy salt tablets. It doesn’t taste like salt, and it’s in tablets. You also have salt shakers on the markers. In both cases it doesn't give the impression of thirst in the throat. Anyway, it's important to have was in fluids with you at all times. - - There was another time when I was running through the Pyrenees on my own. At one point, on the plateaux of Ariège, I had to go 120 km without water except the one I had on me (3L). You normally run 120 km in 1 day and a half. I had been on a constant effort from 7 days (and I was drinking between 6 and 7 liters per day). I had a mental problem. You start to consider puddles of water. It was the end of October and I didn’t meet with a single person. When I finally saw a fountain where I could sleep, it was a resurrection! I drank 2.5L in 20 minutes. I drank all night and started running again the following day. - -- What would you never do again? Why? - - Drinking energy drinks for the specific effort. They are good but there is a problem: you have to mix with your water, it sticks, it is not convenient. You’re getting used to having to deal with this. - - What is the most optimal in absolute terms is not necessarily the most optimal at the moment. It is necessary to make the choice at the moment (take 1Kg of powder for an ultratrail). - - If a drink is available on the stand, I take it. - - Misjudge your journey. - - Leave without salt or BC2A tablets. It takes up little space but it can save your ass. - -- **Guillaume, 30 years old, sales manager, lives in Paris, France** - -Run - -- What sports do you practice? - - I've been practicing rugby for 10 years and I run several times a week. I got injured in 2012, followed with a bone graft which took me 3 years to recover. -- How often do you run? - - It depends. Last November I ran 3 times in one month, whereas last week I ran 5 times. I usually run between 8 and 15 km. -- When was the last time you went out for a run? - - Last Sunday, I ran 8 km in 45 minutes. - - I love eating! Running gives a good way to balance. I am greedy and I love partying. - - I always meet with someone when running: I'm a social runner! I don't have any problem with getting up early to meet with someone, but it's hard to get up if I run by myself. It's easier to stay motivated. I have three girlfriends with whom I run. Every weekend, I text the first one to know if she is available. If she is not, I text the second one and so on. - -Races - -- What was the last race you ran? - - My first marathon was 6 weeks ago. - - Before that, my last race was 5 or 6 years ago. -- How was it? Tell me about the experience you had. - - I was very good. I ran with a friend from km 20 to 30, and a couple of friends from km 30 to 40. When I arrived, I proposed to my girlfriend. All my friends were there. - - There was much more pressure than in any other race. I had never ran that distance. Only 2 weeks before the D-Day, I ran 30 km for the very first time. I realized only then how important it was to drink and eat all along the race. -- How did you get prepared? - - The marathon was supposed to take place in March, and was postponed to October. Back in March, my weight was 76kg, and in September, 88kg. In the meantime, I got injured at rugby, there were the summer holidays, and I trained again in September. - - To run 30 km 2 weeks before the marathon, I needed 3 hours. I found someone to run with me the 30 km with a marathon pace. I was so exhausted. I needed water, I needed sugar. It was so hard. -- What would you have done differently? Why? - - I should have stopped drinking alcohol much earlier, eaten healthier much earlier, stopped partying and eaten correctly. And run short races at a fast pace. - -Hydration - -- What do you remember about the way you hydrated? - - During the first 30 km race I didn't get hydrated at all. I hadn't drunk a single glass of water before going. I am used to running between 10 and 20 km and I never drink when I run that distance. - - I hydrated when I got home, I drank a lot of water. Probably 2 or 3 liters in the afternoon. But at night I drank 2 L of beer. -- How did you manage your hydration? - - When you reach 20 km, you're far from home. You feel dizzy, your muscles begin to contract and tighten, your legs are heavier and heavier. - - I drink Aquareus, which is an energy drink by Coca-Cola, like Powerade, and I ate fruits, mostly bananas. -- Have you ever found yourself in trouble due to hydration? What happened? - - Yes, during that 30-km race. -- What would you never do again? Why? - - Above 15 km, you should go with some water and snacks. - - -Next race - -- I want to run the next half-marathon in March. I also want to run as a ‘rabbit’ for 10 to 15 km during the next marathon to support a friend. It's hard to maintain the same pace for 40 km, so we help each other out as 'rabbits': we run at a faster pace next to you so you can hold yours. In official races, it's tolerated. - - - -- - -**Guillemette, 31 years old, accountant freelance, French, lives in Nantes, France** - -Run - -- What sports do you practice? - - I swim and run. -- How often do you run? - - I swim once or twice a month. - - As to running, I haven't run in 9 months due to my pregnancy, but I normally run once a week. -- When was the last time you went out for a run? - - 9 months ago! - -Races - -- What was the last race you ran? - - 'Les foulées du numériques 2020' in Nantes. It's a 10km race. -- How was it? Tell me about the experience you had. - - The race was hard to run because it had been a long time since I hadn't run. You need to run regularly and I was not prepared enough. I had a tendancy to run faster than my own pace and I found it harder. - - Half marathon in 2018. It was not too hot and the program was well done. I stopped a little longer (I ran on the spot) to take the time to drink. I had been very careful about that. I had a sore feet. It was a nice experience and a good challenge and I didn't have any hydration problems. We also had a friend who coached us for the half-marathon, she did a lot of prevention on hydration, the importance of taking breaks, slowing down, etc. -- How did you get prepared? - - I ran a little more regularly and tried to run at least 10 km in my training sessions. -- What would you have done differently? Why? - - I would re-train by step rather than several times 10 km. Increase as you go. I thought my body could do it, so I could do it in the moment. But I wasn’t ready. - -Hydration - -- What do you remember about the way you hydrated? - - I drink after each workout minimum 1 L of water, it limits the aches. I force myself to drink 1 L of water. I watch out hydration before the course. There’s only one supply on the 10km race so I drank halfway through. -- How did you manage your hydration? - - Very badly I think. Because you would have to drink more at the time of training when I do not drink before. You have to train your body before the effort and it goes through hydration. -- Have you ever found yourself in trouble due to hydration? What happened? - - No, never, because I am very careful. -- What would you never do again? Why? - - Drinking too fast - -- - -**Anaëlle, 29 years old, consultant, French, lives in Paris, France** - -Run - -- What sports do you practice? - - Running and muscle building. I have had a coach for 4 months. I do a one-hour session with him per week, based on running. Sheathing, slits, pumps, mobility exercises, stretching. -- How often do you run? - - From 3 to 4 times a week. -- When was the last time you went out for a run? - - Last Tuesday, 7 days ago. Last week was my birthday so I enjoyed it and didn't focus much on running. - -Races - -- What was the last race you ran? - - I will be back in preparation for the marathon in early January for the Paris marathon in early April 2022. With the current events (Covid), I could not do many races but I did several half marathons, 2x Marseille-Cassis (20km with elevation gain), 2x Paris-Versailles (16 km), and several 10km. -- How was it? Tell me about the experience you had. - - In June 2019, I prepared the Caen half-marathon for the 75th year of the Normandy landing with an app called Decat'coach. The program is designed automatically according to the time you want to do it. My goal: to do less than 1H50. But I arrived at the race washed out. I realized the training was not adapted to my shape and my structure. The start of the race was narrow, I was at the 2-hour pace, I accelerated, I burned myself from the 7-8th km. When I do a race, I prepare on a piece of paper at which minute to pass which kilometer. From the 10th, I broke down. Even though I hydrated, fueled, it didn’t change anything, it was too late, my legs exploded. I wanted to sprint at the finish line because my family was waiting for me. I did it, but the rescue team came to get me because I couldn’t stand anymore. They put me in a wheelchair with a survival blanket. I was very afraid that it would make me sick of running, and for a month and a half, I didn’t feel like it anymore. But I got over it and I remembered that the application I had used had made me too tired before the race. - - For the marathon, I will be better followed by something that better fits my condition and my structure. I don’t have a time target, I just want to finish it. -- What would you have done differently? Why? - - My sports coach will train me. There will be running, interval training, long runs, and stretching sessions. - -Hydration - -- What do you remember about the way you hydrated? - - I try to drink 1.5L a day, I always have my bottle with me. What I missed was a camelback. You can quickly waste time. It’s not practical, they give you a cup with water during the race but it’s not practical. For the training, I will train with my camelback and for the long races I will have water with me. -- Have you ever found yourself in trouble due to hydration? What happened? - - When I do training sessions between 8 and 12 km, I try not to drink directly after my run. But in the summer I try to leave with little Decathlon bottles. - The last time, I had forgotten my bottle. I was leaving for 14 km. I did not take it because it was not clean. I did the first 5 kilometers quickly then I lost the energy, I looked at my watch and my time was going down, I had no more juice. When it is very hot I avoid to leave without water. - - On the docks in the summer there are small water fountains, it’s convenient even if it’s not very covid-friendly. - - I’m going to test the camelback soon and I hope the backpack doesn’t bother me too much. -- What would you never do again? Why? - - Forgetting my water in the hot weather. - - I sometimes drink before I run, but it stays in my stomach, it’s awful. I’ll take a sip or two just before running. Or I try to drink well in the morning if I run at noon. Item of food. - - After training, I drink my first sip half an hour after my session. - - As to muscle strengthening, I drink during the workout session. \ No newline at end of file diff --git a/subjects/ux/ux-1/ux-1-1/UX-1-1-Interview-Scripts.md b/subjects/ux/ux-1/ux-1-1/UX-1-1-Interview-Scripts.md deleted file mode 100644 index e69de29..0000000 diff --git a/subjects/ux/ux-1/ux-1-1/audit/README.md b/subjects/ux/ux-1/ux-1-1/audit/README.md deleted file mode 100644 index f6d742b..0000000 --- a/subjects/ux/ux-1/ux-1-1/audit/README.md +++ /dev/null @@ -1,35 +0,0 @@ -#### Audit instructions - -Make sure the answers follow the following guidelines: - -Frequency -##### Who runs races occasionally (one race in their lives)? -###### Joe, Guillemette -##### Who runs races regularly (more than one race)? -###### Antoine, Nathan, Guillaume, Anaëlle -##### Who runs races frequently (more than 3 races a year)? -###### William - -Problems due to hydration - ##### Who already found themselves in trouble due to lack of hydration? - ###### Joe, Nathan, William, Guillaume, Anaëlle - ##### Who never found themselves in trouble due to lack of hydration? - ###### Antoine, Guillemette - -###### The insights should be from Joe, Nathan, Guillaume, and Anaëlle. William runs too often and doesn’t face the same situations, whereas Antoine and Guillemette never faced problems due to a lack of hydration. - -###### There are at least 6 insights like in the following list: - -##### Examples of insights (non-exhaustive list) -- Runs several times a week (Joe, Nathan, Guillaume, Anaelle) -- Doesn’t drink too much right before the race because it hurts my stomach (Nathan, Anaelle) -- I run races with friends or peers (Joe, Nathan, Guillaume) -- Running is a form of meditation for me (Joe, Nathan) -- I should have trained more and better, I pushed myself very hard (Joe, Nathan, Guillaume, Anaelle) -- I managed to finish (Joe, Nathan, Guillaume, Anaelle) -- I felt dehydrated (Joe, Nathan, Guillaume, Anaelle) -- I have already planned to run another race in a few months (Guillaume, Anaelle) -- I mostly drink after the race (Joe, Guillaume, Anaelle) -- Etc. - - \ No newline at end of file diff --git a/subjects/ux/ux-1/ux-1-2/audit/README.md b/subjects/ux/ux-1/ux-1-2/audit/README.md deleted file mode 100644 index 9be4c7b..0000000 --- a/subjects/ux/ux-1/ux-1-2/audit/README.md +++ /dev/null @@ -1,14 +0,0 @@ -#### Audit instructions - -Make sure - -###### There are at least 5 insights among this non-exhaustive list: - -- Symptoms of dehydration can be headache, dizziness, nausea, lightheadedness, or fatigue. -- Analyzing urine is a good way to measure dehydration. -- People experience dehydration when they lose 2% of their body mass loss (BML) in fluids/water/sweat. -- Sweat helps the body to maintain optimal body temperature. -- Sprint athletes are generally less concerned about the effects of dehydration than are endurance athletes. -- Hyperhydration can compromise the athletic performance and increase health risks. -- Endurance athletes should drink beverages containing carbohydrates and electrolytes during and after training or competition -- Etc... \ No newline at end of file diff --git a/subjects/ux/ux-1/ux-1-3/README.md b/subjects/ux/ux-1/ux-1-3/README.md deleted file mode 100644 index f468aba..0000000 --- a/subjects/ux/ux-1/ux-1-3/README.md +++ /dev/null @@ -1,41 +0,0 @@ -# UX I - Ex 3 - Personas - -**Context:** - -Welcome to the very first quest of this program. - -Your mission, should you choose to accept it, is to find a way to improve athletes’ experience related to their hydration when running. - -This first project is very special: you are asked to end up with a non-digital solution. As a matter of fact, innovation does not always rhyme with digital. So let’s be creative and get out of the box! - -**Instructions:** - -- Create a user persona -- Answer the following questions: - - Which of the user interviews did you use to make your persona? (referring to exercise 1) - - What is your persona’s gender? - - How old is your persona? - -**Deliverables:** - -- Answers to the questions -- A user persona (PDF document) - -**Tips:** - -- You may use Figma. -- Use the material you got from exercise 1. -- Detect people who face the same kinds of problems and group them. -- When you find 2+ people who face the same kind of problem, you can merge their testimonials to create a persona. -- A persona is fictional: do not use one of your users’ names, but a name that is consistent with your users’ demographics and social group. -- As to the age, average the ages of your selected users. - -**Resources:** - -- [Make your persona great again](https://uxdesign.cc/personas-e60c1c06ead1) -- [Persona, journey maps, user flow, site map, OH MY!](https://uxdesign.cc/personas-journey-maps-site-maps-and-user-flows-oh-my-e71d044b4bcb) -- [Persona framework](https://miro.medium.com/max/1400/0*RbHfR6BHhhFIENNf) - -**Quote:** - -‘Focus unswervingly, on the customer’ Jesse Hertzberg | Former COO of Squarespace \ No newline at end of file diff --git a/subjects/ux/ux-1/ux-1-3/audit/README.md b/subjects/ux/ux-1/ux-1-3/audit/README.md deleted file mode 100644 index 145c6d5..0000000 --- a/subjects/ux/ux-1/ux-1-3/audit/README.md +++ /dev/null @@ -1,19 +0,0 @@ -#### Audit instructions - -##### [Example here](https://www.figma.com/file/zeOfV35WEWTc0kXsHgoQa4/UX-I---Ex-3) - -##### Answers: - ###### They should have used Joe, Nathan, Guillaume and Anaelle - ###### Since 3 out of 4 are men, the persona should be a man - ###### The age should be the average of the users: 32 (Joe is 30, Nathan is 39, Guillaume is 30 and Anaelle is 29) - -Make sure: - -###### The persona has a first name that is NOT Joe, Nathan, Guillaume, or Anaelle. -###### There is a picture. -###### There is a quote. -###### There is a description of the persona that is a mix of Joe, Nathan, Guillaume, and Anaelle’s stories. -###### The persona has at least 2 goals. -###### The persona has at least 2 habits. -###### The persona has at least 2 frustrations. -###### The insights from ex 1 are included. \ No newline at end of file diff --git a/subjects/ux/ux-1/ux-1-4/audit/README.md b/subjects/ux/ux-1/ux-1-4/audit/README.md deleted file mode 100644 index 4a982e2..0000000 --- a/subjects/ux/ux-1/ux-1-4/audit/README.md +++ /dev/null @@ -1,12 +0,0 @@ -#### Audit instructions - -Make sure: - -###### There is a timeline -###### The timeline shows the journey of your persona -###### There are phases -###### There are Pierre’s actions -###### For each action, there is a thought -###### In every thought there is a main emotion - [Example](https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q3/SEO-initiative-customer-journey-mapping/CustomerJourneyMap1.png) - -[Example here](https://www.figma.com/file/drsfgcol5B9BYco1wyFrQQ/UX-I---Ex-4) diff --git a/subjects/ux/ux-1/ux-1-5/README.md b/subjects/ux/ux-1/ux-1-5/README.md deleted file mode 100644 index b4b9368..0000000 --- a/subjects/ux/ux-1/ux-1-5/README.md +++ /dev/null @@ -1,62 +0,0 @@ -# UX I - Ex 5 - Problem Statement - -**Context:** - -Welcome to the very first quest of this program. - -Your mission, should you choose to accept it, is to find a way to improve athletes’ experience related to their hydration when running. - -This first project is very special: you are asked to end up with a non-digital solution. As a matter of fact, innovation does not always rhyme with digital. So let’s be creative and get out of the box! - -**Instructions:** - -Based on the insights from the analytics and user interviews, comment the scope of possible problem statements. - -**Insights:** - -- From user interviews: - - Runs several times a week (Joe, Nathan, Guillaume, Anaelle) - - Doesn’t drink too much right before the race because it hurts their stomach (Nathan, Anaelle) - - I run races with friends or peers (Joe, Nathan, Guillaume) - - Running is a form of meditation for me (Joe, Nathan) - - I should have trained more and better, I pushed myself very hard (Joe, Nathan, Guillaume, Anaelle) - - I managed to finish (Joe, Nathan, Guillaume, Anaelle) - - I felt dehydrated (Joe, Nathan, Guillaume, Anaelle) - - I have already planned to run another race in a few months (Guillaume, Anaelle) - - I mostly drink after the race (Joe, Guillaume, Anaelle) - -- From analytics: - - Symptoms of dehydration can be headache, dizziness, nausea, lightheadedness, or fatigue. - - Analyzing urine is a good way to measure dehydration. - - People experience dehydration when they loose 2% of their body mass loss (BML) in fluids / water / sweat. - - Sweat helps the body to maintain optimal body temperature. - - Sprint athletes are generally less concerned about the effects of dehydration than are endurance athletes. - - Hyperhydration can compromise atheltic performance and increase health risks. - - Endurance athletes should drink beverages containing carbohydrate and electrolyte during and after training or competition. - -Possible problem statements: - -- How might we help Pierre (or your persona) measure and prepare his hydration before a race? -- How might we make sure Pierre doesn’t get dehydrated? -- How might we make sure Pierre drinks the cups that are offered during the race? -- How might we provide Pierre some drink that contains everything he needs to avoid dehydration? -- How might make sure Pierre doesn’t get drunk the night before the race? - -**Deliverables:** - -- For each problem statement, define if the scope is (1) too broad, (2) too narrow, (3) focused on the solution, not on the problem, (4) out of scope or (5) appropriate - -**Tips:** - -- At this stage, it’s important to focus on the problem, not on the solution! You can start tackling the problem after (re)defining it. -- Several problem statements can be possible for each persona and user journey, but for this exercise, we are guiding you towards one. - -**Resources:** - -- [Stuck on a problem? Just ask how might we](https://relab.academy/design-thinking/stuck-on-a-problem-just-ask-how-might-we/) -- [Problem statement](https://www.indeed.com/career-advice/career-development/what-is-a-problem-statement) -- [Using ‘How Might We’ Questions to Ideative on the Right Problems](https://www.nngroup.com/articles/how-might-we-questions/) - -**Quote:** - -“If I had an hour to solve a problem, I’d spend 55 minutes thinking about the problem and 5 minutes thinking about solutions.” Albert Einstein \ No newline at end of file diff --git a/subjects/ux/ux-1/ux-1-5/audit/README.md b/subjects/ux/ux-1/ux-1-5/audit/README.md deleted file mode 100644 index 61a4874..0000000 --- a/subjects/ux/ux-1/ux-1-5/audit/README.md +++ /dev/null @@ -1,14 +0,0 @@ -#### Audit instructions - -Make sure the following problem statements are commented according to the following: - -##### - How might we help Pierre measure and prepare his hydration before a race? - ###### Appropriate —> The problem statement is narrow enough to be specific for one painpoint, and broad enough to let creativity suggest many options. Also, it takes into accounts some of the key insights from the previous phases. -##### - How might we make sure Pierre doesn’t get dehydrated? - ###### Too broad —> The problem statement is out of the scope of running, so the solutions cannot be integrated in the specific context of running. -##### - How might we make sure Pierre drinks the cups that are offered during the race? - ###### Too narrow —> There are plenty of options to avoid dehydration without drinking the cups that are offered during the race. -##### - How might we provide Pierre with a drink that contains everything he needs to avoid dehydration? - ###### Focused on the solution, not the problem —> The problem statement is supposed to rephrase the brief and take into account the insights from the previous phase. -##### - How might make sure Pierre doesn’t get drunk the night before the race? - ###### Out of scope —> This is not about dehydration, nor about running. \ No newline at end of file diff --git a/subjects/ux/ux-1/ux-1-6/audit/README.md b/subjects/ux/ux-1/ux-1-6/audit/README.md deleted file mode 100644 index 9ea0303..0000000 --- a/subjects/ux/ux-1/ux-1-6/audit/README.md +++ /dev/null @@ -1,7 +0,0 @@ -#### Audit instructions - -Make sure there are: - -###### 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 \ No newline at end of file diff --git a/subjects/ux/ux-1/ux-1-7/audit/README.md b/subjects/ux/ux-1/ux-1-7/audit/README.md deleted file mode 100644 index 40d5729..0000000 --- a/subjects/ux/ux-1/ux-1-7/audit/README.md +++ /dev/null @@ -1,8 +0,0 @@ -#### Audit instructions - -Make sure: - -###### There are between 6 and 12 steps -###### The solution matches the idea chosen in Ex 6 -###### The steps are logical and the storyboard makes sense -###### The drawings are on paper \ No newline at end of file diff --git a/subjects/ux/ux-6/ux-6-3/README.md b/subjects/ux/ux-6/ux-6-3/README.md deleted file mode 100644 index fd9858c..0000000 --- a/subjects/ux/ux-6/ux-6-3/README.md +++ /dev/null @@ -1,25 +0,0 @@ -# UX VI - Ex 3 - Wireframes animation - -**Context:** - -Your company's client is a movie theaters chain called, Movie 4 all. - -They want to launch a platform for people who want to watch movies but don’t want to spend endless time selecting one. -You are replacing someone in the company who has already worked on the user research, the problem statement and the list of features they plan to develop. Your goal is to prototype and test these features. - -**Instructions:** - -Animate your wireframes on Figma. - -Think about multistate!! - -This exercise is to be made individually. - -**Deliverables:** - -- An animated prototype - -**Resources:** - -- [Efficiently Manage Your Designs - How Mockplus State Page Helps To View & Manage Multiple State](https://help.mockplus.com/p/372) - diff --git a/subjects/ux/ux-7/ux-7-2/README.md b/subjects/ux/ux-7/ux-7-2/README.md deleted file mode 100644 index 28362cc..0000000 --- a/subjects/ux/ux-7/ux-7-2/README.md +++ /dev/null @@ -1,25 +0,0 @@ -# UX VII - Ex 2 - Empathy - -**Context:** - -Elsa is a seamstress. She makes swimsuits on demand through her instagram account. It's going well, her community is growing as well as the amount of requests from customers. - -However, she loses a lot of time every time there is a request. To complete an order, she needs to ask for the shape of the swimsuit, the size, the color preferences and the expected delivery time. On top of that, she needs to make sure she has enough time to sew one piece - every piece requires 6 hours. - -For now, she only works with private messages but she wishes she could spend less time on that part. - -You offer to help her design a solution to manage her time and workshop better. You have 4 working days. - -**Instructions:** - -Run at least one of the Empathy tools in the design process. - -**Deliverables:** - -- Script of the tool context -- Completed tool (scripts from user interviews, results from a quantitative analysis, etc.) -- Key learnings from this phase - -**Tips:** - -- Use as many tools as needed, be make sure you do all the process in 4 working days! \ No newline at end of file diff --git a/subjects/ux/ux-7/ux-7-3/README.md b/subjects/ux/ux-7/ux-7-3/README.md deleted file mode 100644 index f2fd2a1..0000000 --- a/subjects/ux/ux-7/ux-7-3/README.md +++ /dev/null @@ -1,25 +0,0 @@ -# UX VII - Ex 3 - Define - -**Context:** - -Elsa is a seamstress. She makes swimsuits on demand through her instagram account. It's going well, her community is growing as well as the amount of requests from customers. - -However, she loses a lot of time every time there is a request. To complete an order, she needs to ask for the shape of the swimsuit, the size, the color preferences and the expected delivery time. On top of that, she needs to make sure she has enough time to sew one piece - every piece requires 6 hours. - -For now, she only works with private messages but she wishes she could spend less time on that part. - -You offer to help her design a solution to manage her time and workshop better. You have 4 working days. - -**Instructions:** - -Run at least one of the Define tools in the design process. - -**Deliverables:** - -- Script of the tool context (list of insights from the Empathy phase you are using) -- Completed tool (scripts from user interviews, results from a quantitative analysis, etc.) -- Key learnings from this phase - -**Tips:** - -- Use as many tools as needed, be make sure you do all the process in 4 working days! \ No newline at end of file diff --git a/subjects/ux/ux-7/ux-7-4/README.md b/subjects/ux/ux-7/ux-7-4/README.md deleted file mode 100644 index e7c2d59..0000000 --- a/subjects/ux/ux-7/ux-7-4/README.md +++ /dev/null @@ -1,25 +0,0 @@ -# UX VII - Ex 4 - Problem Statement - -**Context:** - -Elsa is a seamstress. She makes swimsuits on demand through her instagram account. It's going well, her community is growing as well as the amount of requests from customers. - -However, she loses a lot of time every time there is a request. To complete an order, she needs to ask for the shape of the swimsuit, the size, the color preferences and the expected delivery time. On top of that, she needs to make sure she has enough time to sew one piece - every piece requires 6 hours. - -For now, she only works with private messages but she wishes she could spend less time on that part. - -You offer to help her design a solution to manage her time and workshop better. You have 4 working days. - -**Instructions:** - -Based on your research (Empathy & Define), define a problem statement to narrow the problem and KPIs to measure the success. - -**Deliverables:** - -- One problem statement -- 1 to 3 KPIs -- Key learnings from this phase - -**Quote:** - -Design is about solving problems. Fall in Love with the Problem, Not the Solution. \ No newline at end of file diff --git a/subjects/ux/ux-7/ux-7-5/README.md b/subjects/ux/ux-7/ux-7-5/README.md deleted file mode 100644 index f17cba1..0000000 --- a/subjects/ux/ux-7/ux-7-5/README.md +++ /dev/null @@ -1,25 +0,0 @@ -# UX VII - Ex 5 - Ideation - -**Context:** - -Elsa is a seamstress. She makes swimsuits on demand through her instagram account. It's going well, her community is growing as well as the amount of requests from customers. - -However, she loses a lot of time every time there is a request. To complete an order, she needs to ask for the shape of the swimsuit, the size, the color preferences and the expected delivery time. On top of that, she needs to make sure she has enough time to sew one piece - every piece requires 6 hours. - -For now, she only works with private messages but she wishes she could spend less time on that part. - -You offer to help her design a solution to manage her time and workshop better. You have 4 working days. - -**Instructions:** - -Run at least one of the Ideation techniques in the design process. - -**Deliverables:** - -- Script of the ideation workshop -- Completed tool : a board with all the ideas - on paper or digitally on Miro or Figma -- Key learnings from this phase - -**Tips:** - -- Use as many tools as needed, and make sure you do all the process in 4 working days! \ No newline at end of file diff --git a/subjects/ux/ux-7/ux-7-7/README.md b/subjects/ux/ux-7/ux-7-7/README.md deleted file mode 100644 index 45f6d1f..0000000 --- a/subjects/ux/ux-7/ux-7-7/README.md +++ /dev/null @@ -1,21 +0,0 @@ -# UX VII - Ex 7 - Test - -**Context:** - -Elsa is a seamstress. She makes swimsuits on demand through her instagram account. It's going well, her community is growing as well as the amount of requests from customers. - -However, she loses a lot of time every time there is a request. To complete an order, she needs to ask for the shape of the swimsuit, the size, the color preferences and the expected delivery time. On top of that, she needs to make sure she has enough time to sew one piece - every piece requires 6 hours. - -For now, she only works with private messages but she wishes she could spend less time on that part. - -You offer to help her design a solution to manage her time and workshop better. You have 4 working days. - -**Instructions:** - -Prepare a testing protocol and run it! - -**Deliverables:** - -- A testing protocol script -- Key learnings from the tests (5 tests are required) -- Key learnings from this phase \ No newline at end of file