UI/UX DESIGN

L’UX et l’UI sont deux métiers qui sont souvent confondus. Cependant, chacun possède des missions différentes qui sont complémentaires. En effet, l’UI Designer est chargé d’appliquer la charte graphique sur les wireframes créées par l’UX Designer. Il intervient donc après le travail d’UX, une fois que les maquettes avec ses recommandations sur l’expérience utilisateur sont créées.

1. Missions

Si l’UX Designer s’intéresse à l’expérience utilisateur, l’UI designer travaille sur l’aspect visuel et le rendu d’une interface. Il s’occupe du lien entre la machine et l’homme. L’UX Designer correspond à ce que ressent l’utilisateur, l’UI Designer correspond à ce qu’il voit, c’est le front-end du Design. Il ne s’intéresse qu’à l’aspect attractif d’une interface mais son rôle ne se résume pas à faire des maquettes attractives, ni même à colorier des wireframes. Son rôle est évidemment de représenter les éléments de l’interface de manière visuelle et leurs interactions.
Il est responsable de la production des maquettes visuelles, d’un guide de style (détails des constituants visuels des interfaces) et veillera à la mise en place des normes graphiques par les développeurs. L’UI designer peut travailler sur des terminaux différents : ordinateur, Smartphone, tablette, télévision connectée, borne interactive...

2. Prérequis pour la formation

La formation UI/UX Design est ouverte à toutes types personnes peu importe le niveau scolaire. Nous recherchons avant tout un état d'esprit caractérisé par l'envie de réussir, la créativité, et la capacité à travailler en équipe.

3. Programme de formation

La formation UI/UX Design couvre le programme ci-dessous :

Ergonomie et UX Design

- Définition et principes de l’ergonomie et de l’UX/UI Design
- Les contextes et usages actuels du web
- l’impact de l’UX/UI Design sur un produit numérique
- Critères généraux recommandés

Comprendre les utilisateurs pour scénariser l’UX

- Définir les utilisateurs et leurs besoins
- Création et utilisation des personas dans la conception
- Présentation des règles et concepts généraux
- Méthodes d’analyse d’un site web ou d’une application pour en déduire des utilisations
- Exemples de cas pratiques : réalisation de personas pour un site web donné, audit d’un site web pour en déduire des utilisations.

Concevoir la navigation

- Etapes et outils pour scénariser l’expérience utilisateur : user stories, storyboard, points noirs…
- Structuration du contenu en fonction des attentes des utilisateurs (arborescence)
- Elaboration de la charte de navigation
- Les spécificités des smartphones et tablettes
- Exemples de cas pratiques : conception ou analyse d’une arborescence ou d’un parcours utilisateur type.

Déterminer l’orientation graphique

-Choix des couleurs, techniques de mise en évidence, incitation, utilisation des images et icône
- Lisibilité : contraste de couleurs, typographie, interlignage et justification
- Utilisation du design au service de l’ergonomie et de l’UX
- Exemples de cas pratiques : déterminer une orientation graphique pour un site donné ou un projet fictif.

Concevoir l’interface

- Différences entre zoning, maquette, prototype
- Outils permettant la conception d’interfaces
- Exemples de cas pratiques : conception d’une interface à l’aide d’outils étudiés (zoning, maquette ou prototype)

Tests utilisateurs

- Déroulement d’un test utilisateur
- Définir les scénarios de test
-Utilisation de la technique de l’A/B Testing
- Exemple de cas pratique : réalisation d’un test utilisateur, application d’un scénario de test sur un site en ligne.

4. Les plus de la formation

• Attestation de formation
• Support de formation
• Connexion Wi-Fi offerte gratuitement

5. Débauches

• Architecte de l’information : il s’occupe de l’organisation des contenus et de la navigation. Il garantit la cohérence de l’architecture du site.
• Directeur de projet : il dirige un ou des projets, de la signature du contrat jusqu’à la fin du projet. Il choisit les ressources, gère les équipes de développement, veille au respect du budget, des délais et la qualité.
• Directeur de création interactive,
• Directeur d'agence web