Programme des cours 2022-2023
TPIG0001-1  
Travaux pratiques de techniques infographiques
  • Design grilles
  • Design textes
  • Direction artistique pour le Web
  • Human centered design
  • Média Narratif 1
  • UX design
Volume horaire :
Design grilles :
Design textes :
Direction artistique pour le Web :
Human centered design :
Média Narratif 1 :
UX design :
Nombre de crédits :
Bachelier en techniques graphiques, orientation techniques infographiques12
Nom du professeur :
Design grilles : François BOURGAUX
Design textes : François BOURGAUX
Direction artistique pour le Web : Simon DETIENNE
Human centered design : Simon MARCHAL
Média Narratif 1 : Alexandre TOURNAY
UX design : Maude WERA
Référent UE :
François BOURGAUX, Alexandre TOURNAY
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 :
Les thèmes abordés sont?:  

Design grilles 

- Organisation d'espaces finis 

- Organisation d'espaces infinis 

- Les types de grilles 

 

Design textes 

- Macrotypo 

- Microtypo? 

 

Direction artistique pour le Web 

- Qu'est-ce que la direction artistique 

- Design émotionnel 

- Principes de design 

- Lois de la Gestalt 

- Définir une direction artistique dans le cadre d'un projet 

 

Human centered design 

- Travail théorique et pratique autour de l'utilisabilité, de la perception et de de la simplicité. 

- Accepter le fait de ne pas savoir.  
- Mettre en place des méthodes pour comprendre.  
- Transmettre. 

 

Média narratif 1 

Sensibilisation à la réalisation de montages vidéo, sur base d'un contenu textuel/script travaillé au préalable par l'étudiant(e) ou d'un évènement/atelier dans lequel il/elle est impliqué(e) 

 

UX design 

Réflexion et analyse autour de composantes de sites existants afin d'en dégager les forces et faiblesses ergonomiques. Exercices pratiques d'analyse et de prototyping 
Design grilles
Les thèmes abordés sont?:  

- Organisation d'espaces finis 

- Organisation d'espaces infinis 

- Les 4 types de grilles?: 

- grille manuscrite 

- grille en colonne 

- grille modulaire 

- grille hiérarchique 

- La division de l'écran 

- Capital Grid 
Design textes
Les thèmes abordés sont?:  

- Macrotypo?: 

- L'interlignage 

-Titre, sous-titre et paragraphe 

- Marge et espace vertical 

- Microtypo?: 

- Caractères accentués 

- liste 

- ligature 

-etc.... 

- Variable Font 
Direction artistique pour le Web
Les thèmes abordés sont?:  

- Qu'est-ce que la direction artistique 

- Design émotionnel 

- Principes de design 

- Lois de la Gestalt 

- Définir une direction artistique dans le cadre d'un projet 
Human centered design
Travail théorique et pratique autour de l'utilisabilité, de la perception et de la simplicité. Accepter le fait de ne pas savoir. Mettre en place des méthodes pour comprendre. Transmettre.
Média Narratif 1
Sensibilisation à la réalisation de montages vidéo, sur base d'un contenu textuel/script travaillé au préalable par l'étudiant(e) ou d'un évènement/atelier dans lequel il/elle est impliqué(e) 
UX design
Reflexion et analyse autour de composantes de sites existants afin d'en dégager les forces et faiblesses ergonomiques. Exercices pratiques d'analyse et de prototyping
Acquis d'apprentissage (objectifs d'apprentissage) de l'unité d'enseignement :
Au sein de l'UE, les objectifs sont?:  

  • Choisir et utiliser les moyens d'informations et de communication adaptées. 
  • Mener une discussion, argumenter et convaincre de manière constructive.  
  • Utiliser le vocabulaire adéquat. 
  • Présenter des prototypes de solution et d'application techniques.  
  • Élaborer une méthodologie de travail.  
  • Planifier des activités.  
  • Analyser une situation donnée sous ses aspects techniques et scientifiques.  
  • Rechercher et utiliser les ressources adéquates.  
  • Proposer des solutions qui tiennent compte des contraintes.  
  • Structurer et analyser la communication.  
  • Définir les étapes, éléments et les outils graphiques et informatiques nécessaires à la réalisation de ceux-ci.  
  • Prendre en compte les contraintes liées à l'utilisation d'un média interactif (ergonomie, accessibilité, caractéristique du public cible, ...)  
  • Finaliser le visuel en fonction des contraintes (diffusion et visualisation)  
Design grilles
Au terme de l'AA, l'étudiant-e est capable de?:      

- Comment placer un ensemble de texte dans un écran au format infini et y associer des éléments visuels. 

 

Au sein de l'AA, les objectifs sont?:  

- Composer une grille et la décliner pour différents types d'écrans. 
Design textes
Au terme de l'AA, l'étudiant-e est capable de?:      

- Composer des blocs de textes lisibles et rythmer un ensemble d'informations textuelles selon une hiérarchie appropriée. 

 

Au sein de l'AA, les objectifs sont?:  

- La mise en forme d'un simple paragraphe à l'élaboration d'une hiérarchie correctement rythmée. Les grands principes de base de la ponctuation, des listes, des citations, des chiffres et des ligatures. 
Direction artistique pour le Web
Au terme de l'AA, l'étudiant-e est capable de?:      

- Défendre des décisions en rapport avec une direction artistique prise 

- Se servir de principes de design pour résoudre des problèmes visuels 

- Se servir de principes de design pour raconter et appuyer une histoire/une expérience 

- Analyser et comprendre les émotions des utilisateurs déclenchées par l'expérience 
Human centered design
Comprendre l'humain pour penser et créer des interfaces accessibles. 

En acquérant des capacités, en se posant les bonnes questions, en se construisant, et ainsi contribuer au bien être commun. 
Média Narratif 1
Importer, monter et travailler la cohérence d'une vidéo composée de plusieurs plans. 

Au sein de l'AA, les objectifs sont?:  

Exercer la pratique du montage vidéo. 
UX design
Au terme de l'AA, l'étudiant-e est capable de?:      

comprendre les besoins et attentes des utilisateurs sur un projet donné, mettre en place des propositions de structuration de contenus afin de proposer une interface pertinente au regard de ces besoins/attentes, réaliser des maquettes ergonomiques permettant de réaliser des tests utilisateurs, mettre en place une direction graphique qui respecte et amplifie les besoins ergonomique du projet via une bonne hiérarchie de l'information, les contrastes et une interface qui a de l'impact. 

Au sein de l'AA, les objectifs sont?:  

Développer l'esprit critique et analytique, mieux comprendre les mécanismes de l'ergonomie (UX design) par le biais de la veille numérique afin de pouvoir identifier de bonnes pratiques actuelles à mettre en place dans des projets à venir. 

Nous aborderons également le design par l'expérimentation de techniques et aborderons des méthodes permettant de faire émerger une direction graphique incarnée. 
Savoirs et compétences prérequis :
Human centered design
être humain 
Activités d'apprentissage prévues et méthodes d'enseignement :
AA1= Design grilles 

AA2= Design textes 

AA3= Direction artistique pour le Web 

AA4= Human centered design 

AA5= Média narratif 1 

AA6= UX design 

 

Méthodes d'enseignement?:  Voir EP des AA 
Design grilles
Cours en présentiel et/ou distanciel 

Observation de pratiques 

Travaux de groupe en autonomie 

Travaux individuels pratiques  

Travaux individuels en autonomie 
Design textes
?Cours en présentiel et/ou distanciel 

Observation de pratiques 

Travaux individuels pratiques  

Travaux individuels en autonomie 
Direction artistique pour le Web
?Cours en présentiel et/ou distanciel 

Travaux individuels pratiques  

Travaux individuels dirigés  
Human centered design
Cours en présentiel et/ou distanciel 

Observation de pratiques 

Résolution de problèmes 

Travaux de groupe pratiques 

Travaux de groupe en autonomie 

Travaux de groupe dirigés 

Ateliers 

Travaux individuels pratiques  

Travaux individuels en autonomie 

Travaux individuels dirigés  

Observations de terrain 

Classe inversée 
Média Narratif 1
?Cours en présentiel et/ou distanciel 

Travaux de groupe pratiques 

Travaux de groupe en autonomie 
UX design
Cours en présentiel et/ou distanciel 

Travaux de groupe pratiques 

Travaux de groupe en autonomie 

Ateliers 

Travaux individuels pratiques  

Travaux individuels en autonomie 
Mode d'enseignement (présentiel, à distance, hybride) :
Voir EP AA 
Design grilles
Enseignement hybride

Présence de l'enseignant partielle
Design textes
Enseignement hybride

Présence de l'enseignant partielle
Direction artistique pour le Web
Enseignement en présentiel

Présence de l'enseignant totale
Human centered design
Enseignement hybride

Présence de l'enseignant partielle
Média Narratif 1
?Enseignement en présentiel 

Enseignement hybride 

Présence de l'enseignant totale
UX design
Enseignement hybride

Présence de l'enseignant partielle 
Lectures recommandées ou obligatoires et notes de cours :
Voir EP AA 
Design grilles
Emil Ruder - Typography: A Manual of Design

Josef Mu¨ller-Brockmann - Grid systems

Slides au format PDF sur Team dans l'onglet Fichiers du canal du cours
Design textes
Lectures recommandées?: 

- Stop Stealing Sheep & Find Out How Type Works - Erik Spiekermann 

- Shaping Text: Type, Typography and the Reader - Jan Middendorp 

- Better Web Typography for a Better Web - Matej Latin 

- Web Typography - Richard Rutter 

Support de cours?:  

- Slides au format PDF sur Team dans l'onglet Fichiers du canal du cours. 
Direction artistique pour le Web
   
Human centered design
Lectures recommandées?: 

Articles sur Nielsen Norman Group, UX Collective Editors, A List Apart,Smashing Magazine 

Lectures obligatoires?:  

Groupe Teams DWT, mails HEAJ 

Support de cours?:  

PDF sur Teams dans l'onglet "Fichiers" 
Média Narratif 1
Groupe Teams DWT, mails HEAJ
UX design
Teams HEAJ, extranet, Doodle, google drive ...
Modalités d'évaluation et critères :
Présentiel? 

Teams? 

Remise de travaux + oral?

Epreuve intégrée 100% 

Remise de travaux + oral

Evaluation identique d'une session à l'autre
Design grilles
Epreuve intégrée

Evaluation identique d'une session à l'autre
Design textes
Epreuve intégrée
Direction artistique pour le Web
Epreuve intégrée
Human centered design
Epreuve intégrée
Média Narratif 1
Epreuve intégrée
UX design
Epreuve intégrée
Stage(s) :
Remarques organisationnelles :
Enseignement en horaire de jour
Contacts :
francois.bourgaux@heaj.be  
Design grilles
Privilégiez la conversation Teams
Si nécessaire mais moins rapide, un email: francois.bourgaux@heaj.be
Design textes
Privilégiez la conversation Teams
Si nécessaire mais moins rapide, un email: francois.bourgaux@heaj.be
Direction artistique pour le Web
simon.detienne@heaj.be
Human centered design
simon.marchal@heaj.be
Média Narratif 1
alexandre.tournay@heaj.be
UX design
maude.wera@heaj.be