Module UX/UI
Mouhamadou DER
UX/UI Designer, Frontend development, Drupal Developer
@derkhadim
USER EXPERIENCE DESIGN ?
C’est une méthode de conception
centrée sur l’utilisateur
Définition
“Le UX désigne la qualité de l’expérience vécue par l’utilisateur dans toute
situation d’interaction”
USABILIS
Le UX Design ne s’applique pas
uniquement sur les écrans !
C’est Donald Norman, dans les années 90, qui
diffusa le premier ce terme « d’expérience
utilisateur »
Cofondateur de NNG (Nielsen Norman Group)
Autres branches du UX Design
Les bases
- L’empathie,
- L’architecture des informations,
- Le contraste (Taille, forme, couleur, etc),
- La clarté,
- La constance
- L’affordance,
- L’empathie,
- L’accessibilité,
Process
User research
Recherche Utilisateur
Persona
User flow
Wireframe
Mockup (maquette)
UI Design
User Interface Design
Définition
L’UI Design désigne la conception de l’interface utilisateur pour une
application, un logiciel ou tout dispositif digital. Le design est le processus
qui permet de concevoir l’interface homme-machine.
Source Isabilis
Les bases du UI Design
● Couleurs
● Fonts police
● Typographie
● Icônes
Le UI design est une
sous-partie du UX design
Web design < UI Design < UX Design
Site d’inspirations
● Dribbble
● Behance
● Awwward
● [Link]
Design System ?
● Le flat design
● Material design de Google
● Skeuomorphisme
Les logiciels de design
Les plus utilisés
● Figma
● Sketch
● XD Design by Adobe
● Studio by Invision
Figma
www.fi[Link]
Commençons par les composants
● Bouton (button)
● Carte (card)
● Navigation
● Header
● Hero
Bouton & Auto Layout
Shift+A
Les formes
● Rectangle
● Cercle
● etc..
Resources UX
[Link]
[Link]
[Link]
[Link]
onnaitre-et-definir-lux (fr)
[Link] (fr)
