2024-2025

Avenue Victor Maistriau 8a
7000 Mons

Fiche ects de l'unité d'enseignement #3607 intitulée :

Design web 3

Bachelier en Techniques Graphiques orientation Techniques infographiques - Bloc 3
- Option Design et développement web

Informations

Responsable d'UE : Manuel DUBRAY

Bloc : IFG3

Période : 1^er quadrimestre

Durée : 42 h

Crédits : 4 ects

UE Prérequises :

Design web 2

UE Corequises : aucune

Activité d'apprentissage (AA)

Design web 3 : 42 h, Manuel DUBRAY

Connaissances et compétences préalables

Design web 1
Design web 2

Contribution aux objectifs de développement durable

Objectif 1 : Éliminer la pauvreté sous toutes ses formes et partout dans le monde

1.4 D’ici à 2030, faire en sorte que tous les hommes et les femmes, en particulier les pauvres et les personnes vulnérables, aient les mêmes droits aux ressources économiques et qu’ils aient accès aux services de base, à la propriété et au contrôle des terres et à d’autres formes de propriété, à l’héritage et aux ressources naturelles et à des nouvelles technologies et des services financiers adéquats, y compris la microfinance.

Objectif 9 : Bâtir une infrastructure résiliente, promouvoir une industrialisation durable qui profite à tous et encourager l’innovation

9.c Accroître nettement l’accès aux technologies de l’information et de la communication et faire en sorte que tous les habitants des pays les moins avancés aient accès à Internet à un coût abordable d’ici à 2020.

Objectif 13 : Prendre d’urgence des mesures pour lutter contre les changements climatiques et leurs répercussions

13.3 Améliorer l’éducation, la sensibilisation et les capacités individuelles et institutionnelles en ce qui concerne l’adaptation aux changements climatiques, l’atténuation de leurs effets et la réduction de leur impact et les systèmes d’alerte rapide.

Contribution aux objectifs du référentiel de compétences de l'ARES

Communiquer et informer
- Présenter des prototypes de solution et d’application techniques
Collaborer à la conception, à l’amélioration et au développement de projets techniques
- Proposer des solutions qui tiennent compte des contraintes
Développer sa créativité
- Produire une communication graphique originale et innovante dans le respect des droits d’auteurs
- Observer et Analyser des « oeuvres » graphiques existantes
- Se différencier
Maîtriser les outils informatiques
- Utiliser efficacement les environnements et systèmes d’exploitations informatiques spécifiques à l’infographie
- Produire et traiter des images
Concevoir et réaliser une communication interactive
- Structurer et analyser la communication
- Définir les étapes, éléments et les outils graphiques et informatiques nécessaires à la réalisation de celle-ci
- Prendre en compte les contraintes liées à l’utilisation d’un média interactif (ergonomie, accessibilité, caractéristique du public cible, …)

Acquis d'apprentissage spécifiques

Connaître les règles de mises en page d'applications web mobiles
Savoir appliquer les règles de créations de wireframing et de storytelling
Percevoir et analyser les nouvelles tendances en terme de mises en page d'applications web mobiles
Créer et concevoir des designs d'applications web mobiles complexes
Perfectionner les notions théoriques des technologies ADOBE XD
Créer et concevoir des prototypes complexes d'applications web mobiles à l'aide à ADOBE XD

Contenu de l'AA

Théorie/exercices

Théorie sur les spécificités du design tactile
ADOBE XD : exercices pratiques

Atelier de Design web / Com

Suite aux cours de "Design web 3" et "Communication 3", les étudiants mettront en application leurs apprentissages à travers un projet concret de communication digitale et de conception de design UX en utilisant la technologie ADOBE XD. Ce travail se déroulera en groupes, les étudiant répondront à un cahier des charges précis reprenant la réflexion de communication autour d'une campagne de publicité et la création graphique d'un site mobile.

Répartition des heures

8 h de théorie, 12 h d'exercices/Labos, 22 h de travaux

Méthodes d'enseignement

Cours magistral, approche par projets, approche par situation problème, étude de cas, utilisation de logiciels

Langues d'enseignement

Français, anglais

Supports

Notes de cours, protocoles de laboratoires, Cours en ligne

Ressources bibliographiques

Notes de cours en ligne

"Mobile first", Luke Wroblewski, A Book Apart, 2013
"Design for real life", Eric Meyer & Sara Wachter-Boettcher, A Book Apart, 2016
"Responsive design patterns", Ethan Marcotte, A Book Apart, 2015
"Design tactile", Josh Clark, A Book Apart, 2015
"Design web responsive et responsable", Scott Jehl, A Book Apart, 2014
http://xd.adobe.com

Évaluation et pondération

Méthode d'évaluation : note globale à l'UE

Langues d'évaluation : français