Design graphique des interfaces web et mobile

Les sessions de formation ont lieu de 9h00 à 12h30 et de 13h30 à 17h00

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

• Réflexion de groupe et apports théoriques du formateur.
• Travail d’échange avec les apprenants sous forme de réunion – discussion.
• 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.
• Alternance entre apports théoriques et exercices pratiques (en moyenne sur 30 à 50% du temps)

Modalités pédagogiques : Présentiel, Distanciel et AFEST

Toute personne souhaitant acquérir les bons réflexes pour concevoir graphiquement une interface

En formation présentielle

Accueil des apprenants dans une salle dédiée à la formation et équipée avec :

• Ordinateurs
• Vidéo projecteur ou Écran TV interactif
• Tableau blanc ou Paper-Board

En formation distancielle

A l’aide d’un logiciel comme ® Microsoft Teams ou Zoom, un micro et une caméra pour l’apprenant.

• Suivez une formation en temps réel et entièrement à distance. Lors de la session en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur.
• Les formations en distanciel sont organisées en Inter-Entreprise comme en Intra-Entreprise.
• L’accès à l’environnement d’apprentissage (support de cours, ressources formateur, fichiers d’exercices …) ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré.
• Les participants recevront une convocation avec le lien de connexion à la session de formation.
• Pour toute question avant et pendant le parcours, une assistance technique et pédagogique est à disposition par téléphone au 02 35 12 25 55 ou par email à commercial@xxlformation.com

• Positionnement préalable oral ou écrit.
• Feuille de présence signée en demi-journée.
• Evaluation des acquis tout au long de la formation.
• Questionnaire de satisfaction
• Attestation de stage à chaque apprenant
• Evaluation formative tout au long de la formation.
• Evaluation sommative faite par le formateur.

• Nos formateurs sont des experts dans leurs domaines d’intervention
• Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité