But:

Ce cours a pour objectif d’initier nos étudiants aux bases du design d’interface selon les supports-écrans. Ils doivent avoir un aperçu de l’ensemble du domaine qui le compose. Nos apprenti-es ont un cours théorique en grammaire graphique et de couleur en même temps.

Mode d’enseignement:

Le cours est dispensé sous forme de théorie accompagnée de petits exercices de recherche et d’analyse (ex. 30 minutes de théorie et 60 minutes d’exercice). Il ne faut en aucun cas faire un projet qui se déroule sur l’ensemble du semestre.

Objectifs, compétences:

(L’étudiant est capable de:):

• Décrire l’évolution du web.
• Décrire l’hétérogénéité des supports médias et leurs applications.
• Différencier les spécialisations relatives aux médias numériques.
• Différencier les divers logiciels.
• Analyser la typologie d’une interface.
• Analyser et établir une hiérarchie d’interface.
• Formuler des concepts d’interface interactive.
• Concevoir le design d’une interface et ses variantes.
• Choisir les divers supports et plateformes adéquats.
• Créer une grille de mise en page.
• Utiliser les codes de composition et de typographie.
• Observer le comportement d’un utilisateur face à une interface.
• Noter les observations.
• Décrire les tenants et aboutissants d’une interaction.
• Utiliser les divers programmes de création d’interfaces du marché.
• Choisir les médias appropriés (images, vidéos, etc.)

Exemple d’exercice:

Analyser la structure hiérarchique d’un site et définir une nouvelle hiérarchie. Concevoir le design d’une page web sous forme de wireframe, et réaliser des variantes pour divers support. Expérimenter et commenter une interface.

Précision remise de notes

Ce cours EP recoupe deux matières: Concept (EPMICO) et Production (EPMIPO).

Il est nécessaire d’attribuer 3 notes dans chacune de ces matières.

Veuillez consulter les indications pour les cours à deux matières.

Annexe:

Design-écran, UI, UX 1

Référence au plan de formation:

• 1 / 1.1 / 1.1.8 / 1.4 / 1.4.3 /
• 2 / 2.1 / 2.1.1 / 2.1.2 / 2.1.3 / 2.2 / 2.2.1 / 2.2.2 / 2.2.3 / 2.2.4 / 2.2.5 / 2.2.6 / 2.2.7 /
• 3 / 3.2 / 3.2.1 / 3.3 / 3.4 / 3.5 /