fix(ui-ux): title not visible in the platform due to H2

01-edu · Oct 3, 2024 · b17cbed · b17cbed
1 parent 0185120
commit b17cbed
Show file tree

Hide file tree

Showing 17 changed files with 100 additions and 99 deletions.
diff --git 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/)
+- [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
@@ -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
+- "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
@@ -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
@@ -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
@@ -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
@@ -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