BOOK REFERENCES ERGONOMIQUES Gfi Informatique

Transcription

1 2014 BOOK REFERENCES ERGONOMIQUES Gfi Informatique

2 SECTEUR INDUSTRIE-SERVICE CHORUS 2 : Refonte du référentiel des process Groupe Refondre le réferentiel des process Groupe grâce à la réalisation d un audit ergonomique et des retours End-Users pour : - Simplifier l approche Process - Se recentrer sur les besoins utilisateurs et les intégrer dans la conception des nouvelles préconisations ergonomiques. Solution : Audit et préconisations ergonomiques Objectif : L audit ergonomique permet de cerner les problèmes d'ergonomie et d'architecture de l'information d un site. Il peut également être l occasion de s interroger sur l'utilité de l outil ou de certaines fonctionnalités. Méthode : Après avoir identifié la cible utilisateur, ses caractéristiques et ses objectifs, l ergonome analyse le site ou l application au regard des critères ergonomiques et des bonnes pratiques du domaine. Les constats de l audit sont accompagnés de préconisations concrètes qui pourront être maquettées. Cette option est recommandée car elle permet à l équipe projet de mettre en place plus efficacement les recommandations. -santé dans une démarche

3 SECTEUR INDUSTRIE-AÉROSPACE-TRANSPORT Ergonomie Responsive Design La nouvelle plateforme de e-commerce doit être efficace aussi bien sur tablette, PC ou Smartphone. Solution : Maquettes ergonomiques Objectif : Concevoir l IHM et le design de près de 160 écrans composant la plate-forme e-commerce directement intégrables. Méthode : Après la validation des maquettes ergonomiques, les écrans de l IHM sont conçus directement avec les outils graphiques et déclinés dans une approche responsive-design pour permettre une expérience utilisateur de qualité quel que soit le support : Desktop, tablette, Smartphones Les fichiers natifs pour chaque écran peuvent ensuite être intégrés par l équipe de développement en HTML5/CSS3 L intégration des écrans se fait rapidement dans le respect de la charte et des besoins des utilisateurs finaux. -santé dans une démarche

4 SECTEUR TRANSPORT SNCF : Services en gare Expérience utilisateur Multi-Device Analyser l expérience globale d un usager avec un service de la Sncf : Expérience Multi-canal, Points de contact, Opportunités... Solution : Personas Objectif : Définir les profils clients avec leurs besoins, leur device (Usages) et leurs habitudes de consommation. Ces personas permettront de réaliser un projet «Customer-centric» tourné autour des besoins clients et des métiers de la Sncf. Solution : Experience Map Objectif : L Experience Map permet d illustrer un parcours utilisateur, de fournir une modélisation fonctionnelle d un service mais surtout une visualisation globale de l expérience utilisateur des services de la Sncf. -santé dans une démarche

5 SECTEUR INDUSTRIE-AÉROSPACE-TRANSPORT Grille de synthèse des trains Faciliter la lecture et l utilisation quotidienne de l application centralisée de planification des trains. Solution : Maquettes ergonomiques Objectif : Proposer une refonte ergonomique et graphique pour optimiser l utilisation de la nouvelle application. Méthode : Devant la quantité d informations à gérer, Gfi fournit un travail d'étude et d'analyse ergonomique pour présenter une interface aussi efficace et légère que possible. La mise en œuvre des résultats de l'étude se traduit par l'application de différentes techniques (codes couleurs, filtrages des données selon le profil d'utilisation, regroupement des informations par onglets...). En parallèle, l'accent est mis sur la qualité visuelle de l application. Proposant un confort d utilisation largement amélioré, la nouvelle application affirme son efficacité et sa propre identité visuelle, cohérente avec l'ensemble de la charte. Les utilisateurs sont satisfaits. -santé dans une démarche

6 SECTEUR INDUSTRIE-AÉROSPACE-TRANSPORT Light Windows 8 / Surface Pro L application de documentation technique Airn@v Light est migrée sous Windows 8.1 et sera consultée sur tablette Surface Pro Microsoft. Son ergonomie et son design doivent être refondus. Solution : Prototype fonctionnel Objectif : Adapter l application à l ergonomie aux spécificités de la consultation sur tablette et proposer une IHM plus claire et efficace. Méthode : Les ergonomes et UX designers travaillent avec l équipe de développement et le client, en méthode full agile. Les prototypes ergonomiques sont affinés en ateliers de conception et intègrent directement la couche graphique pour optimiser la durée du projet. La conception centrée utilisateur prend en compte les paramètres indispensables au succès de la refonte : - Exploitation des gestures Windows 8 - Conditions particulières d utilisation (Application consultée en atelier de maintenance) - Environnement exigeant : technicité et criticité du sujet. La nouvelle application est un succès, notamment grâce à une ergonomie conçue spécifiquement pour la consultation sur tablette, prenant en compte l ensemble -santé de la gesture dans une disponible démarche sur le système d exploitation Windows 8

7 SECTEUR E-COMMERCE Conforama.fr: Optimisation du tunnel d achat Analyser le tunnel d achat du site Conforama.fr et proposer des axes d optimisation et d amélioration à travers une étude de terrain et des préconisations ergonomiques. Solution : Etude de terrain Objectif : L étude terrain permet de comprendre une activité, un contexte d utilisation et de s assurer que le service répond aux besoins et attentes des utilisateurs cibles. Méthode : L enquête terrain peut se faire sous plusieurs formes : observation in situ, entretiens, ou questionnaires avec les utilisateurs finaux ou les référents métiers. Ce travail d observation et d écoute permet de : - comprendre le fonctionnement d un service - visualiser une tâche ou un enchaînement de tâches et un contexte d utilisation - recueillir leurs verbalisations sur ce qui fonctionne bien ou moins bien - échanger sur leurs idées d amélioration... Solution : Maquettes ergonomiques Objectif : Les maquettes ergonomiques définissent les éléments d une interface d un point de vue fonctionnel et ergonomique. Cette étape permet - de définir et valider les écrans et leur cinématique avant de passer au design graphique et au développement.

8 SECTEUR BANQUE-FINANCE-ASSURANCE SOGECAP : Refonte des applications de serveur d agence Le système serveur d agence utilisé par les conseillers clientèle doit être refondu et proposer une ergonomie claire et efficace dans un environnement graphique agréable. Solution : Prototype fonctionnel & Charte graphique Objectif : Créer une interface web uniforme favorisant l'efficacité du système d avant-vente, vente et après-vente. Méthode : L étude détaillée de l application existante et des procédures associées permet de réorganiser efficacement les nombreux contenus et actions disponibles dans les pages de l application. La recommandation ergonomique et graphique couvre la totalité des éléments de l IHM : - procédures à étapes - formulaires - navigation - boutons - interactivités - couleurs et pictogrammes. Un accompagnement au changement complète efficacement l étude et le prototypage afin que l ensemble de la population concernée soit opérationnelle sur la -santé nouvelle dans IHM une dans démarche un délai court et avec une phase d apprentissage réduite. Les utilisateurs sont très satisfaits de l'ergonomie et du look de leur nouvel outil. Ils le prennent en main rapidement.

9 SECTEUR SANTE-SOCIAL RASS : Création d un référentiel des professionnels de santé et sociaux Créer un répertoire unique et référent des acteurs de santé et sociaux permettant : - De donner une meilleure visibilité de l offre de soins - De favoriser l interopérabilité et l urbanisation des SI du domaine de la santé et du social. Solution : Maquettes ergonomiques Objectif : Les maquettes ergonomiques définissent les éléments d une interface d un point de vue fonctionnel et ergonomique. Cette étape permet de définir et valider les écrans et leur cinématique avant de passer au design graphique et au développement. Méthode : La conception ergonomique se fait par itérations. Dans un premier temps l ergonome formalise les écrans sous forme de maquettes ergonomiques (ou wireframes) qui sont ensuite présentées en atelier à l équipe projet. Ce travail en 2 temps permet à l ergonome de proposer sa vision (aux vues de son expertise et de son expérience métier) et à l équipe projet d avoir un support visuel qui permet de valider les enchaînements des écrans, les éléments présents dans chacun d eux, les terminologies employées,... -santé dans une démarche

10 SECTEUR INDUSTRIE-AÉROSPACE-TRANSPORT Site institutionnel Le site des TPG est refondu, il doit proposer une interface moderne et efficace. Solution : Prestation ergonomique globale Objectif : la nouvelle IHM du site doit faciliter la navigation pour les usagers et permettre de trouver les informations clés rapidement, notamment lors de la recherche d itinéraires et d horaires qui sont le cœur de métier du transport public. Méthode : Les contraintes technologiques sont prises en compte dès le début du projet lors des ateliers de conception. L ergonomie et le design sont pensés et optimisés dans le cadre imposé par l outil (Liferay), afin de ne pas générer d impossibilités techniques ou de forts dépassements budgétaires. Les tests utilisateurs viennent valider l ergonomie et le design conçus en ateliers : persona, tri par cartes, maquettes ergonomique en wireframe et prototype fonctionnel. D un aspect graphique épuré, le nouveau site accueille 1 million de visiteurs par mois et améliore le confort d utilisation -santé dans et une l efficacité démarche des recherches. Une augmentation du trafic et de la satisfaction est observée dès les premiers mois de mise en ligne du site.

11 BOOK REFERENCES ERGONOMIQUES GFI Quel est le rôle d un Designer UX? Approche S'adapter aux métiers, contextes et enjeux de ses clients, concevoir des expériences utilisateurs engageantes dans des univers aussi différents que la téléphonie mobile, le luxe, la banque ou l E-Commerce, est le challenge permanent d un Designer UX. Tri de carte Il accompagne nos clients dans la définition de services utiles, fonctionnels, assurant l adhésion et la satisfaction des utilisateurs. Rôle Le rôle de l UX Designer est de concevoir des interfaces digitales performantes, faciles d utilisation mais aussi agréables à utiliser, dans le but d optimiser l expérience utilisateur. Autour de maquettes dynamiques, sur la base de scénarios d usage, les représentants client et l ergonome discutent des améliorations possibles afin d obtenir les meilleures interfaces dans les contraintes données (temps et budget). Il ressort de ses ateliers les maquettes définitives (prototypage global) et les spécifications écran par écran de la future application. L objectif étant in fine de créer la meilleure interaction possible afin de réaliser la tâche voulue (acheter, s informer, travailler, lire, jouer...) En amont : Conduire des recherches sur les utilisateurs (ou experts d un domaine) via des entretiens, questionnaires ou grâce à l observation sur le terrain, afin de cerner le contexte d utilisation ou de recueillir les besoins et les attentes des utilisateurs. Réfléchir avec les équipes sur les objectifs, les motivations, les usages,... pour proposer une méthodologie adaptée Evaluer l utilisabilité des fonctionnalités - existantes ou nouvelles - et proposer des améliorations. En phase de conception : Architecture de l information : Définir la structure, les terminologies et les principes de présentation des contenus. Design d interaction : Définir les principes d interaction et les concepts à l échelle du service et des fonctions. Design d interface : Définir les éléments à l échelle de l écran, d un point de vue fonctionnel et ergonomique En phase d évaluation : Réaliser des prototypes pour mener des tests utilisateurs et a ner le design selon un processus itératif. Rôle au sein de l équipe projet : Collaborer étroitement avec les équipes marketing, métier et développement afin de définir le positionnement d un produit ou d un service. Inspirer les équipes et susciter leur adhésion par la conception de personas et de scénarios d utilisation. Collaborer avec les designers graphiques pour s assurer que le design visuel - sert le sens Collaborer avec l équipe de développement pour identifier les besoins techniques d un projet et vérifier la qualité des livrables pendant leur production.

12 Quelle méthode, pour quel objectif? OBJECTIF PHASE BÉNÉFICES CONSEIL ANALYSE CONCURRENTIELLE / BENCHMARK ERGONOMIQUE Identifier les bonnes pratiques d un domaine et voir ce que proposent vos concurrents en terme de services ou de fonctionnalités L analyse concurrentielle peut se faire en phase de recherche, avant de passer à la conception Facile et rapide à mettre en place, l analyse concurrentielle permet d avoir une base de référence et d exemples à suivre Il est intéressant de lister les bonnes pratiques, mais aussi les erreurs à ne pas commettre! L analyse concurrentielle apporte une vision uniquement experte QUESTIONNAIRE Recueillir des informations sur les habitudes, les attentes ou les besoins de vos utilisateurs Vous pouvez par exemple utiliser le questionnaire en amont de la conception pour définir des besoins ou avant de lancer une nouvelle Les questionnaires permettent de recueillir des données quantitatives. Il peut se dérouler à distance. Attention à ne pas influencer les réponses des utilisateurs! fonctionnalité pour vérifier son utilité ENTRETIEN Rencontrer les utilisateurs pour recueillir leurs retours sur leur activité ou un outil existant L entretien peut se faire en phase amont pour comprendre une activité, un domaine ou suite à un lancement pour cerner L entretien permet de recueillir les besoins et attentes directement des utilisateurs et de comprendre un contexte d organisation / d utilisation Attention à ne pas influencer les réponses des utilisateurs! d éventuels problèmes qui n auraient pas été vus en phase de conception OBSERVATION IN-SITU Voir les utilisateurs sur le terrain pour les observer dans leur activité L observation sur le terrain permet de recueillir les besoins et attentes des utilisateurs en direct et de comprendre un contexte d utilisation TRI DE CARTES Ranger, structurer, organiser les contenus d un site ou d une application En phase de conception ou de refonte le tri de cartes permet réfléchir et définir une architecture et la stratégie de Cet atelier collaboratif favorise la compréhension des visions mentales du contenu des utilisateurs et leur stratégie Poursuivre avec une phase de conception ergonomique permettra de formaliser l accès à l information et la navigation dans les contenus d accès à l information navigation dans les contenus MAQUETTES ERGONOMIQUES Formaliser les éléments et le comportement d une interface La conception de maquettes ergonomiques peut se faire suite à la définition des fonctionnalités et de Les maquettes facilitent la visualisation et la compréhension des préconisations ergonomiques Il est intéressant de poursuivre avec des tests utilisateurs pour vérifier la bonne compréhension d un l architecture de l information Elles permettent de faire le concept et la facilité lien avec les équipes - graphiques et le développement d utilisation PROTOTYPE FONCTIONNEL Scénariser l enchainement des écrans et leur comportement Le prototype est idéal pour la passation de tests utilisateurs ou la présentation d un nouveau service ou concept Le prototype permet de formaliser les comportements d une interface sans développer le produit

13 BOOK REFERENCES ERGONOMIQUES GFI Quelle méthode, pour quel objectif? OBJECTIF PHASE BÉNÉFICES CONSEIL AUDIT / REVUE EXPERTE Cerner les problèmes d ergonomie et d architecture de l information d une interface logicielle, web ou mobile L audit peut se conduire sur un existant dans le but d une refonte, il peut également se faire sur un prototype ou des maquettes afin de valider l ergonomie et l architecture de L audit est facile et rapide à mettre en place car il ne nécessite pas l accès aux utilisateurs Poursuivre avec des maquettes ergonomiques est particulièrement intéressant lors d une refonte pour formaliser les préconisations abordées lors de l audit. l information avant la phase de L audit apporte une vision développement uniquement experte TESTS UTILISATEURS Evaluer la facilité d utilisation et la satisfaction des utilisateurs en condition réelle d utilisation Le test utilisateur peut être conduit tout au long du process de conception pour vérifier l adhésion à un concept, la solution à un Cette méthode permet de recueillir des données qualitatives en condition réelle d utilisation De petits tests itératifs tout au long du process de conception permettent d affiner la conception au fur et à mesure. Les tests utilisateurs sont besoin, la facilité chronophages. Il est intéressant d utilisation,... de faire des tests à distance Pour aller plus loin Contactez-nous Christophe Lannezval christophe.lannezval@gfi.fr Port. : +33 (0)