Informatique

Design graphique des interfaces web et mobile

Design graphique des interfaces web et mobile

Réf 4-UX-DGI
Durée 2 jours

Objectifs

Connaître les exigences ergonomiques particulières d’une application Web et mobiles.
Connaître et mettre en œuvre les bonnes pratiques pour la conception d’interfaces.

Infos

Sessions à venir

24 fév-25 fév 2025
06 oct-07 oct 2025

Certifications :

Nous consulter

Programme

Définitions, enjeux et 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" versus "Top-Down"
  • Etudes de terrain quantitatives/qualitatives : entretiens, focus groups, questionnaires
  • Etudes indirectes : analyse contextuelle, critères heuristiques universels, affordance
  • Modélisation des utilisateurs : persona
  • 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

En savoir +

Prérequis

Aucune connaissance particulière n’est requise pour suivre cette formation.

Moyens pédagogiques

Réflexion de groupe et apports théoriques du formateur
Travail d'échange avec les participants sous forme de
Utilisation de cas concrets issus de l'expérience professionnelle
Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
Remise d'un support de cours.

Possibilité de certification

Nous consulter.