EXPÉRIENCE CLIENT (CX / UX) UX design et ergonomie des sites Web Optimiser l’expérience utilisateur Pour qui Programme n Savoir structurer ses n Les liens texte : les règles n Responsable de sites Internet/Intranet, chef 1/ Viser la qualité de informations. de nommage. de projet web, infographiste, webmaster, l’ergonomie d’un site Web nDéterminer son rubriquage. n Relation des données et webdesigner. n Cerner les comportements n Élaborer ses masques indexation. n Responsable communication digitale, des internautes. fonctionnels. n Utilisation des différents médias : chargé de communication. n Les principes de l’ergonomie et nProposer les meilleurs outils. textes, photos, infographies & nResponsablemarketing digital. de l’UX design. n I ntégrer les notions de repérage, videos. n Toute personneamenée à concevoir et à n Définir des critères objectifs de localisationet d’orientation. 5/ S’approprier les règles améliorer un site Web. d’évaluation. 3/ Concept-clés et outils de graphiques Enjeu : Acquérir les fondamentaux n Analyser les processus de l’UX design n Les bases de la composition. navigation. n Définir des personaes, concevoir n Les couleurs et leurs influences. n Connaître les facteurs clés de les fiches. n Les formes au service Prérequis réussite d’un site. nLa méthode du tri de cartes. de la navigation. n Être à l’aise avec l’ordinateur, maîtriser nLes principales erreurs à éviter. n Brainstorming et six-to-one. n Le graphisme au service Internet et les fonctionnalités des sites Web. 2/ Améliorer l’organisation et n Groupes utilisateurs et A/B de l’ergonomie et de l’UX. Objectifs l’interface testing. 6/ Améliorer l’accessibilité n Évaluer la qualité ergonomique d’un site n Navigation et contrat de lecture. 4/ Optimiser la navigation et la n Tenir compte de la législation n I dentité visuelle et ergonomie : gestion des contenus sur l’accessibilité numérique. Internet. l’importance de la page d’accueil. n Textes/photos : les clés de la n Se conformer aux normes de n Améliorer l’organisation et l’interface d’un n Élaborer une charte de site. navigation. W3C. nOptimiser la navigation. navigation. n Adapter les contenus pour les n Connaître les critères d’évaluation d’un site. Points forts / Moyens pédagogiques personnes malvoyantes. n Formation pratique alternant cas d’entreprises et cas des participants : découverte de l’importance de l’ergonomie par des exemples concrets . n Pédagogie fondée sur le partage d’expériences : les participants sont invités à mettre en œuvre les techniques étudiées. 2 jours(14h présentiel ) Paris 18 nov >19 nov Réf. 6679 25 fév> 26 fév 16 déc >17 déc 1 340 €HT 15avr > 16 avr 38 € ParisHT 13juin >14 juin 17oct> oct18 Concevoir le graphisme d’un site web S’initier au webdesign Pour qui Programme n Savoir reconnaître les tendances 3/ Adapter sa maquette à n Graphiste, webmaster, toute personne 1/ Ergonomie : concevoir une et les styles. l’écran chargée de concevoir la maquette d’un site maquette fonctionnelle n Utiliser un mood board pour n Les formats de maquette Web. n I dentifier les étapes de création définir ses choix graphiques . (horizontal et vertical, fluide ou d’un site web. n Mettre en place des pistes de fixe, responsive). Enjeu : Se perfectionner nS’initierau vocabulaire. recherche. n Travailler vos images pour des n Définir un scénario utilisateur n Paramétrer Photoshop pour le écrans Rétina ou HD. Prérequis (UX). web. n Maîtriser les formats n Avoir suivi "Photoshop - Niveau 1" (réf. 1799) n Structurer l’espace des pages (UI n Adopter une méthodologie de d’enregistrement des images ou avoir une très bonne pratique du logiciel. et zoning). travail. pour le Web (JPEG, GIF, PNG, n Réaliser une maquette n Utiliser les grilles de mise en SVG). Objectifs fonctionnelle dans Photoshop page. 4/ Livrer les bons outils pour les n Concevoir des interfaces attractives et (wireframe). n Équilibrer les rapports texte/ intégrateurs fonctionnelles répondant aux normes de n Concevoir une maquette image. n Wireframe, maquette graphique, production. multi-écran (ordinateur, tablette, n Améliorer la lisibilité guide de styles. n Mettre au point une méthodologie de mobile). typographique. recherche. 2/ Design : réaliser une n Utiliser les différents types de n Acquérir les méthodes et réflexes maquette graphique avec polices pour le Web. professionnels de la conception graphique Photoshop n Choisir des couleurs. pour le Web. Points forts / Moyens pédagogiques n Le+ digital : liste des sites clés de référence pour approfondir ses connaissances. n Acquisition des outils et des méthodes professionnels de la conception graphique pour le Web. n Alternances d’apports conceptuels et d’ateliers pratiques. 2 jours(14h présentiel ) Paris Réf. 8384 14 mars > 15 mars 1 255 €HT 20mai > 21 mai 38 € ParisHT 12 sep >13 sep 17oct> oct18 12nov > 13nov Dans le cadre de notre démarche qualité, nos formations font l’objet d’une évaluation détaillée par les participants : « à J+1 » 28 dès le lendemain de la fin de la formation. Sanction de la formation : à l’issue de la formation, le participant reçoit une attestation. © Cegos 2019