Ergonomie des interfaces, UX/UI Design par Usabilis
Lieu(x)
En centre (92)
Durée
Total : 70 heures
En centre : 70 heures
Financement
Demandeur d’emploi
Salarié
Éligible CPF
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
La formation commence par aborder les règles primordiales de l'ergonomie. L'analyse et la modélisation de l'activité, l'ergonomie cognitive, la création de personas sont présentées et des exemples concrets viennent illustrer la présentation. La formation aborde ensuite l'évaluation des Interfaces Homme Machine (IHM). Les critères ergonomiques de référence sont présentés, ainsi que les différentes techniques de test utilisateurs et comment les réaliser de manière efficace. La formation explore ensuite l'organisation des contenus d'un site ou d'une application, du Content Strategy à l'architecture d'information. Les participants découvriront les techniques de tri par carte ainsi que les grands principes de conception et de maquettage. Ils pourront ensuite appréhender la meilleure façon d'agencer leurs interfaces (zoning, système de navigation, etc.). Lors des TP, ils créeront les maquettes en papier de leurs interfaces, puis pourront les animez grâce à l'outil de maquettage Axure. La formation permettra également de découvrir les règles du design d'interaction pour mieux accompagner l'utilisateur dans son exploration de l'interface. Des notions de graphisme, typographie, le langage de l'interface et la gestion de couleurs sont également abordées dès le début de la formation.
Une partie de la formation est consacrée aux contraintes du mobile et du tactile. Après un état de l'art du marché et des usages du contexte mobile et tactile, le formateur passe en revue, en se basant sur des exemples variés, les composantes d'un site ou d'une application mobile (fonctionnalités, design, technique, originalité, etc.). Outils de conception très opérationnels, les critères ergonomiques de Bastien et Scapin sont présentés et adaptés au contexte mobile. Les participants apprendront ensuite comment concevoir et/ou valider la conception d'interface à travers ces critères. Ils se familiariseront avec les méthodes d'architecture de l'information pour le mobile. Les différents systèmes de navigations sont passés en revue. Les différents types d'écrans et les bonnes pratiques qui s'y rapportent sont analysés. Les participants réutiliseront ces recommandations dans leur projet de conception.
Lors du dernier module de 2 jours, les participants seront sensibilisés à l'importance de l'UX design. Ils comprendront comment cette étape s'inscrit dans une démarche globale de conception d'interface. Ils découvriront aussi les deux éléments clés d'un graphisme de qualité : la création d'une interface intuitive par l'élaboration d'un parcours visuel et la définition d'une stratégie de communication graphique. Dans la continuité, les participants apprendront à gérer les palettes de couleurs. Du langage émotionnel à l'application des couleurs sur une interface, ils sauront créer une gamme harmonieuse selon des méthodes éprouvées. La conception des icônes est ensuite abordée : la symbolique, le formalisme, etc.
Des TPs sont réalisés tout au long de la formation.
Une partie de la formation est consacrée aux contraintes du mobile et du tactile. Après un état de l'art du marché et des usages du contexte mobile et tactile, le formateur passe en revue, en se basant sur des exemples variés, les composantes d'un site ou d'une application mobile (fonctionnalités, design, technique, originalité, etc.). Outils de conception très opérationnels, les critères ergonomiques de Bastien et Scapin sont présentés et adaptés au contexte mobile. Les participants apprendront ensuite comment concevoir et/ou valider la conception d'interface à travers ces critères. Ils se familiariseront avec les méthodes d'architecture de l'information pour le mobile. Les différents systèmes de navigations sont passés en revue. Les différents types d'écrans et les bonnes pratiques qui s'y rapportent sont analysés. Les participants réutiliseront ces recommandations dans leur projet de conception.
Lors du dernier module de 2 jours, les participants seront sensibilisés à l'importance de l'UX design. Ils comprendront comment cette étape s'inscrit dans une démarche globale de conception d'interface. Ils découvriront aussi les deux éléments clés d'un graphisme de qualité : la création d'une interface intuitive par l'élaboration d'un parcours visuel et la définition d'une stratégie de communication graphique. Dans la continuité, les participants apprendront à gérer les palettes de couleurs. Du langage émotionnel à l'application des couleurs sur une interface, ils sauront créer une gamme harmonieuse selon des méthodes éprouvées. La conception des icônes est ensuite abordée : la symbolique, le formalisme, etc.
Des TPs sont réalisés tout au long de la formation.
Objectifs
Conduire en interne ou auprès des clients un projet de conception d'interface depuis son argumentation jusqu'au contrôle des livrables.
Auditer des interfaces : observer et évaluer.
Conduire des entretiens : tests utilisateurs, focus groups, enquête terrain.
Construire des persona et des scenarii d'usage.
Mettre en place une architecture de l'information par la méthode du tri par cartes.
Scénariser la conception d'une interface.
Elaborer des maquettes papier et des maquettes dynamiques ( wireframing à l'aide des logiciels type Axure).
Concevoir en toute autonomie une interface d'application mobile en respectant les standards des principaux systèmes d'exploitation (iOS, Android).
Concevoir une interface en intégrant les spécificités des interactions tactiles.
Concevoir des pages web responsive design (adaptation de l'affichage aux différents appareils connectés).
Construire un brief graphique (cahier des charges définissant les attentes graphiques).
Mettre en oeuvre les règles de mise en page et de guidage visuel.
Traduire artistiquement la demande à l'aide d'outils de design graphique.
Présenter les propositions (pistes graphiques) aux clients internes et/ou externes en justifiant les choix graphiques et fonctionnels.
Auditer des interfaces : observer et évaluer.
Conduire des entretiens : tests utilisateurs, focus groups, enquête terrain.
Construire des persona et des scenarii d'usage.
Mettre en place une architecture de l'information par la méthode du tri par cartes.
Scénariser la conception d'une interface.
Elaborer des maquettes papier et des maquettes dynamiques ( wireframing à l'aide des logiciels type Axure).
Concevoir en toute autonomie une interface d'application mobile en respectant les standards des principaux systèmes d'exploitation (iOS, Android).
Concevoir une interface en intégrant les spécificités des interactions tactiles.
Concevoir des pages web responsive design (adaptation de l'affichage aux différents appareils connectés).
Construire un brief graphique (cahier des charges définissant les attentes graphiques).
Mettre en oeuvre les règles de mise en page et de guidage visuel.
Traduire artistiquement la demande à l'aide d'outils de design graphique.
Présenter les propositions (pistes graphiques) aux clients internes et/ou externes en justifiant les choix graphiques et fonctionnels.
Centre(s)
- Montrouge (92)
Métier(s)
- Affichiste
- Analyste cogniticien / cogniticienne informatique
- Analyste concepteur / conceptrice informatique
- Analyste d'application
- Analyste d'étude informatique
- Analyste de gestion informatique
- Analyste décisionnel - Business Intelligence
- Analyste développeur / développeuse
- Analyste en cybersécurité
- Analyste fonctionnel / fonctionnelle informatique
- Analyste organique informatique
- Analyste responsable d'application informatique
- Analyste réseau informatique
- Analyste télématique
- Analyste-programmeur / Analyste-programmeuse d'étude informatique
- Analyste-programmeur / Analyste-programmeuse de micro-informatique
- Analyste-programmeur / Analyste-programmeuse en informatique industrielle
- Analyste-programmeur / Analyste-programmeuse gestion informatique
- Analyste-programmeur / Analyste-programmeuse informatique
- Analyste-programmeur / Analyste-programmeuse scientifique informatique
- Animateur / Animatrice 2D
- Animateur / Animatrice 3D
- Assistant / Assistante chef de projet informatique
- Chef de fabrication d'édition publicitaire
- Chef de groupe logicien informaticien
- Chef de projet TMA - Tierce Maintenance Applicative
- Chef de projet maîtrise d'oeuvre informatique
- Chef de projet étude et développement informatique
- Chef de studio de créations graphiques
- Coloriste numérique
- Concepteur / Conceptrice d'application informatique
- Concepteur / Conceptrice informatique
- Concepteur / Conceptrice logiciel informatique
- Designer / Designeuse d'interactivité
- Designer / Designeuse graphique
- Designer web mobile
- Dessinateur / Dessinatrice d'édition
- Dessinateur / Dessinatrice de bande dessinée
- Dessinateur / Dessinatrice de presse
- Dessinateur / Dessinatrice en publicité
- Dessinateur / Dessinatrice graphiste
- Didacticien / Didacticienne informatique
- Décorateur / Décoratrice graphiste
- Développeur / Développeuse Big Data
- Développeur / Développeuse back-end
- Développeur / Développeuse d'application
- Développeur / Développeuse de logiciel de simulation optique et réalité virtuelle
- Développeur / Développeuse de sécurité des systèmes d'information
- Développeur / Développeuse décisionnel - Business Intelligence
- Développeur / Développeuse front-end
- Développeur / Développeuse full-stack
- Développeur / Développeuse informatique
- Développeur / Développeuse jeux vidéo
- Développeur / Développeuse logiciel de réalité augmentée
- Développeur / Développeuse multimédia
- Développeur / Développeuse web
- Développeur / Développeuse web mobile
- Gouacheur / Gouacheuse en films d'animation
- Graphiste 2 D
- Graphiste 2 D - jeux vidéo
- Graphiste 3 D
- Graphiste concepteur / conceptrice
- Graphiste multimédia
- Homologateur / Homologatrice logiciel
- Illustrateur / Illustratrice
- Illustrateur / Illustratrice graphiste
- Infographiste
- Infographiste 3 D
- Infographiste effets spéciaux
- Infographiste en image de synthèse
- Infographiste en multimédia
- Infographiste intégrateur / intégratrice
- Infographiste web master
- Informaticien / Informaticienne analyste
- Informaticien / Informaticienne d'application
- Informaticien / Informaticienne de développement
- Informaticien chargé / Informaticienne chargée d'étude
- Ingénieur / Ingénieure analyste en système d'information
- Ingénieur / Ingénieure analyste informatique
- Ingénieur / Ingénieure d'analyse et de programmation en informatique de gestion
- Ingénieur / Ingénieure d'application informatique
- Ingénieur / Ingénieure d'intégration applicative
- Ingénieur / Ingénieure d'étude en applications scientifiques informatiques
- Ingénieur / Ingénieure d'étude en informatique de gestion
- Ingénieur / Ingénieure d'étude et développement informatique
- Ingénieur / Ingénieure d'étude informatique
- Ingénieur / Ingénieure d'étude logiciel informatique
- Ingénieur / Ingénieure de conception informatique
- Ingénieur / Ingénieure de développement informatique
- Ingénieur / Ingénieure de réalisation informatique
- Ingénieur / Ingénieure développement logiciel informatique
- Ingénieur / Ingénieure en développement d'applications
- Ingénieur / Ingénieure informatique développement en temps réel
- Ingénieur / Ingénieure logiciel informatique
- Ingénieur / Ingénieure programme informatique
- Ingénieur analyste-programmeur / Ingénieure analyste-programmeuse
- Ingénieur concepteur / Ingénieure conceptrice informatique
- Ingénieur informaticien / Ingénieure informaticienne
- Intégrateur / Intégratrice d'application informatique
- Intégrateur / Intégratrice graphiste
- Intégrateur / Intégratrice multimédia
- Layout man / woman
- Lead graphiste - jeux vidéo
- Lead programmeur / programmeuse - jeux vidéo
- Maquettiste en arts graphiques
- Modeleur / Modeleuse 3 D
- Modeleur textureur / Modeleuse textureuse 3D - jeux vidéo
- Modélisateur / Modélisatrice 3D
- Motion designer multimédia
- Paramétreur / Paramétreuse logiciel ERP
- Programmeur / Programmeuse d'applications
- Programmeur / Programmeuse d'études
- Programmeur / Programmeuse de maintenance informatique
- Programmeur / Programmeuse informatique
- Programmeur / Programmeuse jeux vidéo
- Programmeur / Programmeuse logiciel de base informatique
- Programmeur industriel / Programmeuse industrielle
- Responsable d'application informatique
- Responsable d'atelier de génie logiciel
- Responsable d'étude informatique
- Responsable de gestion de configuration
- Responsable de projet informatique
- Responsable des développements informatiques
- Roughman / Roughwoman en arts graphiques
- Réalisateur / Réalisatrice multimédia
- Scrum Master
- Story boarder
- Stéréographe 3D
- Technicien / Technicienne en image de synthèse 3D
- Technicien / Technicienne programmation
- Testeur / Testeuse informatique
- UI - user interface designer
- UX - user experience designer
- Vidéographiste
- Web designer
- Webmaster
- Webmaster développeur / développeuse
Compétence(s)
- Algorithmique
- Animation d'instances agiles (mêlée, démonstration, rétrospective, …)
- Architecture d'applications
- Architecture des systèmes d'information
- Architecture propriétaire
- Architecture web
- Business Intelligence (BI) / Informatique décisionnelle
- Chaîne graphique
- Colorimétrie
- Comptabilité générale
- Computer To Film (CTF)
- Computer To Plate (CTP)
- Design d'interface utilisateur
- Droit de la propriété intellectuelle
- Finance
- Formalisation de processus de gestion
- Gestion commerciale, relation clients
- Gestion de configuration
- Gestion de production
- Gestion de projet
- Gestion des Ressources Humaines
- Informatique de gestion
- Informatique industrielle
- Informatique scientifique et technique
- Langage informatique ASP.NET
- Langage informatique Ada
- Langage informatique Apache
- Langage informatique AutoItScript
- Langage informatique Basic
- Langage informatique C#
- Langage informatique C/C++
- Langage informatique CSS
- Langage informatique Cobol
- Langage informatique Delphi
- Langage informatique Fortran
- Langage informatique HTML
- Langage informatique J2EE
- Langage informatique J2ME
- Langage informatique Java
- Langage informatique Javascript
- Langage informatique Lisp
- Langage informatique PHP
- Langage informatique Pascal
- Langage informatique Perl
- Langage informatique Prolog
- Langage informatique Python
- Langage informatique Ruby
- Langage informatique SQL
- Langage informatique Script Shell
- Langage informatique VB.NET
- Langage informatique Visual Basic
- Langage informatique WLangage
- Langage informatique XML
- Langages de programmation informatique
- Logiciel 3DS MAX
- Logiciel After Effects
- Logiciel Anime Studio
- Logiciel Arnold
- Logiciel Blender
- Logiciel Character Studio
- Logiciel Cinéma 4D
- Logiciel Corel Draw
- Logiciel Dreamweaver
- Logiciel Fireworks
- Logiciel Flash
- Logiciel FrameMaker
- Logiciel Houdini
- Logiciel Illustrator
- Logiciel InDesign
- Logiciel LightWave
- Logiciel Matchmover
- Logiciel Maya
- Logiciel Mental-ray / V-ray
- Logiciel Motion Builder
- Logiciel Nuke
- Logiciel Page Maker
- Logiciel Painter
- Logiciel Quark Express
- Logiciel Realflow
- Logiciel TVPaint
- Logiciel Toon Boom
- Logiciel XSI Softimage
- Logiciel Zbrush
- Logiciel d'animation 2D
- Logiciel d'animation 3D
- Logiciel de montage photo
- Logiciels StopMotion / iStopMotion
- Logiciels d'image de synthèse
- Logiciels d'édition multimédia
- Logiciels de création vidéo
- Management
- Marketing / Mercatique
- Matériel de contrôle embarqué
- Modélisation informatique
- Méthode AGILE
- Méthodologie SAFe
- Méthodologie Scrum
- Normes qualité
- Photoshop
- Principes d'intégration de matériels et de logiciels
- Process et procédures d'achats
- Procédures d'appels d'offres
- Procédés et contraintes d'impression
- Produits multimédia
- Progiciels de Gestion Intégrée (PGI) / Enterprise Resource Planning (ERP)
- Programmation informatique
- Programmation logicielle
- Protocoles et normes télécoms
- Publication Assistée par Ordinateur (PAO)
- Règles de sécurisation de fichiers informatiques
- Règles de sécurité Informatique et Télécoms
- Réseaux informatiques et télécoms
- Système KANBAN
- Système LEAN
- Système embarqué
- Systèmes d'exploitation informatique
- Techniques commerciales
- Techniques d'infographie
- Techniques de compositing
- Techniques de dessin
- Techniques de gestion de réseaux prépresse
- Techniques de storytelling - communication narrative
- Techniques de séparation Cyan Magenta Jaune Noir
- Technologies de l'accessibilité numérique
- Typographie
- UX/UI Design
Formation proposée par : Usabilis
À découvrir