Lecture slides on HCI and Visual Design for UX

Here are some of the presentations that I have made for lecturing human-computer interaction and visual design for user experience. I hope you find them useful 🙂

It’s been a while since I have uploaded lectures slides on SlideShare. Here are some of the presentations that I have made for lecturing human-computer interaction and visual design for user experience. They are a sample of the themes I have taught at Indiana University Bloomington. However, I do hope you enjoy the slides and find them useful 🙂

Summer 2016 Course: INFO-I 400: Special Topics in Informatics (Visual Design for UX)

Fall 2016 Course: INFO-I 300: Human-Computer Interaction/Interaction Design

Guest lecture for INFO-I 300. Instructor: Gopinaath Kannabiran.

Sketchnoting Tutorial

As part of the course INFO-I300: Human-Computer Interaction Design in Indiana University, I’ve created a small tutorial about sketchnoting. This is the first time that I write down the rationale for the way in which I take notes. It was an insightful and interesting exercise. My quick insights are:

  • Sketchnoting helps to organize and synthesize information
  • Sketchnoting helps to develop metaphorical thinking
  • Sketchnoting helps to develop a personal visual coding for information
  • Tools are important (e.g., needle point marker, brush tip marker and good quality sketchbook)
  • Drawing skills are not that relevant. Notes should make sense to you first.
  • Consistency is a key aspect for sketchnoting

Based on my experience, the steps for good sketchnoting are:

  1. Listen
  2. Filter
  3. Write down
  4. Code visually
  5. Relate content

I hope the tutorial shown below can be help you for anyone interested in sketchnoting.

Cheers!