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 n Dé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 & n Responsable marketing digital. de l’UX design� n I ntégrer lesnotions de repérage, videos� n Toute personne amené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� n La 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 sitesWeb. 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 conform � n Améliorer l’organisation et l’interface d’un n Élaborer une charte de er aux normes de site. navigation� W3C� n Optimiser 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� 2jours (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 13 juin >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 n S’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 Mete au point une méthodologie detr 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� 2jours (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 » 844 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