ah teaches graphic design (Considering Interaction lecture)

Considering Interaction

Lecture outline

Starting to think about interaction as it relates to graphic design. Lecture slides will be made available on the day of the lecture (November 25/26).

In preparation for lecture...

Please close up any laptops, cellphones, Trinitrons, Dreamcasts and other 'beep-boop' devices.

Considering Interaction

E201/E202

Zi's labs

Zi is quite ill but will be doing critiques online tomorrow for his labs (E201/E202). If you need to complete the reading reflection you will need to stop by the in-person lab space to complete the reflection with Ninta, and then attend the critique remotely. Apologies for the inconvenience.

E203 (Ninta's lab) will be held in SRYC 3130 tomorrow.

The Web is 95% Typography

Oops, this content didn't quite load. Check it out at <a href="https://ia.net/know-how/the-web-is-all-about-typography-period" target="_blank">https://ia.net/know-how/the-web-is-all-about-typography-period</a>

Connections and Humans

We're lazy, er, or efficient

"...users have time to read [on average] 20% of words on a page."

Nielson-Norman Group

Reasonable chunks

Giving us consistent and reasonable chunks of information makes it easier for us to use.

User Expectations

What they have experienced before

"Users spend most of their time on other websites."

Jakob's Law of the Web User Experience

Making it Usable

Thinking about context

This is a link. But how do you know that?

Making it Interactive

Interaction points should clearly afford they are interactive.

Buttons

Oops, this content didn't quite load. Check it out at <a href="https://cdpn.io/andrewhaw/fullpage/JjjXdOW/64d2d754ac17fa5fd01e418d86e085b0?nocache=true&view=" target="_blank">https://cdpn.io/andrewhaw/fullpage/JjjXdOW/64d2d754ac17fa5fd01e418d86e085b0?nocache=true&view=</a>

The Fluidity Problem

The web is not a fixed medium, as much as you may wish otherwise. As designers, we must embrace this.

P4: Portfolio

Oops, this content didn't quite load. Check it out at <a href="https://andrewh.ca/teaches/graphic_design/projects/04#week3" target="_blank">https://andrewh.ca/teaches/graphic_design/projects/04#week3</a>

Survey

Oops, this content didn't quite load. Check it out at <a href="https://andrewh.ca/teaches/graphic_design/exercises/10#instructions" target="_blank">https://andrewh.ca/teaches/graphic_design/exercises/10#instructions</a>

Critique practice

For those with portfolio materials there is a practice activity to get you further feedback on your project and a bonus on the critique quiz.

You have...

Critique quiz

We will be holding the critique quiz. Please have the following ready:

Your student ID
A writing utensil
A device on which to view the project to critique

Please put away any other items in your bags for the duration of the quiz.

Critique quiz rules

A reminder that there should be no discussion or sharing of writing during the critique quiz. Once done please bring your quiz to the front and you are free to go for today.

You have...