Filtrer par
Date

Chargé d'UX design Introduction à l'UX • Décrire et définir le design de l'expérience utilisateur (UX) • Identifier les composants de l'expérience utilisateur • Appréhender le rôle stratégique de l'UX design • Rappeler les modèles et les normes de conception d'une application : UCD, CUBI, Lean UX • Comprendre les métiers de l'UX au sein de l'équipe projet Le projet digital et l'UX • Situer la démarche de conception UX dans le projet digital • Questionner le projet pour dégager une vision d'ensemble et des objectifs utilisateurs clairs • Déterminer et planifier les phases et les étapes de la méthode UXD • Distinguer les livrables et la budgétisation des tests Interfaces et interactivité • Découvrir les principes, spécificités et méthodes de conception des IHM • Cerner et assimiler la notion de modèle mental • Appréhender la relation architecture, interactivité, interface • Spécifier les points-clés du design d'interaction (IxD) • Situer les points-clés du design d'interface (UI) • Distinguer la place de l'ergonomie dans les interfaces digitales Les techniques de collaboration • Travailler en équipe : pluridisciplinarité et agilité • Co-travailler, collaborer et partager • Sélectionner les modes de communication • Impliquer l'utilisateur ➔ Exercice : appliquer les principes acquis en mode collaboratif sur un mini-projet / Produire les grandes ignes d'une note de cadrage pour le module 2 Module 2_S'approprier la méthodologie de l'UX Design Les techniques de la recherche utilisateur • Recouper les données marketing, quantitatives et qualitatives à disposition sur le sujet • Segmenter les études quantitatives vs études qualitatives • Lire et analyser les différents outils analytics du point de vue de la recherche • Analyser les traces non déclaratives de l'activité des utilisateurs (analytics, eyetracking, scrollmap) • Bâtir les hypothèses de travail et le protocole de recherche • Incarner la notion d'utilisateurs : cibles, utilisateurs et personas • Structurer un registre de personas en rapport avec le projet digital • Bâtir les parcours utilisateurs • Relier les personas aux parcours utilisateurs • Localiser et recruter les utilisateurs-tests • Mener un entretien contextuel, une entrevue individuelle, un focus groupe • Rédiger et mettre en place un questionnaire • Procéder à des observations ethnographiques pour valider le modèle conceptuel Les techniques d'idéation • Appliquer des techniques de brainstorming • Utiliser les cartes d'idéation pour dégager les ressentis utilisateurs • Produire un diagramme des tâches et des contrôles • Relier les objectifs, les tâches et les actions dans une cartographie ➔ Exercice : produire un benchmark / Créer un persona / Co-produire une expérience map Module 3_Prototyper et tester l'Expérience utilisateur Éclairage Neuro Web design • Intégrer les bases de la perception visuelle chez l'être humain • Appréhender la notion de charge cognitive et les processus d'attention, de compréhension, de mémorisation Les techniques de conception • Se disposer en mode “Design Studio” • Passer des sketchs aux prototypes • Choisir son outil de prototypage • Organiser les tests pour améliorer et corriger le prototype • Distinguer les tests ergonomiques : utilisabilité et accessibilité • Procéder à un test de tri de cartes pour valider l'architecture d'information • Mettre en place un questionnaire AttrakDiff • Expérimenter une évaluation heuristique • Produire un diagramme d'affi nité • Mettre en place des tests de contenus • Monter un questionnaire de type System Usability Scale (SUS) • Appréhender le rôle du journal de bord • Itérer et corriger le prototype ➔ Exercice : produire un prototype / Appliquer des tests en mode atelier pour reproduire la méthode lors de la soutenance Module 4_Coaching individuel Coaching individuel à distance assuré par l'intervenant référent Module 5_Finalisation du projet Finalisation • Finaliser le projet personnel à l'aide de travaux pratiques • Préparer la soutenance Jury • Présenter le projet • Évaluation et résultat du jury Module 5_Finalisation du projet Finalisation • Finaliser le projet personnel à l'aide de travaux pratiques • Préparer la soutenance Jury • Présenter le projet • Évaluation et résultat du jury

Lieu
Durée
Présence

4 500 € TTC Soit 5 400 € HT

Chargé de création Web MODULE 1 IDENTIFIER LES FONDAMENTAUX DE LA CONCEPTION WEB (WEB DESIGN) - 2 JOURS Planifier le projet Web • Identifier les différentes étapes d'un projet Web • Comprendre le rôle des différents acteurs • Identifier les contraintes techniques • Établir un cahier des charges - définir les objectifs et le public cible - identifier les types de contenu et les fonctionnalités - cerner les besoins graphiques et typographiques (brief créatif) • Définir l'arborescence du site • Élaborer le système de navigation Considérer les éléments méthodologiques de prototypage, de mise en pages et de contenu • Utiliser des prototypes : rough papier, wireframe, maquette graphique, prototype interactif • Distinguer différents types de mise en pages pour le Web : fixe, fluide, responsive • Identifier les possibilités typographiques et les contraintes d'affichage • Appréhender les nouvelles méthodes de conception Web (Atomic Design, design system, style guide) • Identifier les nouvelles tendances du Web design ➔ Exercices : partage d'expériences / Études de cas /Analyse de sites / Utilisation d'outils en ligne /Création d'une arborescence de site MODULE 2 AMÉLIORER L'EXPÉRIENCE UTILISATEUR (UX) DANS LE PROJET DIGITAL - 2 JOURS Concevoir une véritable expérience utilisateur (UX) pour le projet digital • Décrire et définir le design de l'expérience utilisateur (UX) pour les interfaces homme-machine • Reconnaître les spécificités de l'UX mobile • Situer l'ergonomie dans la démarche de l'UX • Appréhender les processus cognitifs Formuler les bases du Web design • Identifier les fonctions et les objectifs d'une interface • Définir le zoning et les bases du “look and feel” • Utiliser la logique de personas pour créer des parcours utilisateur (user stories) • Développer ou co-développer un wireframe Concevoir et créer l'interface (UI) • Appréhender la dualité émotion-cognition dans les interfaces homme-machine • Intégrer la logique de patterns • Illustrer les étapes de la conception : du rough au prototype • Adapter les principes du design visuel au travail pour écrans : lisibilité, gestion de l'espace, typos... Travailler en équipe agile • Identifier les métiers de la création Web • Utiliser des logiciels de travail collaboratif ➔ Exercice : ébaucher un persona / Co-produire une arborescence MODULE 3 CONCEVOIR DES PROTOTYPES GRAPHIQUES ET INTERACTIFS POUR LE WEB (AVEC ADOBE XD) - 3 JOURS Identifier les composants d'une interface Web • Défi nir un menu de navigation à partir de l'arborescence du site • Définir un système de navigation contextuel • Définir les différentes interactions et leurs états (boutons, liens) • Différencier les éléments de navigation en fonction du type de device ciblé Concevoir une maquette fonctionnelle (wireframes) • Identifier les différents outils permettant de réaliser la maquette fonctionnelle • Créer un rough papier de la maquette fonctionnelle • Créer une version numérique de la maquette fonctionnelle • Décliner la maquette fonctionnelle pour les différents devices • Évaluer la qualité de la maquette fonctionnelle Gérer la surface de l'écran • Définir la dimension de la page • Mettre en place une grille • Créer des mises en pages adaptées au responsive Web design Gérer la typographie et le Web • Comprendre les contraintes d'affi chage des caractères à l'écran et sur le Web • Identifier différents types de polices Web et leurs contraintes (Web Safe, Web Fonts…) Concevoir une maquette graphique et interactive avec Adobe XD • Appréhender les spécifi cités du logiciel • Identifier les périmètres fonctionnels (UI, wireframes, design system, prototypes • Découvrir l'interface d'Adobe XD Importer des éléments • Importer des éléments bitmap et vectoriel • Importer du texte • Préparer des images avec Photoshop Créer des éléments graphiques • Appréhender les outils de dessin • Utiliser les couleurs, dégradés, transparences et ombres • Appliquer des angles arrondis • Créer des formes vectorielles • Combiner des formes et les modifier Concevoir des maquettes de mise en pages Web • Gérer les objets au sein des plans de travail • Créer des grilles de répétition • Personnaliser les grilles de répétition • Créer et gérer les symboles • Utiliser les kits d'interface Créer des interactions • Ajouter une interaction • Définir l'événement déclencheur (trigger) et le plan de travail de destination • Tester l'interaction Publier et partager le prototype • Exporter les plans de travail et éléments • Adapter le design à un autre format • Prévisualiser le projet dans le logiciel ou sur un périphérique mobile • Enregistrer une vidéo du projet • Partager le projet en ligne et activer les commentaires • Exporter les spécifications graphiques pour les développeurs ➔ Exercices : réaliser une interface utilisateur pour desktop et smartphone avec Adobe XD / Mettre en place une maquette fonctionnelle pour desktop et smartphone sous forme de rough et au format numérique / Créer une maquette graphique complexe avec XD / Réaliser un prototype interactif et le publier MODULE 4 COACHING INDIVIDUEL - 1 HEURE • Coaching individuel à distance assuré par l'intervenant référent MODULE 5 FINALISATION DU PROJET ET SOUTENANCE DEVANT UN JURY PROFESSIONNEL - 3 JOURS Finalisation • Finaliser le projet personnel à l'aide de travaux pratiques • Préparer la soutenance Jury • Présenter le projet • Évaluation et résultat du jury

Lieu
Durée
Présence

4 300 € TTC Soit 5 160 € HT

Le site Keytoform utilise des cookies. En continuant votre visite sur notre site, vous donnez votre accord à notre utilisation des cookies. Pour en savoir plus, cliquer ici.

Fermer