Design de l’interface utilisateur UI et de l’expérience utilisateur UX

Cours du programme

• Stratégies favorisant la réussite des étudiants [SSS4]

  • Ce cours présente à l’étudiant des techniques et notions visant à l’aider à connaître la réussite sur le plan personnel, scolaire et professionnel.

• Introduction au design de l'expérience utilisateur [UIUX100]

  • Le design de l'expérience utilisateur est un processus visant à améliorer la satisfaction des clients en connaissant leurs besoins, en convertissant leurs besoins et leurs commentaires en produits utilisables et accessibles. Le design de l'expérience utilisateur est un processus itératif, collaboratif, expérimental et créatif visant à atteindre les objectifs des utilisateurs et de l'entreprise. Dans ce cours, l’étudiant apprend le design et la recherche UX et UI et comment appliquer le processus de design centré sur l'utilisateur pour créer des produits numériques utilisables et accessibles. L’étudiant travaille sur un projet de design UX en faisant preuve d'empathie avec les utilisateurs, en analysant leurs besoins et leurs irritants, en concevant des idées, en réalisant des prototypes et en préparant un rapport de test d'utilisabilité. En outre, l’étudiant est initié aux systèmes de design et à l'accessibilité numérique.

• Recherche et stratégie UX [UIUX110]

  • Afin de fournir une expérience utilisateur agréable, utilisable, accessible et satisfaisante, il est essentiel de comprendre les besoins, les irritants, les attentes, les comportements et les modèles mentaux des utilisateurs. La compréhension et l'application des méthodes de recherche UX aident à se rapprocher des utilisateurs et à comprendre leurs besoins et leurs irritants. Dans ce cours, l’étudiant apprend diverses méthodes de recherche qualitatives et quantitatives, y compris les entrevues, les enquêtes, les groupes de discussion, l'analyse de la concurrence et les visites cognitives. L’étudiant y analyse les résultats de la recherche et prépare des scénarios, des cartes de parcours client et des cartes d'affinité. Plus tard, l’étudiant définit les besoins et développe les maquettes fonctionnelles et les prototypes d'un produit numérique.

• Architecture de l'information [UIUX120]

  • Tout site Web ou application devrait avoir une structure de navigation et de contenu utilisable, repérable et accessible pour permettre aux utilisateurs de naviguer sur le site Web, de trouver et d'accomplir la tâche souhaitée efficacement et facilement. L'architecture de l'information est la combinaison des systèmes d'organisation, d'étiquetage, de recherche et de navigation. Ce cours permet à l’étudiant de comprendre le public cible, les besoins des utilisateurs, l'évaluation du système de navigation et de contenu du produit actuel et de produire des produits livrables en matière d'architecture de l'information, notamment des plans de site, des flux d'utilisateurs et des schémas de câblage. L’étudiant y apprend également à effectuer un audit du contenu et à préparer l'inventaire du contenu, la navigation et les systèmes d'organisation du contenu.

• Design graphique et interface utilisateur [UIUX130]

  • Pour rendre un site Web ou une application esthétiquement attrayante, il est essentiel d'apprendre à concevoir des interfaces graphiques et des actifs visuels épatants, notamment des boutons, des outils de navigation, des formulaires, des bannières et des images. Un site Web doit être utilisable et visuellement attrayant. Au moyen de ce cours, l’étudiant acquière une expérience pratique d'Adobe Photoshop. L'objectif de ce cours est de concevoir des maquettes graphiques et des éléments visuels pour le site Web ou l'application, afin qu'ils fonctionnent à la fois sur les ordinateurs de bureau et les appareils mobiles. L’étudiant y explore les formes, la sélection, le stylo, la typographie et d'autres outils de design graphique, ainsi que le masquage des couches, les couleurs, les objets intelligents et les groupes de couches. Enfin, l’étudiant utilise l'outil Slice pour optimiser et exporter les images en vue de leur diffusion numérique.

• Graphisme vectoriel et typographie [UIUX140]

  • Dans ce cours, l’étudiant est appelé à utiliser Adobe Illustrator pour concevoir des maquettes visuelles pour les applications mobiles et Web, et à créer des logos et des icônes pour les applications. Il y apprend également à créer de nouveaux documents et plans de travail et à sauvegarder les espaces de travail. Les images, les formes et l'outil stylo y sont utilisés pour concevoir la brochure et les icônes. L’étudiant y apprend les modes de couleurs, les formats de fichiers et les symboles. Ultimement, l’étudiant prépare les fichiers pour le Web, l'impression et le format PDF et apprend les différents paramètres d'exportation pour le Web, l'impression et le format PDF.

• Design de sites Web réactifs [UIUX150]

  • La présence numérique en ligne est essentielle à toute entreprise pour la sensibilisation, la promotion, l'engagement et le succès. HTML et CSS sont les langages de base pour concevoir et développer des applications de bureau et mobiles. Bootstrap est le cadre CSS qui permet de concevoir des produits numériques réactifs. Dans ce cours, l’étudiant apprend à utiliser HTML, CSS et Bootstrap pour créer des applications et des sites Web réactifs afin de répondre aux besoins des utilisateurs mobiles et de bureau. Il y travaille sur des projets numériques réactifs en appliquant les principes de design UX/UI. Ce cours couvre également le déploiement des sites Web et leur optimisation pour les moteurs de recherche (SEO).

• Fondements de l'accessibilité numérique [UIUX160]

  • L'accessibilité numérique signifie que les sites Web et autres produits numériques sont accessibles et utilisables par tous, y compris les personnes handicapées. L'accessibilité profite à tout le monde, qu'il s'agisse de personnes handicapées ou non. En tant que designer Web, designer UX ou analyste de l'expérience des utilisateurs, il est de notre responsabilité d'éliminer les barrières d'accessibilité et de permettre aux personnes handicapées d'accéder au Web, aux PDF, aux vidéos et aux présentations en utilisant les technologies d'assistance. Ce cours a été conçu pour sensibiliser l’étudiant à l'importance de l'accessibilité numérique et à la manière de développer des produits numériques accessibles. L’étudiant y apprend à évaluer les sites Web en fonction des directives d'accessibilité au contenu Web en s'assurant de la conformité avec les lois canadiennes sur l'accessibilité. L’étudiant y explore et applique différents outils et techniques d'accessibilité au Web et étudie les lois sur l'accessibilité spécifiques aux produits numériques.

• Test d'utilisabilité [UIUX170]

  • Dans ce cours, l’étudiant est appelé à décrire et à appliquer le processus de test d'utilisabilité afin d'obtenir la rétroaction des utilisateurs, leur comportement et leurs irritants. L’étudiant y développe un plan, recrute des participants, prépare des scénarios de tâches, un script d'orientation et des formulaires de consentement. L’étudiant est en mesure de comprendre les environnements de test en laboratoire et à distance, d’exécuter les sessions de test et de préparer un rapport complet. Le rapport vise à mettre en évidence les modèles, les résultats et les recommandations pour améliorer l'expérience de l'utilisateur.

• Prototypage interactif [UIUX180]

  • Dans ce cours, l’étudiant est invité à créer des maquettes fonctionnelles réactives et des prototypes interactifs à l'aide de Figma en appliquant les stratégies de pensée design. L’étudiant y explore le processus de pensée design en se concentrant sur les étapes de conceptualisation et de prototypage. Les plugiciels, les bibliothèques et les composants de Figma y sont abordés de même que les formes, les types et les couleurs. Différents types de prototypes interactifs y sont générés, y compris des prototypes rapides et fonctionnels.

• Développement de systèmes de design [UIUX190]

  • Le système de design numérique est un élément clé du cycle de vie du développement du produit et est essentiel pour la cohérence, la qualité et la collaboration. Un système de design est un document primaire qui définit les lignes directrices, les composants réutilisables de l'interface utilisateur, les couleurs, les polices et la marque. Dans ce cours, l’étudiant est appelé à créer un système de design pour un produit numérique en décrivant les éléments d'un système de design, le processus et les lignes directrices tout en assurant l'intégration de l'accessibilité. L’étudiant est également invité à examiner d'autres systèmes de design de Google, Salesforce, IBM et Apple.

• Gestion de l'expérience utilisateur [UIUX200]

  • Ce cours permet à l'étudiant de développer une stratégie et une feuille de route UX en alignant les objectifs de l'entreprise avec les objectifs des utilisateurs. L'étudiant y apprend également comment recruter, construire et développer une équipe UX et la mise en place de cette équipe. L'intégration du processus UX dans la méthodologie agile, la résolution des conflits, les évaluations de performance, la communication et les stratégies de gestion des parties prenantes y sont abordés. L'étudiant est ultimement en mesure de décrire et d'exécuter des sprints et des ateliers de conception.

• Production du portfolio [UIUX210]

  • La disposition d'un portfolio professionnel et d'un profil LinkedIn est essentielle pour pouvoir être embauché dans l'industrie UI/UX. Dans le cadre de ce cours, l'étudiant est donc appelé à explorer le processus de création d'un portfolio et de ses composants, à rédiger des amorces de projet et à créer les artefacts à mettre dans son portfolio au moyen d'un éventail d'outils différents. L'étudiant y apprend également comment héberger et promouvoir son portfolio en ligne. Les différentes carrières potentielles en UX et les stratégies de recherche d'emploi y sont également explorées.

• Projet de fin d'études [UIUX220]

  • À travers ce cours axé sur la pratique, l'étudiant est appelé à travailler sur un projet d'envergure en suivant le cycle de vie complet du développement UX, depuis la recherche, la conceptualisation, le prototypage, les tests, le design de maquettes et le design Web. L'étudiant y applique les compétences de recherche et de design acquises dans les cours précédents.

• Carrière et stratégies d’emploi [CES44]

  • Ce cours aborde la planification, la préparation et la réalisation d’une entrevue ainsi que les étapes du suivi à effectuer après l’entrevue.