EBSI - Plan du cours SCI6137 - Architecture d'information/expérience utilisateur (Été 2020) Passer au contenu

/ École de bibliothéconomie et des sciences de l'information

Je donne

Rechercher

Navigation secondaire

Plan du cours SCI6137 - Architecture d'information/expérience utilisateur (Été 2020)

3 crédits

Chargée de cours : Marcela Baiocchi
Courriel : marcela.carvalho.baiocchi@umontreal.ca

Site Web du cours : http://archinfo.umontreal.ca/ee2020/


Les cours se donnent sur la plateforme Zoom.


Description officielle

Composantes de l'architecture d'information et de l'expérience utilisateur. Design centré-utilisateur. Recherche, tests, tri par cartes. Mobilité. Données ouvertes, marketing, éthique, web et société. Réalité professionnelle.

Objectifs généraux

Ce cours est d’abord et avant tout une introduction à l’AI et au design d’expérience-utilisateur en tant que disciplines et pratiques. Le cours propose en outre les pistes d’une réflexion plus large sur:

  1. L’avenir du web et du numérique
  2. Les dimensions éthiques liées à la pratique de l’AI
  3. La conservation de l’information, la protection des renseignements personnels et le respect de la vie privée

Objectifs spécifiques

L’École d’été en architecture de l’information explorera, parmi d’autres, les questionnements suivants:

  • Qu’est-ce que l’architecture de l’information et l’expérience utilisateur?
  • Comment concevoir un système d’information en fonction des besoins et comportements réels des utilisateurs?
  • Comment assurer la repérabilité de l’information?
  • Comment concevoir un système d’information multi-plateforme convivial et pérenne?
  • Comment évaluer la meilleure solution pour répondre aux besoins d’un client?
  • Comment gérer un projet web faisant appel à de nombreux intervenants et de nombreuses compétences, en ne négligeant pas l’expérience de l’utilisateur finale?

Méthodes pédagogiques

Chaque cours débutera par un quiz d’un site web ou d’une application numérique, par laquelle l’étudiant analysera sa structure, et des choix d’AI et de UX qui ont été faits.

Ensuite, le cours combinera des séances assynchrones dédiée à l’exposition des concepts principaux de la discipline, des ateliers et des présentations de professionnels par vidéo-conférence, autour d’enjeux et considérations relatifs à l’ensemble des aspects d’un projet web : utilisateurs, contenu, repérabilité de l’information, conception fonctionnelle, design, etc.

De plus, un élément central de la formation est un travail pratique basé sur un projet réel. Ce travail sera réalisé individuellement. Des heures de travail en-ligne en mode laboratoire sont prévus pour la réalisation de ce projet. Quelques heures de travail (l’après-midi, le soir ou la fin de semaine) pourraient aussi être nécessaires.

Contenu du cours

Sur le modèle des cours universitaires de trois crédits, l’EEAI correspond à 135 heures de travail pour l’étudiant et comporte 45 heures de cours en-ligne. Quelques séances synchrones sont prévues du 8 juin au 15 juin, avec des horaires pré-déterminés. L’enseignant restera disponible pour répondre aux questions des étudiants par chat ou forum, de 9:00 à 12:30. Des heures en laboratoire virtuel sont prévus pour accompagner la réalisation du travail pratique.

Calendrier des activités

DateThématiques abordéesTravaux ou évaluation
2020-06-08
Séances synchrones 
  • 9:00 - 10:30 - Présentation du cours et tour de table
Séances asynchrones
  • Introduction à l'AI et au UX
  • Exercice #1
 
2020-06-09
Séances synchrones 
  • 9:00 - 10:00 - Corrigé de l’Exercice #1
  • 11:00 à 11:30 - Présentation du Protocole de travail #1
  • 11: 50 à 12:30 - Rencontre en-ligne avec Érudit
Séances asynchrones
  • Quiz - Analyse d’un site web
  • Les éléments de l’UX 
  • Histoire de l’AI et d’UX
  • Exercice #2
  • Vidéos

 

 
2020-06-10
Séances synchrones 
  • 9:00 - 10:00 - Corrigé de l’Exercice #2
Séances asynchrones
  • Quiz - Analyse d’un site web
  • Objectifs et contraintes
  • Utilisateurs et utilisabilité
  • Contexte
  • Exemples de stratégie
 
2020-06-11
Séances synchrones 
  • (Aucune)
Séances asynchrones
  • Exercice #3
  • Fonctionnalités
  • Contenu
  • Priorisation
  • Exemples
  • Exercice #4
 
2020-06-12
Séances synchrones
  • 11:30 - 12:30 - Vidéo-conférence: Partage d’expérience avec J. -F. Poulin
Séances asynchrones
  • Structure
  • Organisation et libellés
  • Design d’interaction
  • Quiz sur la matière
 
2020-06-15
Séances synchrones
  • 11:00 -12:30 - Prototypage avec Adobe XD
Séances asynchrones
  • Navigation
  • Recherche
  • Exemples
  • Quiz sur la matière
 
2020-06-16
Séances synchrones
  • 10:00 - 11:00 - Vidéo-conférence: La recherche d’utilisateurs avec Marion Isabelle
Séances asynchrones
  • Design d’interaction
  • Design visuel
 
2020-06-17
Séances synchrones
  • 9:00 - 9:30 -  Réponse aux questions et retour sur la matière
  • 10:00 - 11:00 - Vidéo-conférence: Accessibilité (Alain Gravelet)
Laboratoire en-ligne
  • 13:00 - 16:30 - Temps de travail accordé au travail final, avec la disponibilité en-ligne de la professeure.
 
2020-06-18
Séances synchrones
  • 10:00 - 11:00 - Vidéo-conférence : UX et l’éthique dans le contexte de l’intelligence artificielle, avec Chrystel Black
  • 11:30 - 12:30 - Vidéo conférence: L'AI Radical (Étienne Després et Marylin S. Veilleux)
Laboratoire en-ligne
  •  
  • 13:00 - 16:30 - Temps de travail accordé au travail final, avec la disponibilité en-ligne de la professeure.
 
 
2020-06-19
Séances synchrones
  • 10:00 11:30 - Vidéo-conférence:  L’avenir du web , avec Jonathan Beslile
Laboratoire en-ligne
 
  • 09:00 - 10:00 - Réponse aux questions et retour sur la matière
  • 11:30 - 12:30 - Temps de travail accordé au travail final.

 

Remise du protocole de travail 1

Évaluation

L’évaluation se fait à travers trois travaux:
  • (60%) Un travail pratique de conception d’une solution pour répondre aux besoins formulés par un client. Les étudiants auront du temps durant les deux semaines de cours pour y travailler, et devront remettre le projet à la fin de la dernière journée du cours.
  • (20%) Un rapport décrivant un problème d’utilisabilité d’un site web ou d’une application réelle. Travail individuel de 300 à 500 mots, contenant volontiers des photos ou captures d’écran, à remettre sous la forme numérique trois semaines après la fin de l’École d’été.
  • (20%) Une réflexion d’environ 750 mots autour d’enjeux de votre choix traités dans le cours. Travail individuel à remettre sous forme numérique trois semaines après la fin de l’École d’été.

 

Ressources

  • Atley, S. (2007). Information architecture for information professionals. Oxford: Chandos.
  • Brown, D. M. (2011). Communicating design : developing web site documentation for design and planning (2nd ed.). Berkeley CA: New Riders.
  • Brunet, G., Lessard, M., & Ducas, M.-C. (s. d.). Les médias sociaux en entreprise: les comprendre, les utiliser et en tirer profit.
  • CommentCaMarche.net. (s. d.). Gestion de projet. Consulté 20 mai 2011, à l’adresse http://www.commentcamarche.net/contents/projet/
  • *Cooper, A et al.. (2014). About Face: The Essentials of Interaction Design (4th ed.) Wiley.
  • De Souza, C. (2005). The semiotic engineering of human-computer interaction. Cambridge Mass.: MIT Press.
  • Garrett, J. J. (2011). The elements of user experience : user-centered design for the Web and beyond (2nd ed.). Berkeley CA: New Riders.
  • Gilchrist, A., & Mahon, B. (2004). Information architecture : designing information environments for purpose. New York: Neal-Schuman Publishers.
  • Guenther, M. (2012). Intersection: How Enterprise Design Bridges the Gap between Business, Technology, and People (1re éd.). Morgan Kaufmann.
  • Johnson, J. (2010). Designing with the mind in mind: simple guide to understanding user interface design rules. Amsterdam; Boston: Morgan Kaufmann Publishers/Elsevier.
  • Krishna, G. (2015). The Best Interface is no Interface(1st ed.). New Riders
  • Krug, S. (2000). Don’t make me think! : a common sense approach to Web usability. Indianapolis Ind.: Que.
  • Krug, S. (2010). Rocket surgery made easy : the do-it-yourself guide to finding and fixing usability problems. Berkeley Calif.: New Riders.
  • Lidwell, W., Holden, K., & Butler, J. (2010). Universal Principles of Design, Revised and Updated. ; 125 Ways to Enhance Usability, Influence Perception, Increase Appeal, Make Better Design Decisions, and Teach through Design. (3rd edition.).
  • Madsen, P. (2010). Responsible Design and the Management of Ethics.Design Management Review, 16(3), 37‑41. doi:10.1111/j.1948-7169.2005.tb00201.x
  • Marcoux, Y., & Rizkallah, É. (2009). Intertextual semantics: A semantics for information design. Journal of the American Society for Information Science and Technology, 60(9), 1895‑1906. doi:10.1002/asi.21134
  • *Martin, B., & Hanington, B. (2013). 100 méthodes de design (Eyrolles.). Paris (France).
  • Morrogh, E. (2003). Information architecture : an emerging 21st century profession. Upper Saddle River NJ: Prentice Hall.
  • Morville, P., & Rosenfeld, L. (2015). Information architecture for the World Wide Web (4rd ed.). Sebastopol CA: O’Reilly.
  • Nielsen, J. (2000). Designing Web usability. Indianapolis Ind.: New Riders.
  • Nielsen, J., & Budiu, R. (2013). Mobile usability. Berkeley, CA: New Riders.
  • Nielsen, J., & Loranger, H. (2006). Prioritizing Web usability. Berkeley Calif.: New Riders.
  • Norman, D. A. (1998). The design of everyday things. London: MIT.
  • Norman, D. A. (2005). Human-centered design considered harmful.interactions, 12(4), 14. doi:10.1145/1070960.1070976
  • Norman, D. A. (2009). The design of future things. New York: Basic Books/Perseus Book Group.
  • Norman, D. A. (2010). The way I see it: Technology first, needs last.interactions, 17(2), 38. doi:10.1145/1699775.1699784
  • Redish, J. (2007). Letting go of the words : writing Web content that works. Amsterdam; Boston: Elsevier/Morgan Kaufmann Publishers.
  • Resmini, A., & Rosati, L. (2011). Pervasive information architecture: designing cross-channel user experiences. Burlington, MA: Morgan Kaufmann.
  • Salaün, J.-M., & Arsenault, C. (2009). Introduction aux sciences de l’information. [Montréal]: Presses de l’Université de Montréal.
  • Sears, A., & Jacko, J. A. (Éd.). (2009a). Human-computer interaction : design issues, solutions, and applications. Boca Raton: CRC Press.
  • Sears, A., & Jacko, J. A. (Éd.). (2009b). Human-computer interaction : development process. Boca Raton: Taylor & Francis.
  • Spencer, D. (2009). Card sorting : designing usable categories. Brooklyn N.Y.: Rosenfeld Media.
  • Tognazzini, B. (1999). AskTog: John Denver: When Interfaces Kill. Consulté 22 mai 2011, à l’adresse http://www.asktog.com/columns/027InterfacesThatKill.html
  • Tullis, T., & Albert, B. (2008). Measuring the user experience : collecting, analyzing, and presenting usability metrics. Amsterdam; Boston: Elsevier/Morgan Kaufmann.

 

Autre

Informations pratiques

Les séances synchrones seront réalisées sur la plateforme Zoom. Le lien sera envoyé en avance par courriel.