Study Programmes 2026-2027
WARNING : 2025-2026 version of the course specifications
WEBD5000-1  
Web et UX Design
Volume horaire :
Number of credits :
Bachelor's degree : Computer graphics6
Lecturer :
Melih SELAMET
Référent UE :
Melih SELAMET
Language(s) of instruction :
French language
Organisation and examination :
Teaching in the first semester, review in January
Units courses prerequisite and corequisite :
Prerequisite or corequisite units are presented within each program
Learning unit contents :
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
Learning outcomes of the learning unit :
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).
Prerequisite knowledge and skills :
Planned learning activities and teaching methods :
Ateliers en situation réelle fondés sur une approche socio-constructiviste et la pratique des outils Figma.
Mode of delivery (face to face, distance learning, hybrid learning) :
Présentiel
Recommended or required readings :
Assessment methods and criteria :
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é
Work placement(s) :
Organizational remarks :
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