Tonight I went to see Edward Tufte lecture on 'visual thinking and analytical design' at the Royal Geographic Society tonight. The room was packed, perhaps because lots of people were in town for UX London already. The event was organised by Intelligence Squared, who are apparently 'dedicated to creating knowledge through contest', which is an interesting goal in its own right.
It's been a long week, so I suspect my notes are pretty sketchy, but I'm posting them in case they're useful. Let me know if you spot any corrections. On with the talk…
[His basic thesis:] The method of production interferes with production [of knowledge?].
We do most of our serious visual thinking inside, on unreal flatland [2D] screens, looking at representations of real things, instead of being outside looking at real things. In the real world, most of our thinking would be about way-finding, rather than deep analysis.
Evidence is evidence. Information doesn't care what it is. The intellectual tasks remain constant regardless of the mode of production/consumption – we need evidence to understand and reason about the materials to hand. We might care about mode of production but we shouldn't segregate the information by modes of production. We need content-oriented design.
In manuscripts, the hand directly integrates words and image. When marks all come from same source e.g. hands then material is integrated. When technology has different modes of production e.g. type and drawings, then content is segregated by modes of production.
[He showed a 9th century centaur – the image was made of Latin words, a unification of text and image.] Visual meaning of Latin centaur is still clear despite language. The universality of images, the stupefying locality of languages. Images are cosmopolitan, words are local and parochial. When the language is unknown to the viewer, image and language are separated into comprehensible image and incomprehensible language.
'Content indifference' is the result of teaching that only design matters. The essential test is how well each assists understanding the understanding of the content, not how stylish they are. You must know the meaning of the content to design it.
The point of information display is to assist analytical thinking. One common task is to make comparisons. Take the intellectual task (e.g. 'make smart comparisons') and turn them into design principles. Tasks become instructions to the design. Otherwise it's just based on fashion or latest technology.
[He then had the lights turned up so people could view copies of Minard's map of Napoleon's Russian campaign in 1812. He used this to illustrate his Six Grand Principles of Analytical Design.]
- First Grand Principle of Analytical Design: show comparisons, contrasts, differences e.g. difference between those who left and those who returned. Principles guide the design but also the content. A lot of his work is secretly about analytical thinking.
- Second Grand Principle of Analytical Design – show causality, dynamics, mechanisms, explanation. For policy thinking, intervention thinking – to produce an effect, you need to know about and govern the cause – show causality. Thinking about how these are derived are producer commandments. But as they're derived from fundamental intellectual task they're also consumer tasks – you should be asking, as an audience, what is your task? Minard's map shows causality with temperature.
- Third Grand Principle of Analytical Design – show multivariate data. Three or more factors, variables. i.e. show more than two variables. Reality is inherently multivariable.Minard showed six dimensions – the size of army, direction, temperature, dates, location (lat,long). It's not about the method of display. The design is so good that it's invisible. Good web design has to be enormously self-effacing. The task is for users to understand information, not admire the interface. People should be too busy going about their business to notice the design.
- Fourth Grand Principle of Analytical Design – the principle of mode indifference – completely integrate all content. No segregation by mode of content. Videos and tables should be embedded in text, not set aside with captions elsewhere. Information don't care what it is, cognitive tasks don't care what the mode of production is. Minard had paragraphs of text, statistical bits, annotations all over. Cognitive styles in approaching material – really good analysts are indifferent to the mode of evidence, spirit is 'whatever it takes to explain it'. Driven by explanation. Enormous difference between process driven and content driven explanation. Academics make industry from process driven design but it should be whatever it takes to explain it – not what's lying around, not what I'm good at.
- Fifth Grand Principle of Analytical Design – document everything and tell people about it. Document sources, scales, missing data. It's the credibility argument. Two things you need to get across in a presentation – what the story is and why the audience should believe you. Audience has two tasks – trying to figure out the story and whether they can believe the presenter. An important way to have credibility is to have care and craft with respect to the data. Minard's two paragraphs are about documentation – assumptions, scales of measurement. Minard was a great engineer who designed bridges and canals – this has the facticity of an engineer. Minard didn't want quibbles about the facts – he wanted people to appreciate the disaster of war. It was meant as an anti-war poster right from the start. It was meant to show the horrors of war. Precision and accuracy in evidence helps his credibility. Documentation is part of the fundamental quality control mechanism for preservation of credibility. As a consumer, you should be sceptical if people don't say where the data came from e.g. URLs or full data sets. Very few people look at the original data but making sure it's available is important. Cherry picking is a big threat to the credibility of presenters – am I seeing the results of evidence, or of evidence selection? Providing source is a way of showing you're not a cherry picker. Overall, incompetence is more likely to be an explanation than conspiracy. Intimacy with the evidence helps convince of credibility.
- Sixth Grand Principle of Analytical Design – serious presentations largely stand or fall on the quality, relevance or integrity of the content. 'Just fancy that.' ' If that's not true of presentations where you work, maybe you want to work somewhere else.' His great insight into design from his books is that content matters, but 'it's a shame we live in a world where that counts as an insight'.The best way you can improve your presentation is to improve the content.
- [Then I think a Seventh Grand Principle of Analytical Design snuck in:] We want to try as much as we can to show information as adjacent in space than flip backwards in time. If information is stacked in time e.g. one slide after another, you have to try and make comparisons between something that's gone away and something you're not seeing. Important comparisons should be try to be made in the eye span. This seventh principle has all kinds of consequences for design. Power users have multiple monitors – trying to get more content real estate adjacent in space.
Digression 'strange word, users', only two industries describe their customers as users, illegal drug industry and computer industry.
The principles makes you think about how you display information to viewers – put the data in front of the user, show the comparison. The human eye is really good at comparing things, so having content rich screens and use just about every pixel that you can to carry content.
Trust the users optical capacity. New York Times has 400 links on its homepage. When working on a model for site for site reporting transparency, he suggested news sites.
User testing is not 'having some temps come in and look your screen over' but rather how your website performs in the wild. Know New York Times and Google News work because of the sheer number of visitors. Websites that are very successful in the wild provide models. Look at people who report – first rate news websites.
[He then turned to the sparklines handout.]
Bonus real live 'Powerpoint sucks' comment.
Sparklines – intense, high resolution display.
Graphics should have resolution of typography [not thickness of pencil]. 'Graphics are no longer a special occasion.' They can be anywhere that a word, image or number can be.
Grey band [in the handout ] is based on the types of tasks that clinicians want to do – they don't care about normal values, only exceptions. [The whole visualisation is based on the task, the user and the context]
'We want to be approximately right rather than accurately wrong'. An approximate answer to the right question is better than an accurate answer to the wrong question. [I think I misheard 'accurately' for 'exactly', judging by people's tweets]
We're subject to the recency effect – sparklines show most recent change but put it in context – patterns in change, other similarly shaped changes.
Data analytical design is about showing reality in flatland.
In response to questions: a lot of websites get corrupted because they're pitching, bringing the ethics of the marketplace into the design – important alongside the intensity of a good news website is its spirit – reporting spirit, not pitching.
Qu re current trend for data visualisation e.g. artists animating visualisations
'I think they can do exactly what they please' One reason it's alright is they're not making other claims about the content, just using it as a found object.
[Finally, out of interest – you could compare these written notes to this sketched version of his talk by @lucyjspence.]
Thanks for taking and posting these, Mia! They helped me recall many bits I missed in my own, rather scrappy, notes: http://www.flickr.com/photos/psd/4623153875/