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)
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:
I hope the tutorial shown below can be help you for anyone interested in sketchnoting.
Yesterday I came across a printed advertisement containing a QR code. It was in a bathroom, so you can imagine what I was doing while staring at it. I was peeing. I’ve been in a similar situation before, and it let me thinking about the reasons of why QR might not be that popular.
I think that one reason is a translation issue. I mean changing from an abstract visual data/information to some data/information that a person can understand. When we observe QR codes, they basically mean or denote nothing. In that regard, why should a user need to carry out a set of steps to translate, discover what the QR code says? In that bathroom situation, why should I have to take my phone out, look for the appropriate app and scan the code? I can easily google the name of the restaurant by using the same device at that moment. It’d be faster! Those steps for translating the visual abstract data/information from the QR code into a form that a human can understand seem to be unnecessary.
Nonetheless, I do think that QR codes provide an interesting opportunity to design for user experience. Imagine this, as some cameras can detect faces and smiles, it’d be great that our smartphones can detect the QR code and do something with it. Automatize something. For instance, imagine that once you scan the QR code, your phone downloads an app and feeds it with your personal data stored in the phone. Consequently, a restaurant knows “your taste” and offers you a bottle of wine, free desert, or takes into account to guide you in your search for similar restaurants elsewhere.
We have the QR codes. They’re design is there. It’s restrictive. However, I little bit of imagination could bring us to exploit the use of QR codes better. They were invented for some reason. And people are still using them for some reason. An interesting UX design space seems to be there to explore and re-think the purpose and UX with QR codes, including how to make that translation issue seamless or better, get rid of it.
Because my research is related to user interfaces, I thought it’d be a nice idea to create a Pinterest board in order to start collecting UI/UX samples. Nevertheless, colleagues have showed me this cool UI pattern libraries, whose content is great for both practitioners and researchers. Therefore, I’ll use this post to create a list for these online libraries. In case you know about a patterns library to add, please, let me know, or feel free to post its URL below. Thanks in advance!