UI Design / XD: Initiation + Approfondissement

How long does the training course last?

5,00 day(s)

In which language(s) is the training course taught?

EN FR

When will the next session take place?

Who is organising this training course?

Dawan is a training organisation that offers more than 2000 training courses in IT, management, project management and sales in instructor-led live online or on-site trainings. We have 11 centres in France and we have developed partnerships with local structures in Brussels, Luxembourg and Geneva. Our catalogue includes hundreds of topics: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, IA etc. Our courses have been created and designed by in-house trainers who have over 20 years of teaching experience. Constantly renewed, they are adapted to the requirements of our customers and to the evolution of technologies.

The content of this page is not available in English

Who is the training course aimed at?

Intégrateurs/développeurs web, graphistes

What are the prerequisites?

Pratique des logiciels graphiques Adobe Photoshop ou Illustrator.

What are the aims or the skills being targeted?

Comprendre et maîtriser une interface UI pour le web et application.

What does the training course cover?

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.

Prototypage haute définition UI design avec XD.

Echanges autour d’autre logiciels de prototypage.
Partager ses prototypage pour validations.
Mettre en avant ses créations pour se faire connaître sur les réseaux sociaux.
Veille sur les tendances des interfaces dans différentes professions. (application mobile, automobile, VR, borne, site internet, E-commerce, site institutionnelle).
L’Accessibilité d’une interface.
Aperçu du PWA Progressive web app.
Découverte de plugins pour améliorer le workflow, l’export et les animations dans XD.

Atelier: Prototyper des maquettes sous XD avec des animations personnalisées.