Class Meetings
- Mon, Oct 15 – Lecture:Perception and Design
- Wed, Oct 17 – ICE:Design School
- Fri, Oct 19 – OPT:D3 Tutorial
Week Deadlines
Last week we talked about evaluation, wrapped up Design Challenge 1, and talked about Design Challenge 2 – which is starting already!
This week 4 different things are going on:
- In lecture on Monday, we’ll talk about human perception – which is a fascinating topic, and should influence how we think about visualization design.
- In lecture/ICE on Wednesday, we’ll talk about graphic design. Design School in a Day? Not quite, but hopefully it will be better than nothing.
- Design Challenge 2 has begun! The first check point is this week!
- On Friday, there will be an optional tutorial on D3 – given by Florian Heimerl, a post-doc who works with me. He knows way more about D3 than me.
You may want to look at this week’s learning goals Learning Goals 7: Week 7 – Perception and Design.
Readings (due Mon, Oct 15 – preferably before class)
This week puts together two (seemingly) disparate topics: perception and (graphic) design. Both are huge topics – you could get a degree in either, but they come together in an interesting way. Perception influences all visual design, not just visualization. So they are a natural coupling.
As you read about perception, think about how it effects design. As you read about design, consider how it is motivated by perception.
Yes, this is a lot to read – but the (required) design readings are really short. It’s not really 10 readings – one is just web demos, and the design book chapters are really short.
Perception (required)
The main readings are the Ware chapters, since it’s a good introduction to the basics of perception, and its impact on design. Chapter 6 of Cairo is useful because it considers “higher level” perceptual issues. I also include Cairo Chapter 5 (as optional) because it’s redundant with Ware, but it’s fun to see his (less scientific) take on it. And look at Chris Healy’s web page to get a sense of pre-attentive effects.
I also want you to look at the Healy and Enns paper / resources. It is sufficient to look at the web survey (since it has the cool demos).
- Visual Queries (Chapter 1 of Visual Thinking for Design) (Ware-1-VisualQueries.pdf 2.5mb)
- What We Can Easily See (Chapter 2 of Visual Thinking for Design) (Ware-2-EasilySee.pdf 2.1mb)
- Structuring Two Dimensional Space (Chapter 3 of Visual Thinking for Design) (Ware-3-StructuringSpace.pdf 2.6mb)
- Visualizing for the Mind (Chapter 6 of The Functional Art) (theFunctionalArtCh6.pdf 8.1mb)
- Look at the pre-attention demos and pictures in the old version of Chris Healey’s web survey of perceptual principles for vis. The paper (optional, below) is much better in terms of explaining things – but it’s too much to require as reading.
Design (required)
Part 1 is connected to the “Design School” (posting coming). While a little bit of reading is not going to make you a designer, it can begin the process of getting you to improve. And it will give you something to practice. I really like these basic lessons of 4 basic principles from Robin Williams’ Non-Designer’s Design Book. These 4 brief chapters (and a summary chapter) will give you the idea of the CARP principles (contrast, alignment, repetition, proximity). People who are good designers (and teach design) tell me this is a great place to start. I feel that learning this has helped me (and generations of students seem to agree). Yes, this is 5 chapters, but they are really short (a few pages each).
Design: Optional
Part 1: It’s not hard to find things to read about design. But, if you want a little more than the first 4 principles from Williams, I think that these Chapters from Kadavy’s Design for Hackers give a nice presentation of some other basic design principles that are really hard to describe.