UI Design / XD: Initiation
3 jour(s)
Objectifs
Comprendre et maîtriser une interface UI pour le web et application.
Contenu
Qu’est-ce que l’UI design?
Présentation de l'interface utilisateur (UI)
La définition de l’user interface (utilisateur interface).
Rôle de l’UI Designer.
Différents types d’interface.
Comprendre l’interaction avec une interface
La différence de navigation sur le web, desktop, mobiles, écran télé.
L’évolution de l’interaction dans notre environnement.
L’ergonomie d’une interface utilisateur web pour desktop (Responsive design RWD) et supports mobiles.
Concevoir un visuel
Principes de production UX/UI
Zoning.
wireframes, maquette filaire.
Prototypage.
Analyse de la fonctionnalité de l’interface, débrief.
Guideline.
Kit UI.
Atelier: Création d’une maquette graphique Responsive design (RWD) avec guidelines et grilles sous Photoshop
Comment prototyper avec XD (Nouveau)
Découverte de l’interface.
Utiliser les plans de travail.
Dessiner des formes.
Plan de travail responsif.
Comprendre les actifs.
Comprendre les composants.
Créer un wireframe et un prototype haute définition.
Animer son prototype.
Atelier: Réaliser un prototype à partir du croquis que vous avez ébauché la veille.
Méthodes pédagogiques
Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.
Public cible
A qui s'adresse la formation?
Intégrateurs/développeurs web, graphistes
|
|
Prérequis
Pratique des logiciels graphiques Adobe Photoshop ou Illustrator.
|
Evaluation
Méthodes d'évaluation
Contrôle continu
|
|
Certificat, diplôme
Attestation de fin de stage mentionnant le résultat des acquis
|