Design Web - Table des matières et planning du cours

2 février 2026

• Présentation de l’enseignant
• Présentation des cours de l’orientation Web à la HEPL
• Énumération des thèmes du cours :
  • L’expérience utilisateur
  • L’accessibilité
  • L’optimisation & les performances
  • Les outils, les workflows
  • Le design graphique et émotionnel
  • Culture du Web
  • Les métiers du Web
• 10 principes pour du bon design selon Dieter Rams
• Dynamicland
• Le PDF

9 février 2026

• Application de cette conception au Numérique
• Différentes conceptions du design : UXD/UID
• Ergonomie Web ? Contextuelle et ≠ bon sens
• Utilité, Utilisabilité, normes et définitions
• Awwwards
• UserOnBoard
• LittleBigDetails
• Dribbble
• Compétences informatiques dans l’OCDE
• Norme Iso
• Alain Wisner
• Amélie Boucher
• La vieille – 2014 – vidéo sur Google Analytics de Nicolas Laruelle
• Le PDF

16 février 2026

• Illustration de quelques idées reçues présentes dans le domaine du design Web
• Loi de la proximité
• Archives du numérique
• Codepen
• Le PDF

02 mars 2026

• Loi de similarité
• Loi de Fitts
• Affordance
• Loi de Hick
• Principe de Pareto
• Basecamp
• Codepen
• Le PDF

09 mars 2026

• Architecture
• Organisation visuelle de la page
• Le PDF

16 mars 2026

• Cohérence interne
• Cohérence externe
• Information
• Le PDF

23 mars 2026

• Information
• Compréhension
• Assistance
• Gérer les erreurs
• Le PDF
• Le site qui a refusé de marcher lors du cours

30 mars 2026

• Rapidité
• Liberté
• Satisfaction
• Besoin
• Le PDF

13 avril 2026

• Accessibilité
• Standards du web
• Référencement
• Enjeux
• Handicap
• Cadre
• Normes
• Le PDF

20 avril 2026

• Les points importants
• Pratiques
• WAI-ARIA
• Mesurer
• Le PDF

11 mai 2026

• Optimisation et performances
• Importance de la vitesse
• Outils de mesure
• Précautions backend
• Cycle requête / réponse
• Caches
• Précautions frontend

Rappel de la matière pour l'examen

• Cours oral
• Livre d'Amélie Boucher
• WCAG 2.2
• 15 critères du Quickscan Anysurfer

Quelques liens incontournables

• Access42
• AnySurfer
• WebAIM
• W3C
• WAI
• WAI-ARIA
• WCAG
• Contrast Ratio
• Contrast Checker
• Opquast
• Principes de conception inclusive
• Composants Inclusifs
• A List Apart
• Smashing Magazine
• CSS Tricks
• Alsacreations
• Openweb
• Hteumeuleu
• Codrops
• Form Patterns
• Inclusive components

Liens divers

• Statistiques sur l’accessibilité du web en 2023 aux États-Unis
• Bien débuter en référencement naturel
• Macrotypographie de la page Web
• 10 principes pour un bon design
• Portfolio de Dylan Jacquet
• Dynamic land
• Technologies les plus utilisées

Entreprises (sélection)

• whitecube
• noomia
• oanna
• lws
• djm
• epic
• la niche
• deuse
• afelio
• produweb
• fotostudio
• globulebleu