Vous êtes ici : Accueil > Formations en informatique > Développement web et mobilité > Ergonomie et design

Fantom Tag

Formation - UI Design - Sensibilisation

Comprendre les enjeux du design d’interface utilisateur

  • Présentiel ou classe à distance
Inter Sur Mesure
PRESENTIEL OU CLASSE A DISTANCE
Durée
2 jours (14 heures)
Prix
1 560,00 €  HT
Référence
CE955
Consulter les dates et villes
S'inscrire
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
Nous contacter
L’UI est l’acronyme de « user interface » ou interface utilisateur. L'interface utilisateur concerne spécifiquement les écrans, la typographie, les boutons, les animations et autres fonctionnalités visuelles et interactives qu'une personne utilise pour interagir avec un produit numérique, tel qu'un site Web ou une application. Mais on entend parler aussi de l’UX « user experience » ou expérience utilisateur. L’UI et L’UX sont deux notions souvent utilisées de manière interchangeable, mais elles renvoient en fait à des choses très différentes. Alors que le travail d’un concepteur UX est la conception structurelle de l’expérience que les utilisateurs vont vivre tout au long de leurs parcours avec le produit, le concepteur UI se concentre sur tous les détails qui rendent ce parcours possible. Durant cette formation de 2 jours, les participants vont apprendre à concevoir et construire l’apparence et le comportement d’une interface graphique.
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Développeurs, ergonomes, chefs de produits, graphistes

Prérequis

  • Posséder une bonne pratique de la navigation sur supports mobiles
  • Maîtriser l'outil informatique et la navigation sur le Web
Programme

Le programme

1 - 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)

2 - Atelier

  • Lancement du sujet : repenser l’identité graphique d’un site e-commerce
  • Prendre en compte les objectifs de business
  • Identifier les utilisateurs principaux
  • Définir le modèle mental des utilisateurs finaux

3 - Construire sa piste graphique

  • Élaborer 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
  • Créer le design de son site avec Sketch, Adobe Xd ou Figma
  • Travailler avec Figma, créer des composants
  • 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é

4 - 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

5 - 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)
  • Créer un système de design avec Figma

6 - Finaliser l’interface

  • Gérer le comportement responsive de sa solution
  • Mettre en oeuvre 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
Objectifs

Les objectifs de la formation

  • Connaitre les enjeux associés au design UI
  • Savoir concevoir graphiquement une interface
  • Maîtriser les bases du design graphique pour s’en servir au quotidien
Evaluation

Evaluation

  • Cette formation fait l'objet d'une évaluation formative.
Points forts

Les points forts de la formation

  • Les nombreux ateliers proposés permettent aux participants d’acquérir une première expérience pratique de l’UI Design.
  • La formation est animée par un expert qui fait bénéficier aux participants de son expérience de concepteur UI.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

Dates et villes

Mise à jour le 26/04/2024
    Formation - UI Design - Sensibilisation