SYNTHÈSE WEB DISIGN
BAC 2
2023-2024
EPHEC
,Table des matières
1. Introduc,on aux principes d’UX/UI Design ..................................................................... 2
2. Recherche U,lisateur pour votre produit ........................................................................ 4
3. Définir les objec,fs et les besoins de ses u,lisateurs ....................................................... 9
4. Architecture de l'informa,on et wireframe ................................................................... 11
5. Typographie dans la concep,on d’interface .................................................................. 14
6. Format d'Images Web et les Couleurs ........................................................................... 16
7. Design System .............................................................................................................. 18
, Web design
1. Introduc,on aux principes d’UX/UI Design
1.1 Fondamentaux de l'UX et de l'UI
UX (User Experience) :
• L'UX vise à répondre aux besoins et a6entes des u7lisateurs, en rendant leur
expérience posi7ve, agréable et efficace sur un site ou une applica7on mobile.
• L'UX s'applique en web design mais aussi à la vie quo7dienne et tout ce qui peut
cons7tuer une expérience en soi.
UI (User Interface) :
• L'UI concerne les éléments visuels et interac7fs d'un produit, tels que la disposi7on,
les icônes, les menus, les couleurs, etc.
• L'objec7f de l'UI est de rendre l'interac7on avec le produit visuellement a6rayante,
intui7ve et plaisante.
Liens et différences entre l'UX et l'UI
• UX et UI sont étroitement liées, l'UI étant la par7e visible de l'UX.
• Une bonne UI peut aFrer l'a6en7on, mais c'est l'UX qui détermine si l'u7lisateur
reste engagé et sa7sfait.
Comprendre les besoins des utilisateurs
• L'UX et l'UI sont centrés sur l'u7lisateur, nécessitant des recherches pour répondre à
leurs véritables besoins.
• L'UX/UI bien conçu an7cipe les problèmes poten7els des u7lisateurs et les résout
proac7vement.
1.2. L'UX/UI dans l'e-business
L'UX et l'UI jouent un rôle crucial dans le succès des entreprises en ligne.
• Une concep7on bien pensée d'UX/UI :
o AFre et re7ent les u7lisateurs
o Facilite la naviga7on
o Améliore la crédibilité et la confiance : exemple : avec un design professionnel
o Op7mise la conversion
o Offre une différencia7on concurren7elle : si UX > par rapport au concurrent.
o Améliora7on con7nue avec l'UX/UI : Favorise la croissance en ligne grâce aux
données u7lisateurs.
BAC 2
2023-2024
EPHEC
,Table des matières
1. Introduc,on aux principes d’UX/UI Design ..................................................................... 2
2. Recherche U,lisateur pour votre produit ........................................................................ 4
3. Définir les objec,fs et les besoins de ses u,lisateurs ....................................................... 9
4. Architecture de l'informa,on et wireframe ................................................................... 11
5. Typographie dans la concep,on d’interface .................................................................. 14
6. Format d'Images Web et les Couleurs ........................................................................... 16
7. Design System .............................................................................................................. 18
, Web design
1. Introduc,on aux principes d’UX/UI Design
1.1 Fondamentaux de l'UX et de l'UI
UX (User Experience) :
• L'UX vise à répondre aux besoins et a6entes des u7lisateurs, en rendant leur
expérience posi7ve, agréable et efficace sur un site ou une applica7on mobile.
• L'UX s'applique en web design mais aussi à la vie quo7dienne et tout ce qui peut
cons7tuer une expérience en soi.
UI (User Interface) :
• L'UI concerne les éléments visuels et interac7fs d'un produit, tels que la disposi7on,
les icônes, les menus, les couleurs, etc.
• L'objec7f de l'UI est de rendre l'interac7on avec le produit visuellement a6rayante,
intui7ve et plaisante.
Liens et différences entre l'UX et l'UI
• UX et UI sont étroitement liées, l'UI étant la par7e visible de l'UX.
• Une bonne UI peut aFrer l'a6en7on, mais c'est l'UX qui détermine si l'u7lisateur
reste engagé et sa7sfait.
Comprendre les besoins des utilisateurs
• L'UX et l'UI sont centrés sur l'u7lisateur, nécessitant des recherches pour répondre à
leurs véritables besoins.
• L'UX/UI bien conçu an7cipe les problèmes poten7els des u7lisateurs et les résout
proac7vement.
1.2. L'UX/UI dans l'e-business
L'UX et l'UI jouent un rôle crucial dans le succès des entreprises en ligne.
• Une concep7on bien pensée d'UX/UI :
o AFre et re7ent les u7lisateurs
o Facilite la naviga7on
o Améliore la crédibilité et la confiance : exemple : avec un design professionnel
o Op7mise la conversion
o Offre une différencia7on concurren7elle : si UX > par rapport au concurrent.
o Améliora7on con7nue avec l'UX/UI : Favorise la croissance en ligne grâce aux
données u7lisateurs.
