Programme des cours 2026-2027
ATTENTION : version 2025-2026 de l'engagement pédagogique
WEBD5000-1  
Web et UX Design
Volume horaire :
Nombre de crédits :
Bachelier en techniques graphiques, orientation techniques infographiques6
Nom du professeur :
Melih SELAMET
Référent UE :
Melih SELAMET
Langue(s) de l'unité d'enseignement :
Langue française
Organisation et évaluation :
Enseignement au premier quadrimestre, examen en janvier
Unités d'enseignement prérequises et corequises :
Les unités prérequises ou corequises sont présentées au sein de chaque programme
Contenus de l'unité d'enseignement :
Ce cours introduit les principes de conception d'interfaces web centrées sur l'utilisateur. Les étudiant.es découvrent les bases de l'architecture de l'information, du prototypage et de l'expérience utilisateur (UX). Ils apprennent à concevoir des interfaces claires, accessibles et efficaces, tout en intégrant des considérations d'éco-conception et d'accessibilité numérique. Le cours alterne théorie, analyse de cas et création de prototypes interactifs.

* Concevoir des interfaces web fonctionnelles et ergonomiques

* Appliquer les principes de l'expérience utilisateur

* Réaliser des prototypes d'interfaces numériques
Acquis d'apprentissage (objectifs d'apprentissage) de l'unité d'enseignement :
1. Fondamentaux & culture ergonomique
  • Différencier les champs d'intervention, objectifs et complémentarités de l'UX et de l'UI au sein d'un projet interactif.

  • Mobiliser les grands principes ergonomiques et lois de l'interaction (loi de Fitts, loi de Hick, heuristiques de Nielsen) pour évaluer ou orienter un choix de conception.

  • Intégrer les exigences de base en matière d'accessibilité numérique (contrastes, lisibilité, repères de navigation).

2. Démarche et méthodologie UX étape par étape
  • Analyser un besoin utilisateur à l'aide d'outils de synthèse de recherche (personas, cartes d'expérience / journey maps, scénarios d'usage).

  • Modéliser l'architecture de l'information et les flux logiques d'un service (user flows, arborescence).

  • Itérer à travers le prototypage basse fidélité (sketches, wireframes) afin de valider l'ergonomie structurelle avant la phase visuelle.

  • Évaluer la pertinence d'une interface par des tests d'utilisabilité simples et des grilles d'audit critique.

3. Direction visuelle UI et production sur Figma
  • Décliner une identité graphique cohérente sur écran (rythme visuel, échelles typographiques, harmonies colorimétriques, gestion des espacements).

  • Construire un système de conception modulaire sous Figma en exploitant l'Auto Layout, les composants maîtres, les variantes et les variables de style.

  • Scénariser des prototypes interactifs haute fidélité (micro-interactions, transitions de pages, états dynamiques) fidèles au comportement attendu en production.

  • Structurer les fichiers sources de manière rigoureuse pour garantir la collaboration d'équipe et faciliter l'intégration technique (dev handoff).
Savoirs et compétences prérequis :
Activités d'apprentissage prévues et méthodes d'enseignement :
Ateliers en situation réelle fondés sur une approche socio-constructiviste et la pratique des outils Figma.
Mode d'enseignement (présentiel, à distance, hybride) :
Présentiel
Lectures recommandées ou obligatoires et notes de cours :
Modalités d'évaluation et critères :
Organisation de l'évaluation:

Remise de travaux, épreuve pratique

Type d'évaluation: Épreuve intégrée

Epreuve pour l'UE avec travail journalier AA 80% TJ 20%

En cas de suspicion de recours à une intelligence artificielle non autorisée par les consignes de l'évaluation, l'équipe pédagogique peut convoquer l'étudiant-e à un entretien afin de vérifier que le travail remis reflète bien ses propres acquis. Cet entretien peut, par exemple, prendre la forme de questions sur la démarche suivie, d'une défense orale portant sur la maîtrise du sujet, d'un exercice pratique complémentaire, de la reprise d'une partie du travail, etc. Si l'entretien ne permet pas d'établir que l'étudiant-e maîtrise le travail remis, les dispositions pré
Stage(s) :
Remarques organisationnelles :
Implantation :

 Namur

Organisation horaire de la formation :

enseignement en horaire décalé

Organisation horaire de l'UE :

Voir hyperplanning : https://heaj-2627.pronote-campus.net/hp/
Contacts :
melih.selamet@heaj.be