Formation UI/UX : Optimiser les UI et les UX pour la conception logicielle

Une expérience Utilisateur (UX) est un domaine émergeant de la conception de logiciel centrée sur l’utilisateur qui priorise les interactions de l’utilisateur lors de la création et de la maintenance de sites Web et d’applications. Ce domaine prend en compte des pratiques centrées sur l’utilisateur, des outils et des techniques de test permettant d’améliorer le design, les interfaces, les graphiques et l’utilisabilité globale du produit fini. La conception d’UX dicte aussi un processus itératif et collaboratif entre les concepteurs, les développeurs, les clients et les utilisateurs finaux, processus similaire à ce que l’on trouve dans les méthodes agiles. Ceci est fait à travers l’utilisation de prototypes de produits itératifs, les tests des utilisateurs et l’analyse des données pour créer les idées et la direction du produit. L’UX peut aussi être étendue pour englober tous les aspects des interactions du client ou de l’utilisateur avec l’entreprise, ses services et ses produits (touch points). Une interface utilisateur bien conçue signifie un utilisateur satisfait. Pour créer des interfaces utilisateur efficaces et intuitives, les développeurs doivent créer des UX (User eXperience) associant fonctionnalités et utilisabilité d’une application à la fois dans un environnement mobile et de bureau. Cette formation vous apporte les compétences et les techniques pour mettre en oeuvre un processus de conception des UX efficace dans votre entreprise.
Concrètement à la fin de ce stage vous saurez:
– Produire une expérience utilisateur (UX) avec l’application tenant compte de ses besoins
– Créer des personas et des récits pour piloter la création des interfaces graphiques (UI)
– Exploiter les modèles et les design patterns d’UX pour développer un design fonctionnel

Cette formation profite à toute personne impliquée dans la création d’interface utilsateur pour les applications Web : concepteurs, développeurs et chefs de projets. Les parties prenantes des applications tels que les chefs de projets, les chefs de produits ou les business analysts non directement impliqués dans le processus de conception pourront tirer profit de cette formation afin de comprendre l’importance de la conception d’une UX, les idées que les parties prenantes doivent fournir au process ainsi que les résultats qu’ils peuvent en attendre.

Des connaissances de base du développement et de la conception d’applications sont supposées acquises.

Élaboration de la conception de l’UX

• Créer un processus de conception Choisir des outils de création de processus (lean ou autres) Identifier les parties prenantes pour obtenir leur adhésion et leur engagement

Ébauche des personnes et des scénarios

Prendre conscience de l’utilisateur

• Explorer la réalité de l’utilisateur Évaluer ce qui est important pour le public Examiner les détails qui influenceront la conception de l’UX Hiérarchiser les personnes

Rédiger les scénarios

• Caractéristiques d’un scénario pertinent Évaluer le modèle mental de l’utilisateur Identifier le point de gratification de l’utilisateur

Établir le contexte

• Prendre du recul pour observer l’expérience dans sa globalité Créer un scénario à partir de la tâche et du contexte Prendre conscience des spécificités de l’UX mobile

Créer une structure de site visible

Organiser l’UI

• Créer des catégories pour développer des systèmes d’étiquetage Élaborer le design initial Créer les différents niveaux de l’UI Enrichir les artefacts des informations Définir la structure de navigation Ajouter des fonctions de recherche et de défilement

Concevoir la structure de navigation

• Analyser les éléments de haut niveau Spécifier l’étiquette de navigation

Création d’un design statique

Exploiter les processus de modélisation

• Générer des options pour la conception initiale Distinguer les maquettes basse-fidélité / haute-fidélité

Gérer les tâches complexes

• Créer des interactions complexes Guider les utilisateurs avec le feedback et le feedforward Rendre accessibles les informations complexes Intégrer des indicateurs visuels dans le design de l’interface Appliquer le modèle de gestion des erreurs en trois étapes

Composer l’expérience interactive Intégrer les design patterns d’UX

• Évaluer les tâches communes de l’UX Choisir les design patterns d’UX en fonction des attentes des utilisateurs et du vocabulaire utilisé pour les interactions

Guider les utilisateurs avec le feedback et le feedforward Composer un modèle basse fidélité

• Le rôle de la cartographie, des wireframes et des storyboards Mise en œuvre des cartographies Créer des wireframes avec les principaux composants de l’interface Documenter les décisions pour apporter de la valeur aux parties prenantes

Conception pour les appareils mobiles Traiter le contexte mobile

• Intégrer les fonctionnalités de l’expérience mobile dans une interface mobile Façonner les tâches dans le contexte mobile

Développer un design mobile

• Faire des ajustements pour gérer l’impact de l’ubiquité et de l’omniprésence Utiliser des options pour rendre les applications mobiles

Création d’un modèle dynamique Réaliser un prototype de l’interface utilisateur

• Travailler avec des prototype Combiner l’utilisabilité, les facteurs humains et les besoins des parties prenantes Élaborer le design initial en fonction de ces trois perspectives Créer des scripts générant des interactions pour identifier les limites de l’UX

Développer un design haute-fidélité

• Composer l’expérience interactive Mettre en œuvre des fonctions de navigation intégrées supplémentaires Éviter les interfaces peu conviviales

Peaufiner le design via les tests

Préparation aux tests

• Le rôle du test d’utilisabilité dans l’affinage du design de l’UX Préparer les tests d’utilisabilité basés sur les objectifs Réaliser des tests d’utilisabilité

Cette formation est ponctuée de divers Travaux Pratiques tels que: – Définir les personnes représentant les membres clés de chaque public – Développer les scénarios que les personnes exécuteront – Créer des modèles en utilisant des wireframes, un storyboarding, et des prototypes interactifs – Prendre en charge les interactions complexes avec les design patterns