Certification professionnelle

Objectifs et contexte de la certification :

La certification Designer UX-UI répond à la demande constante en compétences web/digitales des agences de communication existantes ou des grandes entreprises qui comportent pour la grande majorité un département web intégrant des designers UX-UI en tant que salariés ou sous-traitants. Depuis plus de 20 ans, l'évolution de l’usage d’internet et des technologies afférentes a développé de façon exponentielle la création et la réalisation de sites internet - et plus largement aujourd’hui des produits digitaux. Une mutation importante a fait émerger de nouveaux usages orientés vers l’interaction et le partage de contenus.  Cette évolution constante et rapide génère l’apparition de nouvelles technologies et de nouveaux métiers qui se structurent et s’organisent de plus en plus spécifiquement. Le développement du secteur du web/digital, s’est traduit soit par la création d’agences web/digital, soit par l’ajout de la compétence web/digital à des agences de communication existantes.   

Le Designer UX-UI pilote toutes les phases d’analyse de la demande de l’existant, d’exploration et de conception, de création et de réalisation technique d'un support de communication visuelle par le design graphique (flyer, supports numériques et digitaux, site web, responsive design, packaging, vidéo, scénographie...) en relation directe et constante avec le commanditaire.

Il mobilise diverses compétences (graphiques, analytiques, synthétiques, culturelles, communicationnelles...) pour identifier et cerner le message du commanditaire, afin de créer et réaliser de façon autonome le ou les supports visuels adaptés à la demande et à la cible visée.

Il supervise toutes les étapes de réalisation. Il est amené à collaborer étroitement avec d’autres professionnels (directeur de la communication, directeur général, chef d’entreprise,) et anime le travail d’équipe avec les prestataires (développeurs, infographistes, photographes, scénaristes, illustrateurs, animateurs 3D, intégrateurs webdesigners, webmasters, programmeurs…).

Qu’il travaille comme salarié dans une entreprise (agence, studio graphique, e-commerce) ou dans un service public (administration, collectivité territoriale...), le Designer UX-UI y est en position de responsabilité et/ou d'encadrement. Il conduit les échanges avec le commanditaire et argumente les différents choix graphiques (UI = User Interface), d’architecture et d’ergonomie (UX = User Experience) et de technologie web et digitale. 

Activités visées :

L'exercice du métier de Designer UX-UI recouvre quatre grandes activités : 

Activité 1 : ANALYSE DE LA DEMANDE DU COMMANDITAIRE DANS UN CONTEXTE D'UN PROJET DIGITAL

• Analyse de la commande dans son contexte

• Élaboration du cahier des charges de la commande et formulation des pistes de travail

 Activité 2 : DEFINITION DE LA STRATEGIE GRAPHIQUE ET ERGONOMIQUE DU PROJET DIGITAL

• Processus d’idéation pour faire émerger des pistes créatives, graphiques et fonctionnelles

• Développement d'une orientation graphique du projet digital

• Validation de l’orientation graphique auprès du commanditaire

Activité 3 :  REALISATION DU PROJET DIGITAL

• Pilotage et coordination de l'équipe de réalisation du projet digital

• Réalisation du projet digital

Activité 4 :  LIVRAISON ET SUIVI DU PROJET DIGITAL

• Présentation du projet de design graphique

• Exécution de la production technique de la commande digital

Compétences attestées :

Analyser la demande du client en s’appuyant sur les interviews, les échanges avec celui-ci, pour comprendre sa stratégie de communication, ses besoins (exprimés ou non) de communication digitale, en tenant compte d’éventuels handicaps visibles ou invisibles des futurs utilisateurs.

Produire une analyse exhaustive de l’état du marché (benchmark cartographie des enjeux, cartographie des parties-prenantes...) En identifiant les enjeux, le périmètre de la commande afin d’exprimer des recommandations et en visant à établir un diagnostic et un appui à la définition d’une vision stratégique de communication digitale, afin de délimiter un champ d’investigation et d’établir le préalable au processus d’idéation.

Analyser le positionnement, l’univers du client et l’existant au niveau de la concurrence en s’appuyant sur une recherche contextuelle de sa stratégie de communication visuelle, de ses codes et de ses pratiques, en les mettant en perspective avec le positionnement et les usages de la concurrence dans l’optique de circonscrire le champ d’investigation dans le territoire idoine.

Rédiger une ou plusieurs propositions argumentées, en réponse à la commande, décrivant la démarche narrative, artistique, et/ou technique envisagée, afin de s’assurer de la bonne compréhension mutuelle et ainsi de valider les choix avec le commanditaire.

Reformuler la demande initiale du client en langage technique en une problématique de design digital et définir les objectifs stratégiques de la commande en s’appuyant sur le contexte, les besoins et la cible afin de susciter l’approbation du client.

Identifier les utilisateurs cibles, leurs besoins, leurs comportements, et leurs préférences en s’appuyant sur des analyses de données, des entretiens ou toute typologie d’outils permettant un recueil de datas.

Evaluer la faisabilité du projet digital (les besoins du projet, les besoins humains en termes d’éventuels prestataires, analyser l'environnement du projet, définir ses objectifs) afin d’identifier les pistes de travail et les contraintes de production.

Etablir et identifier les besoins techniques et les compétences nécessaires à la bonne mise en œuvre de la commande, réaliser une étude comparative des différents prestataires dans leurs des modalités techniques et financières afin de pouvoir faire une réponse optimale aux besoins du commanditaire.

Exécuter un choix à partir des différentes propositions techniques et des devis des prestataires sollicités pour tous les postes nécessaires (photographe, rédacteur, développeur web, vidéaste, motion designer…) à la mise en œuvre de la stratégie de communication visuelle et du projet de design digital pour y répondre de manière idoine.

Présenter un rétroplanning afin d’établir factuellement l'organisation et le déroulé du projet digital, ainsi que les choix techniques (prestataires, supports, formats, techniques d’impression et/ou de mise en ligne), financiers et temporels en les argumentant de de façon étayée par le biais d’un cahier des charges pour les faire valider par le client.

Rédiger le cahier des charges avec l’objectif de délimiter le champ d’intervention de la production dans le contexte de la commande définie en accord avec le client.

Presenter et argumenter à l'oral et à l'écrit la proposition commerciale auprès du client dans l’objectif de la lui faire valider.

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.

Définir un objectif de recherche et des scénarii appropriés afin d’obtenir un périmètre du test d’utilisabilité adapté à la problématique du produit digital.

Recruter les utilisateurs selon les persona afin d’obtenir des réponses pertinentes et adaptées à la problématique du produit digital.

Organiser les sessions de tests en s’assurant au préalable du protocole et du matériel et ce dans un processus d’amélioration continue afin de rester au plus près des usages et des attentes des utilisateurs.

Interagir avec les utilisateurs lors des sessions de tests avec pour objectif l’identification et l’évaluation d’éventuels problématiques, afin de bien noter les ressentis et d’identifier les points bloquants.

Analyser les données qualitatives et quantitatives des tests permettant de dégager des insights clairs dans l’optique de préparer un rapport structuré afin de proposer des actions correctives sur les conclusions des tests.

Identifier les compétences complémentaires (html, css, javascript) et les acteurs éventuellement nécessaires au développement du projet dans l’optique de répondre de façon optimale aux impératifs de la commande client.

Acquérir les principes de base du développement afin de de pouvoir identifier les problématiques éventuelles lors de la mise en œuvre finale et pouvoir échanger avec l’équipe de développement dans une compréhension mutuelle.

Maîtriser des technologies telles que html, css et javascript en s'appuyant sur sa connaissance et sa maîtrise technique afin de répondre aux objectifs de référencement (seo) et les critères de qualité digital : adaptabilité tous supports, accessibilité, compatibilité, performances...

Planifier et anticiper les étapes de réalisation du projet digital avec les développeurs en leur stipulant des objectifs quantifiables et factuels (respect du planning, respect des budgets, respect de la ligne graphique du projet) afin de respecter les termes du contrat définis avec le commanditaire.

Piloter et s’assurer de la bonne mise en œuvre des interventions de l'équipe mobilisée pour la réalisation : collaborateurs et / ou prestataires externes (rédacteurs, vidéastes, photographes, illustrateurs, développeurs…) en prenant en compte les contraintes techniques et temporelles de chacun afin que chacun respecte les exigences du planning et soit en capacité de livrer en temps et en heure les productions attendues.

Organiser les retours de manière systématique pour une analyse optimale en encourageant activement les utilisateurs à fournir des commentaires afin d’identifier les critères d’amélioration.

Utiliser des outils tels que google analytics, hotjar, etc. Afin d’identifier les points forts et les items d’amélioration 

Identifier les écarts et les zones d'amélioration avec pour objectif un processus d’amélioration continue

Organiser et prioriser les modifications en fonction de leur impact potentiel sur l'expérience utilisateur et définir un plan d'itérations avec des échéances claires afin de susciter l’adhésion de l'équipe de développement.

Impliquer les utilisateurs pour qu’ils testent les fonctionnalités mises à jour afin d’ajuster d’éventuels fonctionnalités.

Utiliser un système de versionnage avec l’objectif de documenter les modifications apportées au produit digital au fil du projet dans un souci de process constant dans la capitalisation des données.

Communiquer auprès de l'équipe de conception, les développeurs et d'autres parties prenantes des modifications afin de faciliter leur prise en compte.

Presenter oralement les productions en les argumentant de manière étayée et illustrée, ainsi que le projet de design digital finalisé au client (l’ensemble des productions attendues) pour en vérifier la conformité à la stratégie de communication visuelle, au cahier des charges et à la prémaquette et ce pour susciter l’adhésion du client. 

Valider l’ensemble du projet de design digital avec le commanditaire afin de lancer la phase de production et de livraison dans le respect des normes environnementales en vigueur (norme iso 62430, référentiel général d’éco-conception de services numériques (rgesn), green ux).

Concrétiser la production en réalisant l’ensemble des supports de production attendus par le commanditaire et en s'appuyant sur ses connaissances des différents logiciels de production adaptés aux différents supports dans l’objectif de livrer l’ensemble des supports et outils digitaux attendus.

Effectuer tous les contrôles techniques nécessaires préalables, (vérification des contenus et contacts validation du code html et css, tester l’affichage en responsive) en prenant en compte les retours utilisateurs afin de d’être proactif dans la résolution des ajustements et réaliser la mise en production optimale du projet.

Assurer le suivi de fabrication du projet en mettant en place des outils de surveillance dans un objectif de contrôle qualitatif.

Livrer au client dans le cadre d’un rendez-vous de réception la globalité des productions attendues en réponse à la commande initiale, dans un objectif de satisfaction de celui-ci.

Mettre en place des canaux de feedback afin de continuer à suivre les performances de l'interface, recueillir des commentaires post-lancement, et itérer sur la conception pour l'optimiser en continu.

Modalités d'évaluation :

  Mise en situation professionnelle: présentation d'un projet digital