From a2ded36c6528a28a07b082090f6c178f94ae9ed3 Mon Sep 17 00:00:00 2001 From: miguel Date: Thu, 3 Oct 2024 16:09:19 +0100 Subject: [PATCH 1/2] fix(ui-ux): title not visible in the platform due to H2 --- .../piscine-ui/atomic-design/README.md | 12 +++++----- .../building-an-interface/README.md | 13 ++++++----- .../piscine-ui/colors-and-moodboard/README.md | 22 +++++++++---------- .../piscine-ui/heuristics/README.md | 4 ++-- .../piscine-ui/rules/README.md | 22 +++++++++---------- .../athlete-keep-hydrated/README.md | 14 ++++++------ .../athlete-keep-hydrated/audit/README.md | 14 ++++++------ .../piscine-ux/going-on-holidays/README.md | 16 +++++++------- .../piscine-ux/music-on/README.md | 16 +++++++------- .../piscine-ux/seamstress/README.md | 16 +++++++------- .../piscine-ux/sunday-night-movie/README.md | 12 +++++----- .../piscine-ux/teenage-drama/README.md | 14 ++++++------ .../piscine-ux/the-olympics/README.md | 16 +++++++------- .../projects/a-table/audit/README.md | 2 +- .../lets-do-some-sports/audit/README.md | 2 +- .../projects/lets-fair-trade/README.md | 2 +- .../projects/lets-fair-trade/audit/README.md | 2 +- 17 files changed, 100 insertions(+), 99 deletions(-) diff --git a/subjects/user-experience/piscine-ui/atomic-design/README.md b/subjects/user-experience/piscine-ui/atomic-design/README.md index 5e5a642db2..7157c9c51e 100644 --- a/subjects/user-experience/piscine-ui/atomic-design/README.md +++ b/subjects/user-experience/piscine-ui/atomic-design/README.md @@ -1,4 +1,4 @@ -## Browsing +### Browsing **Context:** @@ -48,7 +48,7 @@ Don't forget to: - User Interface Design is a hybrid role and can bring together concepts from interaction design, visual design, information architecture and even Front End Development. -## Material Design +### Material Design ### Instructions @@ -74,7 +74,7 @@ Don't forget to: - [Material Design Awards 2019](https://design.google/library/material-design-awards-2019/) - [What is Material Design - Wikipedia](https://en.wikipedia.org/wiki/Material_Design) -## Design system library +### Design system library ### Instructions @@ -103,7 +103,7 @@ Don't forget to: - [Atomic Design Methodology](https://atomicdesign.bradfrost.com/chapter-2/) -## Library for climbing addicts +### Library for climbing addicts ### Instructions @@ -145,7 +145,7 @@ Don't forget to: - [Building a design system library - Lyft](https://medium.com/tap-to-dismiss/building-a-design-system-library-532ef2492811) - [Examples of UI Buttons library](https://www.pinterest.co.kr/pin/663014376380850291/) -## Library for a dating app +### Library for a dating app ### Instructions @@ -185,4 +185,4 @@ Don't forget to: - [Introduction to design systems](https://www.youtube.com/watch?v=xEuBCUngJ_U) - [Create a design system - Figma course](https://www.youtube.com/watch?v=RYDiDpW2VkM) - [Building a design system library - Lyft](https://medium.com/tap-to-dismiss/building-a-design-system-library-532ef2492811) -- [Examples of UI Buttons library](https://www.pinterest.co.kr/pin/663014376380850291/) \ No newline at end of file +- [Examples of UI Buttons library](https://www.pinterest.co.kr/pin/663014376380850291/) diff --git a/subjects/user-experience/piscine-ui/building-an-interface/README.md b/subjects/user-experience/piscine-ui/building-an-interface/README.md index ca292bf0e7..cb0d6aedd0 100644 --- a/subjects/user-experience/piscine-ui/building-an-interface/README.md +++ b/subjects/user-experience/piscine-ui/building-an-interface/README.md @@ -1,4 +1,4 @@ -## Styleguide +### Styleguide **Context:** @@ -47,7 +47,7 @@ Don't forget to: - [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio) - [Example of a Style Guide in UI](https://www.pinterest.pt/pin/454019206175050454/) -## Design system library +### Design system library ### Instructions @@ -82,7 +82,7 @@ Don't forget to: - [Building a design system library - Lyft](https://medium.com/tap-to-dismiss/building-a-design-system-library-532ef2492811) - [Examples of UI Buttons library](https://www.pinterest.co.kr/pin/663014376380850291/) -## Design screens +### Design screens ### Instructions @@ -115,7 +115,7 @@ Don't forget to: - [Unsplash](https://unsplash.com/) for visuals -## Animation +### Animation ### Instructions @@ -141,9 +141,10 @@ Don't forget to: **Quote:** "Speak human: Use the words your users use.’ Dan Saffer | Microinteractions. + - [From low-fidelity to high-fidelity](https://mockitt.wondershare.com/prototyping/low-fidelity-vs-high-fidelity.html) -## Desirability testing +### Desirability testing ### Instructions @@ -181,4 +182,4 @@ Don't forget to: **Quote:** -- "Interaction design focuses on the design of behavior of a person’s interaction with a digital interface. It is also concerned with satisfying the needs and desires of the people who will interact with a product or service.’ Alan Cooper, About Face: The Essentials of Interaction Design \ No newline at end of file +- "Interaction design focuses on the design of behavior of a person’s interaction with a digital interface. It is also concerned with satisfying the needs and desires of the people who will interact with a product or service.’ Alan Cooper, About Face: The Essentials of Interaction Design diff --git a/subjects/user-experience/piscine-ui/colors-and-moodboard/README.md b/subjects/user-experience/piscine-ui/colors-and-moodboard/README.md index 9fdd95f399..2e69635c7e 100644 --- a/subjects/user-experience/piscine-ui/colors-and-moodboard/README.md +++ b/subjects/user-experience/piscine-ui/colors-and-moodboard/README.md @@ -1,4 +1,4 @@ -## Find the colors +### Find the colors **Context:** @@ -38,7 +38,7 @@ Don't forget to: - [Beginning graphic design](https://edu.gcfglobal.org/en/beginning-graphic-design/) - [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio) -## Color codes +### Color codes ### Instructions @@ -72,7 +72,7 @@ Don't forget to : - [https://brave.com/es/](https://brave.com/es/) - [https://www.ted.com/](https://www.ted.com/) -## Color combinations +### Color combinations ### Instructions @@ -151,7 +151,7 @@ Don't forget to: - [https://calendar.google.com/](https://calendar.google.com/) - [https://www.ebay.com/](https://www.ebay.com/) -## Moodboard +### Moodboard ### Instructions @@ -185,7 +185,7 @@ Don't forget to: - [Example3](https://i.pinimg.com/564x/ee/9d/d6/ee9dd6fbb82b0e5b4dd2924580b765dd.jpg) - Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! -## Typography +### Typography ### Instructions @@ -226,7 +226,7 @@ Don't forget to: - [Beginning graphic design](https://edu.gcfglobal.org/en/beginning-graphic-design/) - [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio) -## Typography moodboard +### Typography moodboard ### Instructions @@ -268,7 +268,7 @@ Don't forget to: - [Beginning graphic design](https://edu.gcfglobal.org/en/beginning-graphic-design/) - [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio) -## UI Challenge - Timer +### UI Challenge - Timer ### Instructions @@ -298,7 +298,7 @@ Don't forget to: - The frame is Android 360 x 640px. - Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! -## UI Challenge - Watches +### UI Challenge - Watches ### Instructions @@ -332,7 +332,7 @@ Don't forget to: - You can use existing Libraries by browsing the Figma community resources. - Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! -## UI Challenge - Flight +### UI Challenge - Flight ### Instructions @@ -362,7 +362,7 @@ Don't forget to: - [Figma article about Symbols and Variants](https://help.figma.com/hc/en-us/articles/360056440594-Create-and-use-variants). - Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! -## UI Challenge - Spotify +### UI Challenge - Spotify ### Instructions @@ -394,7 +394,7 @@ Don't forget to: - [Figma article about Symbols and Variants](https://help.figma.com/hc/en-us/articles/360056440594-Create-and-use-variants). - Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! -## UI Challenge - Bitcoin Dashboard +### UI Challenge - Bitcoin Dashboard ### Instructions diff --git a/subjects/user-experience/piscine-ui/heuristics/README.md b/subjects/user-experience/piscine-ui/heuristics/README.md index a6f2688da6..64cc5f5baa 100644 --- a/subjects/user-experience/piscine-ui/heuristics/README.md +++ b/subjects/user-experience/piscine-ui/heuristics/README.md @@ -1,4 +1,4 @@ -## Audit +### Audit **Context:** @@ -49,7 +49,7 @@ Don't forget to: - [A new usability heuristic evaluation checklist](https://uxplanet.org/a-new-usability-heuristic-evaluation-checklist-259f588da308) - [Tool : Heuristic evaluation checklist](https://drive.google.com/file/d/10KbfbNZA1oVS1sXbjjXLPPmdZ6nqVkdc/view) -## Recommendations +### Recommendations ### Instructions diff --git a/subjects/user-experience/piscine-ui/rules/README.md b/subjects/user-experience/piscine-ui/rules/README.md index dc05ffa8c7..7556c15599 100644 --- a/subjects/user-experience/piscine-ui/rules/README.md +++ b/subjects/user-experience/piscine-ui/rules/README.md @@ -1,4 +1,4 @@ -## Grids +### Grids **Context:** @@ -37,7 +37,7 @@ Don't forget to: - [Beginning graphic design](https://edu.gcfglobal.org/en/beginning-graphic-design/) - [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio) -## Multi state +### Multi state ### Instructions @@ -67,7 +67,7 @@ Don't forget to: - [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio) - [Example here with Nintendo.com](https://www.figma.com/file/ahSnWRZeKBO62oJDiXltxY/UI-III---Ex-2) (The screenshots date back to nov 2021. They may differ from the current version of [Nintendo.com](http://Nintendo.com) but the rules are the same). -## Accessibility (website) +### Accessibility (website) ### Instructions @@ -106,7 +106,7 @@ Don't forget to: - Error states. - etc. -## Accessibility (app) +### Accessibility (app) ### Instructions @@ -144,7 +144,7 @@ Don't forget to: - Error states - etc. -## Breadcrumbs +### Breadcrumbs ### Instructions @@ -167,7 +167,7 @@ Don't forget to: - [What are breadcrumbs?](https://www.seoptimer.com/blog/breadcrumbs-website/) -## Toggle buttons +### Toggle buttons ### Instructions @@ -190,7 +190,7 @@ Don't forget to: - [Toggle Switch - Tips](https://uxplanet.org/toggle-switch-5-simple-design-tips-for-better-design-b4046eff4a2f) -## Radio buttons +### Radio buttons ### Instructions @@ -213,7 +213,7 @@ Don't forget to: - [What is a radio button?](https://www.justinmind.com/blog/radio-button-design-examples/) -## Calendars +### Calendars ### Instructions @@ -232,7 +232,7 @@ Don't forget to: - Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! -## Time pickers +### Time pickers ### Instructions @@ -251,7 +251,7 @@ Don't forget to: - Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! -## Micro-interactions +### Micro-interactions ### Instructions @@ -282,7 +282,7 @@ Don't forget to: - [Why use micro-interactions in your design](https://hike.one/update/why-use-micro-animations-in-your-design) - [Micro-interactions: why, when, and how to use them to boost the UX](https://uxdesign.cc/micro-interactions-why-when-and-how-to-use-them-to-boost-the-ux-17094b3baaa0) -## Consistency +### Consistency ### Instructions diff --git a/subjects/user-experience/piscine-ux/athlete-keep-hydrated/README.md b/subjects/user-experience/piscine-ux/athlete-keep-hydrated/README.md index 6f399c023a..4384e64b68 100644 --- a/subjects/user-experience/piscine-ux/athlete-keep-hydrated/README.md +++ b/subjects/user-experience/piscine-ux/athlete-keep-hydrated/README.md @@ -1,4 +1,4 @@ -## User Interviews +### User Interviews **Context:** @@ -86,7 +86,7 @@ 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? -## Analytics +### Analytics ### Instructions @@ -125,7 +125,7 @@ Examples of insights you can extract from the articles: Always base your decisions on the data, not on your biases. -## Personas +### Personas ### Instructions @@ -165,7 +165,7 @@ Use the material you got from the exercise `User interview` to build the pierre "Focus unswervingly, on the customer’ Jesse Hertzberg | Former COO of Squarespace -## User Journey +### User Journey ### Instructions @@ -209,7 +209,7 @@ Most articles you'll find will be about user journeys or customer journeys. Keep 'It’s about catching customers in the act, and providing highly relevant and highly contextual information’ Paul Maritz | CEO Pivotal -## Problem Statement +### Problem Statement ### Instructions @@ -257,7 +257,7 @@ Based on the insights from the exercises `analytics` and `user interviews`, comm “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 -## Ideation +### Ideation _You can replace Pierre with your own persona._ @@ -330,7 +330,7 @@ Don't forget to: Chances are that... If you have gone through all possible solutions, you’ve found the good one. -## Prototyping +### Prototyping ### Instructions diff --git a/subjects/user-experience/piscine-ux/athlete-keep-hydrated/audit/README.md b/subjects/user-experience/piscine-ux/athlete-keep-hydrated/audit/README.md index 19ec073141..a4e64eee6d 100644 --- a/subjects/user-experience/piscine-ux/athlete-keep-hydrated/audit/README.md +++ b/subjects/user-experience/piscine-ux/athlete-keep-hydrated/audit/README.md @@ -1,4 +1,4 @@ -### User interview +#### User interview ###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”? @@ -12,7 +12,7 @@ ###### Does each insight have the name of the person(s) who said it? -### Analytics +#### Analytics ###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”? @@ -28,7 +28,7 @@ ###### Are the insights different from the ones given in the instructions as an example? -### Personas +#### Personas ###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”? @@ -54,7 +54,7 @@ ###### Are the insights from ex 1 included in Pierre's persona card? -### User Journey +#### User Journey ###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”? @@ -76,7 +76,7 @@ ###### For every thought, is there a main emotion? -### Problem Statement +#### Problem Statement ###### Is the deliverable labeled as “Name_FirstName_DeliverableName_Date_VersionNumber”? @@ -92,7 +92,7 @@ ##### Is the problem statement broad enough (check the readme tips to understand broad)? -### Ideation +#### Ideation ###### Is there a zip folder? @@ -108,7 +108,7 @@ ###### Is there one main idea to solve the problem? -### Prototyping +#### Prototyping ###### Is there a zip folder? diff --git a/subjects/user-experience/piscine-ux/going-on-holidays/README.md b/subjects/user-experience/piscine-ux/going-on-holidays/README.md index 2cf3787ddd..4d73571287 100644 --- a/subjects/user-experience/piscine-ux/going-on-holidays/README.md +++ b/subjects/user-experience/piscine-ux/going-on-holidays/README.md @@ -1,4 +1,4 @@ -## Interview guide +### Interview guide **Context:** @@ -46,7 +46,7 @@ Here are the recommended steps : “To ask open-ended questions is the best approach, but it’s easy to get into the weeds in data analysis when every answer is a paragraph or two of prose. Users quickly tire of answering many open-ended questions, which usually require a lot of typing and explanation.” Norman Nielsen Group -## Run interviews +### Run interviews ### Instructions @@ -68,7 +68,7 @@ Then, write down the script on a written document, and give elements of context - Pay attention to the global aspect of the document. It must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! -## Affinity diagram & Empathy map +### Affinity diagram & Empathy map ### Instructions @@ -108,7 +108,7 @@ Don't forget to: Remember, you are not the user, so your opinions are not absolute truth. -## Problem statement +### Problem statement ### Instructions @@ -137,7 +137,7 @@ You may use the "How Might We" exercise in pairs. "Out of clutter, find simplicity. From discord, find harmony. In the middle of difficulty, lies opportunity.’ Albert Einstein -## Ideation +### Ideation ### Instructions @@ -180,7 +180,7 @@ Quote: - "Brainstorming means using the brain to storm a creative problem. Do so in commando fashion, with each stormer attacking the same objective.’ Alex Faickney Osborn -## User flow +### User flow ### Instructions @@ -210,7 +210,7 @@ Don't forget to: "Each use case is represented as a sequence of simple steps, beginning with a user’s goal and ending when that goal is fulfilled.’ Usability.gov -## Prototyping +### Prototyping ### Instructions @@ -243,4 +243,4 @@ Give another dimension to your user flow and turn it into a paper prototype (6 t **Quote:** -Any design is like a joke …if you have to explain it, it’s bad. \ No newline at end of file +Any design is like a joke …if you have to explain it, it’s bad. diff --git a/subjects/user-experience/piscine-ux/music-on/README.md b/subjects/user-experience/piscine-ux/music-on/README.md index 73da0a5e6b..c249421d71 100644 --- a/subjects/user-experience/piscine-ux/music-on/README.md +++ b/subjects/user-experience/piscine-ux/music-on/README.md @@ -1,4 +1,4 @@ -## Heuristics +### Heuristics **Context:** @@ -41,7 +41,7 @@ Conduct a heuristic analysis on **one** of these websites: 'If you think design is expensive, you should look at the cost of bad design’ Ralf Speth | Former CEO Jaguar Land Rover -## Site map +### Site map ### Instructions @@ -81,7 +81,7 @@ Stick to the website you have chosen in the previous exercise "heuristics" and d "The organization, search, and navigation systems that help people to complete tasks, find what they need, and understand what they’ve found’ Peter Morville | Information Architecture for the WWW. -## JTBD +### JTBD ### Instructions @@ -121,7 +121,7 @@ And remember: You are not your user! - "Documenting the what and why of each element promotes organization and makes the handoff to the development team much smoother." UX Booth - "When we buy a product, we essentially "hire" something to get a job done. If it does the job well, when we are confronted with the same job, we hire that same product again. And if the product does a crummy job, we "fire" it and look around for something else we might hire to solve the problem." Clayton M Christensen -## Card sorting +### Card sorting ### Instructions @@ -168,7 +168,7 @@ Don't forget to: - [10 things to know about card sorting](http://www.measuringu.com/blog/card-sorting.php) - [Card sorting: a definitive guide](http://boxesandarrows.com/card-sorting-a-definitive-guide/) -## Music label wireframes +### Music label wireframes ### Instructions @@ -218,7 +218,7 @@ Vocabulary: - Figma. -## Test protocol +### Test protocol ### Instructions @@ -257,7 +257,7 @@ Don't forget to: - You need to detect: How many errors do users make? How severe are these errors? How easily can they recover from the errors? -## Run 5 tests +### Run 5 tests ### Instructions @@ -287,4 +287,4 @@ Don't forget to: **Quote:** -- To get trustworthy results in your test, you can’t ask your customers to use their imagination. You’ve got to show them something realistic. If you do, their reactions will be genuine. \ No newline at end of file +- To get trustworthy results in your test, you can’t ask your customers to use their imagination. You’ve got to show them something realistic. If you do, their reactions will be genuine. diff --git a/subjects/user-experience/piscine-ux/seamstress/README.md b/subjects/user-experience/piscine-ux/seamstress/README.md index 7ce1d6c398..dbd60f794c 100644 --- a/subjects/user-experience/piscine-ux/seamstress/README.md +++ b/subjects/user-experience/piscine-ux/seamstress/README.md @@ -1,4 +1,4 @@ -## UX strategy +### UX strategy **Context:** @@ -49,7 +49,7 @@ Don't forget to: - 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 - “UX Strategy lies at the intersection of UX and business. It provides a much better chance of creating successful products. It enables teams to see the “Big Picture” to achieve the business goals under uncertain conditions” Jamie Levy | UX Strategy: How to Devise Innovative Digital Products That People Want -- UX Strategy is the method by which you validate that your solution solves a problem for real customers in a dynamic marketplace because the market is constantly changing. +- UX Strategy is the method by which you validate that your solution solves a problem for real customers in a dynamic marketplace because the market i#s constantly changing. ## Empathy @@ -111,7 +111,7 @@ Don't forget to: - With 5 to 10 criteria - 10 organizations appear on the table -## Define +### Define ### Instructions @@ -158,7 +158,7 @@ Don't forget to: - The "I want to" part involves a practical action. - The "So I can" part involves a psychological or emotional purpose. -## Problem statement +### Problem statement ### Instructions @@ -199,7 +199,7 @@ Design is about solving problems. Fall in Love with the Problem, Not the Solutio - 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. -## Ideation +### Ideation ### Instructions @@ -221,7 +221,7 @@ Don't forget to: - Use as many tools as needed, and make sure you do all the process in 4 working days! - Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! -## Prototype +### Prototype ### Instructions @@ -265,7 +265,7 @@ Don't forget to: - High-Fidelity: Wireframes with color, styles, graphical details, and micro-interactions - [Example here](https://miro.medium.com/max/1400/1*Xn0HSKAvhr4TZzC9lN5udw.gif) - Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! -## Test protocol +### Test protocol ### Instructions @@ -295,4 +295,4 @@ Don't forget to: **Tips:** -- Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! \ No newline at end of file +- Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! diff --git a/subjects/user-experience/piscine-ux/sunday-night-movie/README.md b/subjects/user-experience/piscine-ux/sunday-night-movie/README.md index f85540f21f..1612a41e26 100644 --- a/subjects/user-experience/piscine-ux/sunday-night-movie/README.md +++ b/subjects/user-experience/piscine-ux/sunday-night-movie/README.md @@ -1,4 +1,4 @@ -## User flow +### User flow **Context:** @@ -39,7 +39,7 @@ Don't forget to: **Recommended tools:** - Figma. -- Whimsical. +- Whimsical.# ## Movie wireframes @@ -79,7 +79,7 @@ Don't forget to: - "77% of users return to content and information sites because of ease-of-use. Only 22% return because the site belongs to a favorite brand." Forrester -## Wireframes animation +### Wireframes animation ### Instructions @@ -106,7 +106,7 @@ Don't forget to: - [Efficiently Manage Your Designs - How Mockplus State Page Helps To View & Manage Multiple State](https://help.mockplus.com/p/372) -## Test on features +### Test on features ### Instructions @@ -140,7 +140,7 @@ Don't forget to: - [The art of guerrilla usability testing](http://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/) - [How to write a user testing report that people will actually read](https://uxdesign.cc/how-to-write-a-user-testing-report-that-people-will-actually-read-652d15d2f92e) -## Iteration +### Iteration ### Instructions @@ -166,4 +166,4 @@ Don't forget to: **Tips:** - This report will be handed on to the CEO. Pay attention to the details and make sure the document is clean and easy to use! -- Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! \ No newline at end of file +- Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration [canva](https://www.canva.com/) but don’t overload your design with too much details! diff --git a/subjects/user-experience/piscine-ux/teenage-drama/README.md b/subjects/user-experience/piscine-ux/teenage-drama/README.md index 8f2ddf1613..ca199954d4 100644 --- a/subjects/user-experience/piscine-ux/teenage-drama/README.md +++ b/subjects/user-experience/piscine-ux/teenage-drama/README.md @@ -1,4 +1,4 @@ -## Competitive Analysis +### Competitive Analysis **Context:** @@ -43,7 +43,7 @@ Don't forget to: **Quote:** - 'Always design a thing in its larger context: a chair in a room, a room in a house, a house in an environment, an environment in a city plan’ Eero Sarrinen | Knoll -- Creating a great design isn’t just about understanding what the user wants. It’s also about understanding and delivering on what the business needs. +- Creating a great design isn’t just about understanding what the user wants. It’s also about understanding and delivering on what the business needs.# ## Surveys @@ -99,7 +99,7 @@ Here are the recommended steps: - “Surveys measure and categorize attitudes or collect self-reported data that can help track or discover important issues to address.” Norman Nielsen Group - Surveys are not accurate in providing behavioral data because USERS OMIT STEPS IN THE MIDDLE AND MEMORIES ARE FAULTY. -## Broadcast strategy +### Broadcast strategy ### Instructions @@ -141,7 +141,7 @@ Once your strategy is prepared, run it! - [How to get more survey responses](https://rafflepress.com/how-to-get-more-survey-responses/) -## Interviews +### Interviews ### Instructions @@ -183,7 +183,7 @@ Here are the recommended steps : - [How to design better products through user interviews](https://uxdesign.cc/how-to-design-better-products-through-user-interviews-4c5142bb1fc4) - [Asking the right questions](https://uxdesign.cc/asking-the-right-questions-on-user-research-interviews-and-testing-427261742a67) -## Personas +### Personas ### Instructions @@ -215,7 +215,7 @@ Your persona card should include common trends amongst the people you got data f - "If you design for everyone, you delight no one." - "A good user persona is the one based on user research, without regard to how many attributes we can describe." -## User journey +### User journey ### Instructions @@ -254,7 +254,7 @@ Most articles you'll find will be about user journeys or customer journeys. Keep - “More options = More problems.” Scott Belsky | VP of Product & Community Adobe - "A customer journey map is a visualization of the process that a person goes through in order to accomplish a goal. It’s used for understanding and addressing customer needs and pain points’ Norman Nielsen Group -## Problem statement +### Problem statement ### Instructions diff --git a/subjects/user-experience/piscine-ux/the-olympics/README.md b/subjects/user-experience/piscine-ux/the-olympics/README.md index 79e366d1b3..1caa19e107 100644 --- a/subjects/user-experience/piscine-ux/the-olympics/README.md +++ b/subjects/user-experience/piscine-ux/the-olympics/README.md @@ -1,4 +1,4 @@ -## Ideation A +### Ideation A **Context:** @@ -51,7 +51,7 @@ Don't forget to: - [3 proven methods to organize a brainstorming session](https://uxdesign.cc/brainstorm-79e51f20f313) - [Effective brainstorming (without feeling lost)](https://uxdesign.cc/effective-brainstorming-without-being-lost-b68750bbfac5?sk=5d5a332f7e3f2a43364c031b01b13229) - [The myth of brainstorming](https://uxdesign.cc/the-myth-of-brainstorming-8517e02facc0?sk=995d601cbf988d574e86dd71364cb92f) -- [Ideation method: Worst possible idea](https://www.interaction-design.org/literature/article/learn-how-to-use-the-best-ideation-methods-worst-possible-idea) +- [Ideation method: Worst possible idea](https://www.interaction-design.org/literature/article/learn-how-to#-use-the-best-ideation-methods-worst-possible-idea) ## Ideation B @@ -102,7 +102,7 @@ Pay attention not to use the same ideation technique as in Ex 1! - [The myth of brainstorming](https://uxdesign.cc/the-myth-of-brainstorming-8517e02facc0?sk=995d601cbf988d574e86dd71364cb92f) - [Ideation method: Worst possible idea](https://www.interaction-design.org/literature/article/learn-how-to-use-the-best-ideation-methods-worst-possible-idea) -## Ideation C +### Ideation C ### Instructions @@ -151,7 +151,7 @@ Pay attention not to use the same ideation technique as in Ex 2! - [The myth of brainstorming](https://uxdesign.cc/the-myth-of-brainstorming-8517e02facc0?sk=995d601cbf988d574e86dd71364cb92f) - [Ideation method: Worst possible idea](https://www.interaction-design.org/literature/article/learn-how-to-use-the-best-ideation-methods-worst-possible-idea) -## User flow +### User flow ### Instructions @@ -178,7 +178,7 @@ Don't forget to: - [Site flows vs User Flows](https://uxmovement.com/wireframes/site-flows-vs-user-flows-when-to-use-which/) - [How to make a User Flow diagram](https://www.lucidchart.com/blog/how-to-make-a-user-flow-diagram) -## Prototyping +### Prototyping ### Instructions @@ -219,7 +219,7 @@ Don't forget to: - "To prototype your solution, you’ll need a temporary change of philosophy: from perfect to just enough, from long-term quality to temporary simulation." - "The prototype is meant to answer questions, so keep it focused. You just need a real-looking facade to which customers can react." -## Animation +### Animation ### Instructions @@ -244,7 +244,7 @@ This exercise is to be made individually. - [Efficiently Manage Your Designs - How Mockplus State Page Helps To View & Manage Multiple State](https://help.mockplus.com/p/372) -## Test wireframe +### Test wireframe ### Instructions @@ -280,4 +280,4 @@ Don't forget to: **Quote:** -Prototypes are created for testing purposes, that’s why creating a prototype without running tests on it makes no sense. \ No newline at end of file +Prototypes are created for testing purposes, that’s why creating a prototype without running tests on it makes no sense. diff --git a/subjects/user-experience/projects/a-table/audit/README.md b/subjects/user-experience/projects/a-table/audit/README.md index e135adf6f0..91b03aca4b 100644 --- a/subjects/user-experience/projects/a-table/audit/README.md +++ b/subjects/user-experience/projects/a-table/audit/README.md @@ -1,6 +1,6 @@ #### A table -###### At least 5 people are attending the presentation +###### Are there at least 5 people attending the presentation? ###### Have the feedback forms been shared at the beginning of the presentation? diff --git a/subjects/user-experience/projects/lets-do-some-sports/audit/README.md b/subjects/user-experience/projects/lets-do-some-sports/audit/README.md index 680df33d71..fd09c4ae16 100644 --- a/subjects/user-experience/projects/lets-do-some-sports/audit/README.md +++ b/subjects/user-experience/projects/lets-do-some-sports/audit/README.md @@ -1,6 +1,6 @@ #### Let's do some sports -###### At least 5 people are attending the presentation +###### Are there at least 5 people attending the presentation? ###### Have the feedback forms been shared at the beginning of the presentation? diff --git a/subjects/user-experience/projects/lets-fair-trade/README.md b/subjects/user-experience/projects/lets-fair-trade/README.md index e229a223d2..043c7e190d 100644 --- a/subjects/user-experience/projects/lets-fair-trade/README.md +++ b/subjects/user-experience/projects/lets-fair-trade/README.md @@ -4,7 +4,7 @@ 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.’ +"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 kilometers 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 traveled 65,000 kilometers. 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. diff --git a/subjects/user-experience/projects/lets-fair-trade/audit/README.md b/subjects/user-experience/projects/lets-fair-trade/audit/README.md index 211d80533c..1aa8e8b325 100644 --- a/subjects/user-experience/projects/lets-fair-trade/audit/README.md +++ b/subjects/user-experience/projects/lets-fair-trade/audit/README.md @@ -1,6 +1,6 @@ #### Let's fair trade! -###### At least 5 people are attending the presentation +###### Are there at least 5 people attending the presentation? ###### Have the feedback forms been shared at the beginning of the presentation? From 4445fd34821eab77364762839e8b92efadf7ec13 Mon Sep 17 00:00:00 2001 From: miguel Date: Thu, 3 Oct 2024 16:12:50 +0100 Subject: [PATCH 2/2] fix(ui-ux): title not visible in the platform due to H2 --- subjects/user-experience/projects/get-a-room/audit/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/subjects/user-experience/projects/get-a-room/audit/README.md b/subjects/user-experience/projects/get-a-room/audit/README.md index 4e29cbb7a6..85beb00c54 100644 --- a/subjects/user-experience/projects/get-a-room/audit/README.md +++ b/subjects/user-experience/projects/get-a-room/audit/README.md @@ -1,6 +1,6 @@ #### Get a room -###### At least 5 people are attending the presentation +###### Are there at least 5 people attending the presentation? ###### Have the feedback forms been shared at the beginning of the presentation?