Composants pédagogiques

5 composants pédagogiques ont été développées en 2009 par des enseignants de l’AFIHM dans le cadre d’un projet de l’université numérique thématique en science en ingénierie et technologie (UNIT). Ils ont été conçu pour être utilisés pendant les cours présentiels ou en autoformation:

• interaction et manipulation directe,
• caractérisation de l’interaction,
• utilisabilité,
• difficultés de la perception visuelle,
• techniques d’interaction à partir d’un dispositif de pointage

présentation: https://imedia.emn.fr/wp/?page_id=421

accès direct: http://podcast.mines-nantes.fr/IHM/index.html

En résumé

• comparatif ux tools https://uxtools.co/tools/design
• 25 great free UX tools: http://www.uxforthemasses.com/25-free-ux-tools/

Méthodes

• heuristiques online
  • http://www.designprinciplesftw.com/
• portail ergonomie
  • utilisabilité & méthodes: http://www.usabilityfirst.com/
• sketchnote
  • Sketchnote 101
  • http://sketchnotearmy.com/
  • Exemples et vidéos de Sketchnotes
• Mindmap
  • https://apprendre-vite-et-bien.com/bikablo-le-dictionnaire-visuel-pour-transformer-vos-idees-en-images/

Outils utilisables en cours

Collaboration

• padlet.com (poster et commenter des images et des videos dans un groupe d’élèves)

Design review

commenter le screenshot d’une homepage, travail individuel d’évaluation, ou suivi de projet sur une interface

• redpen.io
• https://govisually.com/

UI sketching tools

• Gliffy https://www.gliffy.com/
• Balsamiq sketching tool https://balsamiq.com/products/mockups/
• Axure https://www.axure.com/
• InVision Studio https://www.invisionapp.com/

Bad designs

• http://www.baddesigns.com/

Persona

• https://www.diverseui.com/
• https://www.flickr.com/groups/100strangers

Cours en ligne

MOOC

• Online UX design courses https://www.interaction-design.org
• OpenClassrooms section Design https://openclassrooms.com/courses

Psychologie

• Gestalt et Psycho cognitive http://www.psychoweb.fr/articles/52-psychologie-cognitive/
• cours en ligne sur learningpath.org

Visual & Graphics

• Composition and Design: Elements, Principles, and Visual Effects https://www.goshen.edu/art/ed/Compose.htm

Vidéos

Centes de ressources vidéos

• VIDEO Douglas C. Engelbart
  LA démo de Engelbart sur NLS en 1968. Tout est deja, de l’hypertexte au TCAO.
• VIDEO Ben Schneiderman
  Les vidéos de démonstrations des différents projets du HCIL, le laboratoire de Ben Schneiderman à l’université du Maryland.
• www.open-video.org 
  en particulier les vidéos ACM CHI (Computer Human Interaction)
• http://www.acm.org/uist/archive/html/videos.html
  les vidéos de la conférence ACM UIST, une autre conférence de référence du domaine.

Vidéos illustrant des concepts vus en cours

• Mandriva Linux – nouveau mode de copier/coller (folding windows)
  http://www.youtube.com/watch?v=BChydmO7BoE
• Conoto – Dessin collaboratif sur grande surface
  http://www.youtube.com/watch?v=4PSBwiBUgGM&mode=related&search=
• MIT sketching – tableau numérique
  http://www.youtube.com/watch?v=NZNTgglPbUA
• Intuilab – Interaction sur une table multi-tactile multi-utilisateurs
  https://www.youtube.com/watch?v=mgOuZ2jJQBc
• Interactive multi-touch table – manipulation de cartes à deux mains (pan & zoom)
  http://www.youtube.com/watch?v=l2oMmCyiJZA
• Reactable – table interactive pour la composition musicale
  http://www.youtube.com/watch?v=0h-RhyopUmc
• DigiStrips – control aérien
  https://www.dailymotion.com/video/x3d13ay_digistrips-cena_tech