Sensibilisation à l’UI Design (Live Virtual Class)

Blended learning

Who is the training for?

Web Designer, Developpeurs, Web Designer, Web Designer

Duration

2,00 day(s)

Language(s) of service

EN FR

Next session

06.02.2025
Location
Live Virtual Class

Price

1490,00€

Prerequisites

  • Bonne pratique de la navigation sur supports mobiles
  • Maîtrise de l´outil informatique et de la navigation sur le Web

Goals

Acquérir les compétences pour concevoir graphiquement une interface.
Maîtriser les bases du design graphique pour s’en servir au quotidien.

Contents

Comprendre les enjeux du design UI
  • Web 2.0: de nouvelles possibilités offertes aux utilisateurs
  • La stratégie de communication et la construction d’un brief graphique
  • Qu’est-ce-que l’expérience utilisateur (UX design)?
  • La différence entre UX et UI
  • Interfaces: la différenciation par le graphisme
  • Interfaces: les aspects fonctionnels (ergonomie)
Atelier
  • Lancement du sujet: repenser l’identité graphique d’un site e-commerce
  • Prendre en compte les objectifs de business
  • Identifier les utilisateurs principaux (cible)
  • Définir le modèle mental des utilisateurs finaux
Construire sa piste graphique
  • Elaborer une grille de mise en page et définir les résolutions cibles
  • L’importance de l’ergonomie (contraste, CTA, hyperliens, notion d’affordance)
  • La différence entre zoning, wireframe et prototype
  • Travailler avec Sketch et/ou Adobe XD (suite Adobe)
  • Travailler avec les composants d’interface (bibliothèques de composants)
  • Prendre en compte les usages mobiles et tactiles
  • Conseils typographiques pour la création graphique
  • Utilisation des polices sur le web
  • Choisir ses polices à partir de critères sémantiques et en fonction de la lisibilité
Atelier (suite)
  • Travailler à partir d’un scénario d’utilisation
  • A partir du zoning détaillé faire le wireframe
  • Réaliser un Moodboard et faire un Benchmark
  • Créer sa grille de mise en page et choisir ses polices
Appliquer le design graphique à sa solution
  • Gérer les couleurs (choix des nuanciers, accessibilité des couleurs)
  • Concevoir des icônes ou un Logo
  • Choisir le bon format pour ses images
  • Travailler avec des photos sous licence CC (Creative Commons)
  • Elaborer un guide de style pour les intégrateurs / développeurs
Finaliser l’interface
  • Gérer le comportement responsive de sa solution
  • Mettre en œuvre sa créativité pour finaliser l’interface
  • Réaliser le prototype
  • Présenter sa solution et donner son avis sur celle des autres
  • Prendre en compte les aspects fonctionnels (ergonomiques)
  • Améliorer l’interface suite à l’évaluation faite en cours

Certificate, diploma

Une attestation de participation sera transmise aux participants

Next session

Datum
City
Language and price
06.02.2025

07.02.2025
Live Virtual Class
FR 1490,00€

Organization contact details

Nathalie Thielemans / Nassera Aici

These courses might interest you

FR
Day
Windhof (Koerich)
Computer science - Computerisation - Computer project management - Agile software development
07.12.2024