UI Design et ergonomie - Le design d'interface centré utilisateur
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Identifier les enjeux du design d'interface utilisateur
- Appliquer les règles du Design System
- Créer des interfaces de sites Web, d'applications et de logiciels
- Maintenir une cohérence graphique
- Trouver l'harmonie d'une interface
- Créer un dialogue interface / utilisateur
- Rendre une interface compréhensible
- Concevoir des prototypes d'interface
- Intégrer les notions de base de l'ergonomie des interfaces
- Identifier clairement les clés de la réussite
- Appliquer l'UX Design à la conception d'interfaces
- Adopter des démarches de conception itératives
- Organiser la récolte et l'analyse de données
- Améliorer la qualité des applications et des sites Web
- Estimer les implications dans le marketing.
| Tarif |
A partir de 1 420,00 € |
| Durée | 2 jours (14h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 420,00 € |
| Durée | 2 jours (14h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Programme
Jour 1
Qu'est-ce que l'UI Design ?
- Définition du terme UI Design
- Le rôle de l'UI Designer
- Comparaison avec l'UX Design
- Contexte des approches user centric (UI, IxD, UX, CX, HX)
Les tendances design
- Historique des interfaces homme-machine
- Interfaces monochromes
- Le fenêtrage
- Le skeuomorphisme
- Le flat design
- Le neumorphisme
Les éléments de base d'une interface
- Analyser et définir une palette de couleurs
- Règles et valeurs évocatrices des typographies
- Mise en page et ergonomie
- Images et visuels
- Dialoguer avec les boutons et les interactions
- Hiérarchisation des contenus
- Le sens de lecture
- Harmonie et contraste
- La cohérence graphique
- Moodboard, Guide UI et Design System
Rappels sur les formats de fichier
- Fichier bitmap vs vectoriel
- Formats pour le Web
Les étapes du design d'interface
- Les étapes de conception dans un projet digital
- Le maquettage : sketching, zoning, wireframe, prototype
- Les outils de prototypage (Figma, Sketch, Invision, Balsamiq...)
- Test and Learn
Exemples de travaux pratiques (à titre indicatif)
- Atelier : préparation des matières premières
- Création d'un trend board, moodboard et art board
- Création d'une palette de couleurs (Adobe Color)
- Recherche iconographique
- Elaboration d'un guide UI
- L'approche Atomic Design
Les kits d'interface
- Les wireframes
- Apple iOS
- Google Material Design
- Microsoft Windows
- Trouver l'inspiration avec les kits UI
Jour 2
Règles de base de l'ergonomie
- Définition de l'ergonomie d'interfaces pour écrans
- Les normes ISO 9241-210 et Afnor 267
- Le principe d'utilisabilité
- Les critères de Bastien et Scapin
- Les heuristiques de Jakob Nielsen
- Les lois de la Gestalt
- Distinction
- Proximité
- Similarité
- Continuité
- Clôture
- La loi de Hick
- La loi de Fitts
- La notion d'affordance
- Ergonomie par l'exemple
- Pattern de lecture
- Formulaires
- Boutons
- Tableau de données...
Exemples de travaux pratiques (à titre indicatif)
- Atelier : Evaluer l'ergonomie d'une interface
- Utiliser une grille d'analyse
- Recueil des informations
- Recommandations et pistes d'amélioration
Concevoir trois interfaces pour le responsive
- Comprendre les enjeux du responsive
- La mécanique du responsive
- Anticiper les contraintes du développeur
- Les bonnes pratiques
- Méthodologie de travail
User Flow
- Savoir interpréter un parcours utilisateur
- Méthodologie de travail pour la création d'un ensemble d'écrans
- Enjeux et risques
Exemples de travaux pratiques (à titre indicatif)
- Atelier : création d'interface utilisateur
- A partir du guide UI élaboré dans le premier atelier
- Elaborer un prototype papier puis digital
- Les bonnes questions à se poser
- Atelier d'idéation (card sorting et 6to1)
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des productions
- Et, en fin de formation, par un questionnaire d'auto-évaluation
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Décrire l'architecture de NiFi, y compris les configurations autonomes et en cluster
- Naviguer, configurer les flux de données et utiliser les informations sur les flux de données avec l'interface utilisateur NiFi
- Organiser et simplifier les flux de données
- Connecter les flux de données avec d'autres systèmes, tels que Kafka et HDFS.
| Tarif |
A partir de 1 520,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Découvrir les fonctionnalités du framework Angular
- Créer une nouvelle application Web Angular
- Maîtriser le système de composants d'Angular
- Organiser, modulariser ses développements JavaScript
- Intégrer des tests unitaires au développement
| Tarif |
A partir de 1 390,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Apprendre à installer et à administrer Windows Server - Gérer les utilisateurs - Découvrir NTFS - Configurer une imprimante| Tarif |
A partir de 1 590,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Cette formation fait l'objet d'une évaluation formative.
| Tarif |
Contacter l'organisme |
| Durée |
2 jours (14 heures) |
| Modes |
|
Objectifs de la formation
Connaître les outils permettant une meilleure gestion de la sécurité pour les OS Windows Server| Tarif |
A partir de 2 225,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Identifier les différents éléments de Windows 10 et naviguer dans le menu, les fenêtres
- Gérer ses fichiers et dossiers (créer, renommer, supprimer, déplacer …)
- Personnaliser Windows 10 (barre des tâches, zone de notification, panneau de configuration, imprimante ... )
| Tarif |
Contacter l'organisme |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Expliquer la stratégie SAP pour l'expérience utilisateur
- Décrire, installer et initialiser SAPUI5
- Utiliser l'outil SAP Business Application Studio
- Appliquer les différentes composantes d'une interface SAPUI5 et configurer la navigation
- Localiser une application
- Consommer des services OData.
| Tarif |
A partir de 4 100,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Appliquer des techniques d'exploration des données pour améliorer la prise de décisions métier à partir de sources de données internes et externes - Prendre une longueur d'avance sur vos concurrents avec l'analyse des données structurées et non structurées - Prédire un résultat en utilisant des techniques d'apprentissage automatique supervisé| Tarif |
A partir de 3 450,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Préparer et passer la certification PRINCE2® Foundation
- Identifier les concepts clés liés aux projets et à PRINCE2®
- Décrire la manière dont les principes PRINCE2® renforcent la méthode PRINCE2®
- Expliquer l'importance des personnes dans la réussite des projets
- Identifier les pratiques PRINCE2® et la manière dont elles sont appliquées tout au long du projet
- Expliquer les processus PRINCE2® et la manière dont ils sont appliqués tout au long du projet.
| Tarif |
A partir de 1 990,00 € |
| Durée |
3j / 21h |
| Modes |
|
Design Thinking – La démarche pour mettre le client au cœur de l’innovation pour satisfaire ses besoins et attentes
Proposé par ENI ServiceObjectifs de la formation
- Développer une stratégie centrée autour des besoins utilisateurs ;
- Fédérer les équipes autour des avantages de l'innovation et de la co-création ;
- Découvrir et comprendre la démarche du Design Thinking ;
- Déployer une démarche complète à partir d'un cas pratique : étudier et comprendre l'utilisateur, développer des idées créatives, sélectionner les plus viables, prototyper et itérer.
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
