CFI Atlantique

Logo CFI Atlantique

Centre de Formation Informatique

Nantes / Saint-Sébastien-sur-Loire

02 40 34 59 64

Mise à jour le 28 juillet 2022

Ergonomie & design web

Durée : 5 jours (35 heures)
PROCHAINES SESSIONS :
Les 28-29-30 septembre et 3-4 octobre 2022
Les 05-06 et 09-10-11 janvier 2023
Les 20-21-22-23-24 mars 2023
Les 05-06-07-08-09 juin 2023
Autres dates possibles en INTRA (au CFI Atlantique ou dans vos locaux)

Objectifs de la formation

  • Concevoir des chartes graphiques pour site Internet

Contenu de la formation

INTRODUCTION À L’ERGONOMIE

Définitions et objectifs

  • Interface Homme-Machine (IHM)
  • Perception, cognition, utilisabilité
  • User Experience (UX), flow

Idées reçues

  • Les 3 clics, ma grand-mère, le scroll…

Centré utilisateur : l’être humain

  • Théories de la Gestalt
  • Loi de Fitts – Nombre de Miller / Loi de Hick
  • Affordance – Visibilité et lisibilité

DÉMARCHE ERGONOMIQUE

Les 5 plans

  • De la stratégie à la réalisation

Stratégie

  • Objectifs
  • Personas
  • Analyse concurrentielle

Spécifications fonctionnelles et stratégie de contenu
Interactions et architecture de l’information

  • Attentes de l’internaute
  • Différentes navigations
  • Architecture : lister, regrouper, structurer
  • Plan du site

Design d’information – Design de navigation et d’interface

  • Lecture et écriture sur le Web
  • Zoning : vue d’ensemble
  • Wireframes : les écrans en détail
  • Grid design : une grille pour structurer spatialement
  • Responsive design (adaptatif) : internautes, tablonautes et mobinautes
  • Outils de wireframes et prototypage (Balsamiq, Axure, Illustrator…)

Design visuel

  • Tendances – Composants d’interface

Tests utilisateurs

  • Eyetracking, Mémorisation, Heatmap, Capture vidéo, Analyse du parcours

Public visé

Webmasters, webdesigners, intégrateurs Web, graphistes…
• Salariés
• Entreprises
• Demandeurs d’emploi
• Particuliers

Pré-requis

Pratique du Web et des outils bureautiques.
Connaissance du HTML et CSS.

Modalités avant formation

Questionnaire de positionnement et/ou entretien individuel pour prendre en compte le projet, évaluer les acquis, les besoins et construire le plan de formation.

Moyens, méthodes et outils

• 1 PC/personne – 1 vidéoprojecteur
• Logiciels : OUTILS EN LIGNE, ADOBE PHOTOSHOP, ADOBE XD, BALSAMIQ
• Pédagogie progressive. Alternance entre apports théoriques et exercices d’application simples
• Intervenants professionnels de plus 15 ans d’expérience

Suivi et Évaluation

• Exercices de validation en continu pendant la formation
• Étude de cas en fin de formation
• Évaluation de satisfaction
• Certification : nous consulter
• Résultats aux examens et certifications

Fin de formation

• Émargement journée
• Support de formation en PDF
• Attestation de fin de formation
• Bilan formateur

Tarif session inter-entreprises : à partir de 50 € / jour / personne

  • Demandeur d’emploi : nous consulter
  • Formation intra ou de groupe : nous consulter
  • Tarifs dégressifs possibles en fonction du nombre de jours sur le plan de formation

Formations complémentaires

  • WORDPRESS : Initiation // 3 jours (21h)
  • WORDPRESS : Perfectionnement > Le CSS // 2 jours (14h)
  • WORDPRESS : Perfectionnement > Les thèmes // 3 jours (21h)
  • WORDPRESS : Perfectionnement > WooCommerce // 2 jours (14h)
  • PRESTASHOP : Boutique en ligne // 3 jours (21h)
  • Gestion de projet WEB // 2 jours (14h)
  • HTML 5 et CSS 3 : Initiation // 5 jours (35h)
  • HTML 5 et CSS 3 : Perfectionnement // 2 jours (14h)
  • HTML 5 et CSS 3 : Structuration // 2 jours (14h)