Graphistes, webdesigners, développeurs web, chefs de projets
Pratique des logiciels graphiques Adobe Photoshop ou Illustrator ou d'un logiciel de conception graphique.S'intéresser aux interfaces utilisateurs et aux expériences utilisateurs.
Découvrir et maîtriser les principes de l’Interface Utilisateur (UI) Comprendre et réaliser une interface UI pour le web et applicationsAssimiler la conception de maquettes et prototyper avec un logiciel de conception: Adobe XD, Figma, Penpot, etc.
Présentation de l'Interface Utilisateur (UI)La place de l'UI au sein de l'UXLes éléments de l'UXLe rôle de l'UI Designer
Les différents types d'interfaceL'interaction selon les interfacesL'évolution de l'interaction dans notre environnementLe responsive web design
Atelier: Voir et formuler un besoin
Atelier: Formuler de premières idées à partir d'une carte d'empahie (empathy map)
Atelier: Cartographie une expérience
Comprendre la démarche Design ThinkingL'empathieLa problématiqueL'idéationLe prototypageLe test
Atelier: Atelier d’idéation basé sur la refonte d’un site web
Les 10 principes de NielsenLes grilles de mise en pageLes théories de la GelstatLa loi de FittsLes lois complémentairesL'affordanceFocus: Le maquettageLes notions de maquettageLe sketchingLe zoningLe wireframeLe prototypeLes guidelinesLes design systems et kits UI
Rappel de la phase de génération (Etape 4 du Processus de conception UX)Le storyboardingLa gamificationLe tri de cartes
Atelier: Création d'une maquette papier autour d'un projet
Définir l'architecture de l'informationLa hiérarchisationLa taxonomie / l'étiquetageLa méthode OOUXExemple d'outils:L'arborescenceLe sens de lectureLe fil d'ArianeL'usage des textes et pictogrammesLa hiérarchie textuelle et SEOLes formulaires
Les devices et zones d'interactionsLes gestes de navigationLa bonne pratique du obile-firstLa ligne de flottaisonL'intégration à un écosystèmeLes couleursL'iconographieLes policesL'accessibilité
Manipuler FigmaAnimer son prototypePartager son projetLes plugins Figma
Atelier: Prototypage wireframe
Les logiciels de prototypageMettre en avant ses créationsRéaliser et maintenir sa veilleLes nouvelles alternatives émergentes
Atelier: Faire évoluer son wireframe en prototype intéractif afin de le partager
La réflexionLes différents modèles de conceptionLa collaboration et les collaborateursFocus: Les immanquables app'
Atelier: Conception d'une application mobile
Qu'est-ce qu'un audit UI / UX?Connaître sa cibleFocus: Les personasDéfinir les objectifs de l'auditEtablir un plan d'actionRéaliser l'audit
Atelier: Audit UI d’un site internet existant + proposition d’une ou plusieurs solutions ///Audit UI d’une application mobile existante + proposition d’une ou plusieurs solutionsAtelier: Produire un prototype intéractif et le design system associé
Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.
Contrôle continu
Attestation de fin de stage mentionnant le résultat des acquis
Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m
Locaux accessibles PMR
Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)
Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou
Nos formateurs sont habitués à travailler en classe virtuelle (visio-conférence). Au préalable, nous réalisons un audit afin de s’assurer systématiquement en amont de la possibilité pour les stagiaires de suivre à distance (équipement, qualité de la connexion, etc...).
Cela vous permet d'interagir pleinement lors de la session.
Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:
Le(s) logiciel(s) installé(s) sur le poste du participant, Une connexion internet stable, Idéalement 2 écrans (dont 1 pour interactivité et 1 pour poste de travail et prise en main éventuelle à distance par le formateur), Un micro et haut-parleur ou kit mains-libres (pour interagir avec le formateur) et en option une webcam
Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.
Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI
Paris, rue Antoine Bourdelle: