Avez-vous une question? (216) 97 656 803 hajjriadh@gmail.com
COURS DE PROGRAMMATION

UI/UX Design

Un cours complet pour maîtriser UI/UX Design. Découvrez tous les chapitres ci-dessous.

16 chapitres
Accès gratuit
UI/UX Design

Contenu du cours

  1. L'ergonomie d'une application : définition et critères
  2. L'utilité et le caractère pratique d'une application
  3. La facilité d'utilisation et de compréhension
  4. L'accessibilité numérique
  5. Attirer le regard de l'utilisateur
  6. Concevoir une navigation intuitive

  1. Identifier le besoin de l'utilisateur
  2. Analyser les attentes de l'utilisateur
  3. Comprendre les envies de l'utilisateur
  4. Mesurer la satisfaction de l'utilisateur
  5. Exprimer les besoins de l'utilisateur à partir d'un cahier des charges

Travaux pratiques

  1. TP 2 : Exprimer les besoins des utilisateurs d'une application

  1. Les cinq phases du processus UX
  2. Organiser un projet UX avec Trello
  3. Panorama des outils de maquettage (Balsamiq, ioDraw, Figma, InVision)
  4. Versionner les livrables UX avec Git et GitHub

  1. La recherche utilisateur : objectifs et méthodes
  2. Rencontrer les utilisateurs sur le terrain
  3. Identifier les besoins et les futures attentes des utilisateurs
  4. Étudier le parcours des utilisateurs sur un site
  5. Réaliser un benchmark : étude de la concurrence et du marché
  6. Dégager les bonnes et les mauvaises pratiques

Travaux pratiques

  1. TP 3 : Mener une recherche utilisateur et un benchmark

  1. Créer un persona
  2. Créer un parcours pour chaque type d'utilisateur
  3. Préciser le périmètre d'intervention
  4. Prioriser les problèmes à résoudre
  5. Préciser la valeur à apporter à l'utilisateur

  1. La créativité dans le processus UX
  2. Les techniques de génération d'idées
  3. Animer un atelier de brainstorming
  4. Préciser les solutions à apporter aux utilisateurs

Travaux pratiques

  1. TP 4 : Du persona aux solutions (définition et idéation)

  1. Wireframe, maquette et prototype : quelles différences ?
  2. Créer un wireframe avec Balsamiq
  3. Créer un wireframe avec ioDraw
  4. Créer un prototype avec Figma
  5. Créer un prototype avec InVision

Travaux pratiques

  1. TP 5 : Concevoir les wireframes d'une application

  1. Préparer un test avec des utilisateurs représentatifs
  2. Tester la compréhension du service
  3. Évaluer le choix des mots et la qualité du vocabulaire
  4. Tester la navigation de page en page
  5. Évaluer l'utilisabilité des composants de l'interface
  6. Analyser les résultats et améliorer le prototype

Travaux pratiques

  1. TP 6 : Tester un prototype avec des utilisateurs

  1. Le processus d'UI design : étapes et bonnes pratiques
  2. Les notions du design émotionnel
  3. Appliquer le design émotionnel à une interface

  1. Le logo
  2. La signification des couleurs et des formes
  3. La typographie
  4. Les icônes
  5. Les visuels et les illustrations
  6. Créer et respecter une charte graphique

Travaux pratiques

  1. TP 7 : Élaborer la charte graphique d'une application

  1. Les boutons (Call To Action) et leur disposition
  2. Les animations dans une interface
  3. La grille de mise en page
  4. Concevoir une interface en Responsive Design

  1. L'architecture de l'information
  2. Hiérarchiser l'information et la visibilité des contenus
  3. Optimiser la navigation et le parcours utilisateur
  4. Définir les fonctionnalités requises
  5. Optimiser l'interaction avec l'utilisateur final

  1. Favoriser le taux de conversion
  2. Renforcer la reconnaissance de la marque
  3. Renforcer la fidélisation des utilisateurs

  1. Découvrir l'interface de Figma
  2. Créer des composants réutilisables avec Figma
  3. Créer un prototype interactif avec Figma
  4. Concevoir des interfaces avec Adobe XD
  5. Partager et commenter une maquette avec InVision
  6. Préparer la maquette pour les développeurs

Travaux pratiques

  1. TP 8 : Réaliser la maquette finale d'une application

  1. TP 1 : Analyser l'expérience utilisateur d'une application existante
  2. TP 2 : Exprimer les besoins des utilisateurs d'une application
  3. TP 3 : Mener une recherche utilisateur et un benchmark
  4. TP 4 : Du persona aux solutions (définition et idéation)
  5. TP 5 : Concevoir les wireframes d'une application
  6. TP 6 : Tester un prototype avec des utilisateurs
  7. TP 7 : Élaborer la charte graphique d'une application
  8. TP 8 : Réaliser la maquette finale d'une application

Informations

  • Chapitres 16
  • Mise à jour Récente