Concevoir un design d'interface utilisateur
CREATE FOR GOOD
Objectifs de la formation
La formation prépare au bloc de compétence Concevoir un design d'interface utilisateur par la formatrice Lucile Quero, de la certification professionnelle Concepteur designer graphique, délivré par LISAA, de niveau 6 NSF 320 et 320v enregistrée au RNCP, sous le numéro 40365, par décision du directeur général de France compétences en date du 28 03 2025.
Durée 27 heures de formation en elearning et 5 heures de visioconférence sur 8 semaines
Lieu plateforme en ligne ThriveCart
Profils des stagiaires Graphistes, webdesigners, designers UX UI, développeurs front-end.
Prérequis
Les candidates à la formation menant à un bloc de compétences sont soumis à un entretien préliminaire en visioconférence pour valider leur capacité à suivre la formation et valider la certification professionnelle.
De plus, il doit être titulaire d'une certification de niveau 4 Baccalauréat à 6 Bac plus 3 dans le domaine visé par le bloc de compétence ou un domaine proche, et justifier d'une expérience professionnelle de 12 à 48 mois minimum selon son niveau académique.
Pour obtenir le titre, les candidates peuvent cumuler les blocs de compétences. Afin de valider l'obtention du titre, il est impératif que le candidat justifie des prérequis nécessaires lors de l'inscription au bloc de compétence permettant de se présenter au jury de certification du titre complet.
Dans le cas où le ou la candidate ne répondrait pas à ces critères (expérience ou diplôme requis), une dérogation peut être envisagée, à condition que le candidat fournisse un dossier justifiant de sa capacité à suivre et valider la certification.
Ce dossier pourra inclure : une attestation d'employeur, une VAPP Validation des acquis personnels et professionnels, ou tout autre élément probant expérience personnelle, associative, formation non diplômante, cv, diplômes... permettant d'attester de compétences connexes en lien avec les attendus
de la certification.
Objectifs pédagogiques
o Comprendre les fondements de l'éco-conception appliquée au design d'interface.
o Participer à la définition d'un projet de design d'interface en collaboration avec les parties prenantes.
o Concevoir la structure logique et fonctionnelle d'un site éco-conçu.
o Produire des maquettes graphiques et interactives accessibles et cohérentes avec l'identité visuelle du projet.
o Appliquer les bonnes pratiques de l'éco-conception dans toutes les étapes du projet.
o Formaliser et présenter un projet complet de design d'interface utilisateur éco-conçu certifiable.
Programme
MODULE 1 : Aperçu de l'architecture d'une interface utilisateur éco-conçu
. Introduction à l'éco-conception web
- Définition de l'éco-conception et de son application dans le numérique.
- Enjeux environnementaux du numérique : empreinte écologique des sites web et consommation énergétique.
- Le rôle du webdesigner dans la transition écologique.
. Connaître les impacts environnementaux d'un site web
- Matériels informatiques et leurs labels écologiques.
- Éléments clés d'un site web : serveurs, design, contenu, code.
- Analyse de l'empreinte énergétique d'un site.
- Directives et normes à connaître.
MODULE 2 : Définir l'interface utilisateur d'une création web éco-conçue
. Participer à la définition de l'interface utilisateur en collaboration avec les différentes parties prenantes en créant le cahier des charges d'un web design éco-conçu.
. Clarifier les objectifs spécifiques de chaque écran en fonction des fonctionnalités prioritaires, des contenus majeurs et du parcours utilisateur attendu.
Prioriser les informations à intégrer dans chaque écran en lien avec les exigences techniques, ergonomiques et graphiques du projet.
- Rédiger des contenus clairs et concis adaptés au web.
- Choisir les médias.
- Utiliser tous les niveaux de cache
- Minifier les fichiers CSS
- Intégration du RGPD dans son site internet
- Sécuriser le site internet
MODULE 3 : Concevoir la structure de l'interface utilisateur éco-conçu
. Définir et positionner un zoning clair et hiérarchisé en répartissant visuellement les zones fonctionnelles de chaque page.
. Détailler le contenu de chaque zone dans des wireframes illustrant les fonctionnalités essentielles et la logique d'agencement des éléments.
. Préparer un livrable structuré permettant de faire valider l'organisation générale des pages du projet et leur aspect fonctionnel auprès des parties prenantes.
. Intégrer les bonnes pratiques en design inclusif et en écoresponsabilité dans la structuration des pages et la navigation proposée.
- Conception frugale : sobriété numérique et minimalisme
- L'accessibilité : un pilier fondamental de l'éco-conception
- Définir le branding de son site éco-responsable.
MODULE 4 : Réalisation des maquettes graphiques et interactives d'une l'interface utilisateur éco-conçue et accessible
. Élaborer les maquettes graphiques et interactives de l'interface utilisateur en adéquation avec l'identité visuelle du projet.
. Réaliser l'ensemble des éléments visuels de l'interface.
. Appliquer de manière uniforme les éléments graphiques conformément à la charte graphique du projet.
. Intégrer les principes d'éco-conception dans le design des maquettes.
. Garantir l'accessibilité de l'interface pour différents profils utilisateurs.
. Soumettre au commanditaire une représentation détaillée de l'apparence de l'interface éco-conçue.
Résultats attendus
o Participer à la définition de l'interface utilisateur en collaboration avec les différentes parties prenantes (commanditaire, directeur artistique, équipes fonctionnelles, techniques, etc.).
o Concevoir la structure de l'interface utilisateur, en définissant et positionnant les différentes zones fonctionnelles de la page (zoning) ainsi qu'en détaillant les contenus de ces dernières (wire framing), en vue de faire valider l'organisation générale des pages du projet et leur aspect fonctionnel.
o Elaborer les maquettes graphiques et interactives de l'interface utilisateur en adéquation avec l'identité visuelle du projet, en réalisant l'ensemble des éléments visuels dans le respect des règles de confort, de navigation, d'éco-conception et d'accessibilité, afin de soumettre au commanditaire une représentation détaillée de l'apparence de l'interface.
Les points forts
La formation pour apprendre à concevoir des sites durables, performants et responsables.
La certification
- TypeTitre RNCP
- Niveau de sortieBAC+3 ou 4 : licence, master 1, maîtrise (NIVEAU 6)
- Spécialité (NSF)Spécialites plurivalentes de la communication et de l'information
- DomaineCréation graphique
- Métier viséConcepteur / Conceptrice de contenus multimedia
RNCP 40365 RS -1 CertifInfo 118721 Organisme & lieu
- OrganismeCREATE FOR GOOD
- Région