UX Design - Publication digitale

Web Design    800 € HT

Objectifs

Acquérir les fondamentaux de l’ergonomie et de l’UX Design pour optimiser vos publications Web

À l'issue de la formation, le stagiaire sera capable de :

  • Intégrer l'ergonomie et l'UX Design dans les processus de conception Web
  • Appréhender les normes et techniques pour améliorer la qualité des interfaces
  • Modéliser les utilisateurs et les tâches liées à une application Web pour adapter son IHM

Methodes et outils pédagogiques

  • Alternance exposés théoriques et exercices pratiques (80% pratique)
  • Support de cours 

Evaluation

  • Tout au long de la formation, exercices pratiques permettant au formateur la validation des acquis et des compétences

Public concerné

WebMasters, graphistes concepteurs Web

Pré-requis

Aucune connaissance requise particulière

2 jours
Prochaine session

Nous consulter

Définitions, enjeux & principes

  • De l'ergonomie à l'UX Design
  • Rôle et intégration dans le cycle de développement
  • Mesures de performances (KPI) et retour sur investissement (ROI)
  • Présentation de la norme ISO 9241
  • Techniques d'ergonomie

Les spécificités du Web

  • Contextes et usages : digitalisation, mobilité, accessibilité
  • Aspects fonctionnels : sites, pages, hyperliens, multimédia, animations
  • Aspects stratégiques : marketing digital, « Customer Journey », référencement naturel (SEO), réseaux sociaux
  • Tendances actuelles : Material design, responsive design, design émotionnel, gamification

Le design centré utilisateur

  • Facteurs humains : ergonomie physique, sociologique et psychologique
  • Approches ergonomiques « Bottom-Up » vs « Top-Down »
  • Etudes de terrain quantitatives/qualitatives : entretiens, focus groups…
  • Etudes indirectes : analyse contextuelle, critères heuristiques universels…
  • Modélisation des utilisateurs : personae
  • Modélisation de la tâche : arbre des tâches, MAD, cartes mentales

Concevoir ou corriger les IHM Web

  • Structuration du contenu : tri de cartes, zoning, storyboard
  • Maquettage basse/moyenne/haute-fidélité : Balsamiq, Axure, Photoshop
  • Prototypage dynamique : HTML, CSS, Javascript
  • Spécifications fonctionnelles
  • Design pour smartphones et tablettes : mobile-First, design fluide/adaptatif, amélioration progressive

Evaluer les IHM Web

  • L'évaluation en ergonomie de conception / correction
  • Audit expert : grilles d'évaluation Web
  • Tests utilisateurs : Guerilla/Remote/Lab Usability Testing
  • Recueil de données directes : questionnaire post-test, évocation, Eye Tracking
  • Recueil de données indirectes : A/B Testing, Web Analytics.