UX/UI, Ergonomie et Webdesign

UX design et ergonomie des sites Web

21 heures 0 mins

UX/UI, Ergonomie et Webdesign

Objectifs de la formation

  • Comprendre le vocabulaire et les concepts clés de l’ergonomie et de l’UX design
  • Évaluer un site web dans une démarche centrée utilisateur
  • Appréhender les normes et techniques existantes pour améliorer la qualité des interfaces
  • Modéliser les utilisateurs et les tâches liées à une application Web pour adapter son IHM
  • Effectuer l’audit qualité d’une interface Web selon des critères ergonomiques spécifiques
  • Mettre en œuvre une démarche d’amélioration continue face aux évolutions techniques, sociétales et réglementaires

Programme de la formation

Définitions, enjeux et principes

  • La psychologie cognitive, le fonctionnement cognitif, la mémorisation et l’apprentissage.
  • Ergonomie et UX. Définition de Don Norman.
  • Rôle et intégration dans le cycle de développement.
  • Mesures de performances (KPI) et retour sur investissement (ROI).
  • Lois et principes en ergonomie : Fitts, Hick-Hyman, Miller, Doherty, etc.
  • Les grandes figures du monde de l’ergonomie et UX.
  • Techniques d’ergonomie.

Exemple

Présentation de produits à faible ergonomie. Calcul de ROI.

La modélisation des utilisateurs

  • Recueil d’informations : entretiens, étude contextuelle, observation utilisateurs, questionnaires…
  • Recueil d’informations : focus groups,tri de cartes…
  • Recueil de données : A/B Testing, Eye and Mouse Tracking, Web Analytics.
  • Différences avec les études marketing.
  • Les livrables : persona, experience map, arbre des tâches, cartes mentales.

Travaux pratiques

Identifier les personas d’une application Web et leurs tâches principales. Conception d’un persona.

Le maquettage

  • Distinguer prototypage horizontal et vertical, portail et application.
  • Classification des parcours utilisateur (principaux, secondaires).
  • Les niveaux de maquettage : basse/moyenne/haute-fidélité. L’intérêt du wireframe, du papier, des thèmes.
  • Technique du « mobile first », « responsive/adaptive design ».
  • Présentation du User Centered Design : maximisation du feed-back utilisateur.
  • Intégration du graphisme, aspect esthétiques et hédoniques, gestion des émotions, gamification.
  • Philosophies de design : « material design, minimalist design, skewmorphism », etc.
  • Logiciels : Figma, Adobe XD, Balsamiq, Axure… Heuristiques : widgets, layout, verticalisation des interfaces.

Travaux pratiques

Maquetter les écrans d’une application Web d’après un cahier des charges.

Evaluer les IHM Web

  • Recueil de données directes : questionnaire post-test, évocation, Eye Tracking.
  • L’évaluation en ergonomie de conception/correction.
  • Audit expert : grilles d’évaluation Web.
  • Critères de Bastien Scapin.
  • Heuristiques de Jakob Nielsen.
  • Lois de Gestalt.

Travaux pratiques

Audit d’une interface Web existante.

Les tests utilisateur

  • Description d’un protocole de test utilisateur.
  • Recrutement des utilisateurs.
  • Déroulé du test et debriefing, lieux et timing.
  • Les types de tests : Guerilla/Remote/Lab Usability Testing.
  • Les pratiques à éviter.
  • Les questionnaires d’évaluation.
  • Livrables et KPI.

Travaux pratiques

Réalisation d’un test utilisateur sur une application web avec débriefing et livrables.

Les spécificités du Web

  • Contextes et usages : digitalisation, mobilité, accessibilité.
  • Aspects fonctionnels : sites, pages, hyperliens, multimédia, animations.
  • Webographie, Bibliographie.

Démonstration

Illustrations tout au long de la formation sur des sites Web actuels.

MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS

Modalités pédagogiques :

  • Évaluation des besoins et du profil des participants.
  • Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
  • Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
  • Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.
  • Méthodes expositive, active et participative.
  • Réflexion et échanges sur cas pratiques.
  • Retours d'expériences.
  • Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.

Éléments matériels :

  • Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
  • Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.

Référent pédagogique et formateur :

  • Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
  • Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.
MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS
  • Feuilles de présences signées des participants et du formateur par demi-journée.
  • Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.
Please login to get access to the quiz
UX design et ergonomie pour tablettes et smartphones (Prev Lesson)
(Next Lesson) Adobe XD, concevoir l’expérience utilisateur
Back to UX/UI, Ergonomie et Webdesign
Public

Webmasters, webdesigners, chefs de projet digitaux, graphistes, concepteurs de sites Web, UX designers.

Pré-requis

Avoir une bonne connaissance de l'outil informatique et d'Internet.

Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en effectuant le test disponible en bas de cette page.

Lieu de formation

Intra-entreprise/à distance

Dates ou période

À définir. Nous consulter

Tarif

Sur devis. Merci de nous contacter

Modalités

Pour s’inscrire à notre formation, veuillez nous contacter par mail ou téléphone.

Démarrage de la formation sous deux semaines (délai indicatif).

Nous contacer
training@profind.fr
Informations complémentaires

Pour toute réclamation, aléas ou difficultés rencontrés pendant la formation, veuillez prendre contact avec notre organisme par téléphone ou par e-mail. Nous mettrons tout en œuvre pour trouver une solution adapter.

Formation synchrone, réalisée à distance en visioconférence via l’application Microsoft Teams ou en présentiel dans les locaux du client.

Sur le même thème