Formations -> Compétences -> Certifications -> Métiers -> Emplois

Définition de la stratégie graphique et ergonomique du projet digital

Item

Libelle

Définition de la stratégie graphique et ergonomique du projet digital

Code

RNCP39367BC02

Liste des compétences

Collecter et analyser les données utilisateur de manière efficiente, comprendre et partager les attentes des utilisateurs pour créer des persona réalistes, dans l'objectif de représenter de manière précise les caractéristiques et les besoins du public cible. Presenter au commanditaire les persona en explicitant les orientations stratégiques en étant réceptif à ces remarques afin d'être en capacité d'ajuster les persona en conséquence et susciter son adhésion. Imaginer et créer des scénarii variés couvrant une gamme de situations d'utilisation, dans l'optique d'anticiper toutes les étapes de l'interaction utilisateur afin de refléter les besoins et les objectifs réels des utilisateurs. Intégrer les persona et scénarii dans la vision globale du projet dans une optique de communication stratégique auprès du commanditaire afin de susciter son adhésion. Traduire les persona et les scénarii en interfaces utilisateur opérationnelles et conviviales pour intégrer efficacement les concepts, de manière à ce que ces interfaces répondent directement aux besoins des persona. Evaluer régulièrement l'efficacité des persona et des scénarii dans l'objectif de les faire évoluer en fonction des feedbacks des utilisateurs, dans un souci de flexibilité pour s'adapter aux besoins changeants des utilisateurs et des objectifs du projet. Interpréter les résultats de la recherche et en extraire les informations nécessaires à la compréhension des besoins utilisateurs pour déterminer d'éventuelles manques dans les points de contact entre l'utilisateur et le produit digital. Créer une arborescence optimisant l'expérience utilisateur en établissant une hiérarchie claire des pages ou des écrans, et en déterminant quelles informations sont prioritaires et comment elles sont organisées, ainsi qu'un diagramme de flux utilisateur pour visualiser la navigation et les relations entre les différentes pages ou sections pour que le client puisse avoir une mise en situation circonstanciée du projet. Concevoir et produire des wireframes qui représentent l'arborescence et qui reflètent les principes d'interaction afin d'avoir une représentation structurelle globale du produit digital. Présenter de façon orale, illustrée, synthétique et complète les wireframes auprès du client pour lui faire valider la structure générale. Définir de manière systémique l'organisation des données dans l'interface utilisateur, dans un souci de logique organisationnelle garante d'une navigation intuitive afin de respecter les attendus utilisateur. Organiser des sessions de tests dans un objectif de feedback afin évaluer la compréhension des utilisateurs de la structure et pour identifier de potentiels points faibles dans la structure de l'information. Valider les wireframes finalisés auprès du commanditaire et également auprès des utilisateurs pour s'assurer que la structure répond efficacement aux besoins et aux attentes. Developper les axes de composition graphique à partir du concept graphique validé et de la collecte des éléments nécessaires à sa mise en œuvre auprès du commanditaire (textes, photos, illustrations, éléments visuels, etc.), pour permettre la compréhension et la visualisation du projet digital. Realiser des maquettes adaptées à chacun des supports sélectionnés en utilisant les logiciels idoines (sketch, figma, adobe xd, etc.) Pour que le client puisse avoir une mise en situation circonstanciée du projet. Concevoir la navigation du produit digital en s'appuyant sur des connaissances techniques solides et spécifiques et en respectant l'identité graphique et les supports techniques sélectionnées. Réaliser les déclinaisons en responsive (site web adaptif ou rwd responsive web design) adaptées à la demande du client (tablettes, applications smartphones) et préparer la mise en page des différents éléments (visuels, textes, animations...) En tenant compte des choix techniques définis en amont et en appliquant les règles de composition graphique afin de réaliser l'intégration de tous les éléments devant figurer dans le projet de produit digital. Créer un prototype interactif dans l'objectif de simuler l'expérience utilisateur au plus proche du rendu final. Presenter de façon orale, illustrée, synthétique et complète l'orientation graphique et les choix stratégiques et graphique via le prototype interactif auprès du commanditaire afin qu'il ait une vision claire et précise du projet qui répond à sa demande pour susciter son adhésion. Maitriser les spécifications techniques attendues pour la préparation des fichiers source dans l'objectif de faciliter le travail de développement et d'anticiper d'éventuels problèmes lors de l'implémentation. Realiser à partir des wireframes le prototype en utilisant les logiciels adéquats (sketch, figma, adobe xd, etc.) Pour que le client puisse avoir une mise en situation circonstanciée du projet. Creer des interactions pour simuler le comportement réel de l'interface avec les logiciels adaptés afin d'anticiper la manière dont les utilisateurs interagiront avec l'interface. Optimiser le prototype pour s'assurer de la compatibilité sur différentes plateformes (desktop, tablettes, mobile) du produit digital. Presenter de façon orale, illustrée, synthétique et complète les fonctionnalités du prototype interactif auprès du commanditaire afin qu'il ait une vision claire et précise du projet qui répond à sa demande pour susciter son adhésion Planifier et mener des sessions de tests dans un objectif de feedback utilisateur pertinent pour ajuster le prototype en conséquence. Documenter de manière détaillée les interactions et les fonctionnalités à destination des développeurs, en prenant en compte leurs retours et pouvoir coordonner efficacement leur mission afin d'assurer une transition fluide et optimale entre le prototype et la mise en œuvre du développement.

Modalités d'évaluation

Présentation orale et écrite (dossier de mise en situation professionnelle) de la maquette de conception graphique. Présentation orale et écrite (dossier de mise en situation professionnelle) de la maquette de conception graphique. Présentation orale et écrite (dossier de mise en situation professionnelle) de ce dossier.