The Social in the Visual

We’re very pleased at to see a couple of our information graphics (this, solar power diagram and the World Languages graphic) included in Connie Malamed’s excellent design textbook, Visual Language for Designers published by Rockport. Our experiments between the cardinal points of accuracy and accessibility appear to be working according to Connie. She described our work as using the right amount of detail to depict the visual metaphors employed, but not enough to distract or overwhelm the viewer from the statistics.

Take a quick moment to ponder these two designs. What kind of words would you use to describe each one? Is one more appealing than the other? If so, why? Does one seem more or less likely to work? If you had to choose between these two packages based on their visual design, which would you reach for at the chemist’s?

Growth Chart — Information design by Amy Tranthem. Based on parent’s profession as a paediatric nurse, this graphic charts the students influences against particular heights during her life.

Recent work in the field of information design shows that the form itself and just what it’s for is completely open to interpretation. These diagrams might communicate in particular ways (Figures is really here to try and understand what those are) but the content it communicates seems to be open to anything. Information design is a medium like movies or comics through which any story can be explained. The Feltron Annual Reports are a case in point. The popularity of these, and other, more arts-based attempts at personal information design such as Simon Patterson’s Great Bear got us thinking about teaching information design to first year designers.

In this assignment, students are asked to map out a dozen influences upon their own lives. The ‘map’ itself is derived from the kinds of information design one of their parents (presumeably a major influence) uses in their daily activities. For example, if a child’s parent is a nuclear physicist, the student may use the periodic table of elements as a basis for their information design. At first glance the design will look like the periodic table. Closer inspection will reveal different content than what is expected. So far, all students have found something to engage with. Often, where students have initially been dubious about the project because their dad is ‘just a clerk’ or ‘in insurance’ the results have brought the best feedback from the class. A big surprise is the potential for humour within this assignment.

Why does this assignment work at such an early stage in design studies? Students new to university can have a distrust of theory, design students in particular are often raring to go only to make pretty things. The trick with this assignment was to nurture that urge but channel it through some research. Our students are not familiar with the concept of research and can shy from it when it is labelled as such. This assignment is a way of sneaking design research under the radar of the student: A way to get students to research from the beginnings of their course without them knowing they are doing it. Importantly it seeks to give them confidence by focusing on their area of expertise: themselves. It charts influences only each individual student knows. It’s a chance to talk about themselves and it breaks the ice in the class early in the study year. It also builds confidence about the idea of research.

At Risk– Information design by Casey Chatman. Based on a parent’s profession in risk assessment this design graphs declining influences of family members and growing influence of personal relationships as the student starts university.

Students are shown that design comes from many quarters and is not just conjured by designers. Design is in fact too important to leave in the hands of designers. Design should always be the result of some research. What is important is to get students to articulate that research not solely through the design, but through writing and presentation. Having them start this process through something they are already experts in gives them confidence from the get go in this complex and often daunting process. It is a positive way forward into a career founded on research and communicative articulation.

Explosives & Dangerous goods– Information design by Olivia Nicolson. Based on parent’s profession in industrial gases, this graphic charts the students influences against particular heights during her life.

Dunedin, NZ — illustration by Jessie McKay and Gillian McCarthy

As a first contribution to Figures, it seems fitting to kick-off with looking at a recent project I ran with my second year Design Studies students. It addressed directly the potential value and possibilities in utlilising an infographic visual language in narrative-based communication. The project entitled, Duninfo, involved creating one information graphic which communicated facts, data and information about the Dunedin environment [but relative to a given topic]. All the information was to be gathered first hand via observation, surveys and so on. The impetus of the design was to tell or reveal a story about Dunedin, as well as structuring it to cater for multiple layers of information. Dunedin, for those who are unaware, is a modestly sized city near the bottom of the South Island of New Zealand. It has a large and rowdy tertiary student population which leaves town when the academic year ends and the weather heats up.

To kick the project off, the class was assembled into groups of three or four [based on information provided via filling out initially a job application form]. The aim of this exercise was to form balanced groups in terms of not only skill set but also interest. Once the groups were formed, they chose topics via a lottery from a set list [each group with a different focus, 16 groups in total]. The following topics were offered [those in red are the ones that were chosen]:

During the length of the project, groups were asked to submit their designs twice [in addition to weekly critique]. For the first submission, groups had to have ready a full draft, with all the necessary elements included, and a basic design form established. This submission revealed some quite interesting and particularly concerning issues about assumptions that are made of audiences. Through, at times, a lack of necessary information some of the designs were unfortunately completely ambiguous. Simple things like missing titles, a statement of intent, a legend / key, labeling and necessary annotations, it really did hinder the success and value of the design. It appeared that the ‘less is more’ premise, in terms of information design often doesn’t apply when serving to a seamless clarity and understanding.

Other concerns also surfaced as how can simple visual relationships be made to inform or add interest and wit to data? Can the language and phrasing which supplement the design effect its value? What impetus does colour coding, shape, pattern and difference have? And finally does the employment of typographic and pictorial hierarchy enhance the reading and sequence of the design? Identifying these concerns, at this stage in the process certainly helped groups refocus the intention and clarity of the designs. This was important too because the final designs were to be presented as A1 format. The effect of a larger scale especially seems to highlight glaring ambiguities and mistakes.

In the end, the final submission and body of designs by the groups were highly successful, with lots of wonderful observations and visual innovations made. This was especially rewarding, taking into account the very short timeframe and limited technical and conceptual thinking experience of most students coming to the project. With each groups focus being unique, every design, graphically and structurally, were quite markedly different and the interpretation of the initial words ranged from quite literal to strangely tangental and loose. Below are three examples from the project, each with starkly different visual approaches [you can click on them to view bigger in a new window]

Here is the original brief for the project: Duninfo Project Brief pdf [124kb]

- Scott Savage

* * *

Scott is a Professional Practice Fellow, teaching Communication Design and Visualization at the department of Design Studies [University of Otago, New Zealand].

Project tutors: Tracey Gardner, Sian O’Gorman and Scott Savage

* * *

DRINKFO by Claire Hinton, Michael Eyles and Jamie Metzger
[The migration patterns of Drunk University of Otago students, over a nine hour period]

Shoes . . . the window to the sole? by Gillian McCarthy, Jessie McKay and Chis Ong
[a survey of shoe types, colours and condition from six different areas in Dunedin]

Love by Josie Brough, Makiko Chiba and Andrew Jacombs.
[a flow chart of University of Otago students on love, sex and relationships]

Figures: the social in the visual has reached 1! Given that we have reached 1, we thought it was a good time to discuss making some changes to our website. The main reason for this is that we want to become more transparent to our readers. In changing the website, we aim to change the role of the user and change the role of the writer to enhance interactivity. So one thing we are planning to do is, rather than you having to post your names, we propose that the system automatically generates a number, e.g., “reader 1, 2 etc.”. We have had some feedback that writing a comment can be rather intimidating, so we hope that this will create a level of anonymity for you.

We also want to make the visuals more dominant, we are the social in the visual after all! So we are considering that the first page of the site is a list of the visuals with the associated headings without the contextual statement. We are hoping that by focusing on the visuals it will help us in constructing our aesthetic. There will still be the opportunity to post, and we will still keep tags, but we are planning to categorise the information via the outputs. This we hope, will provide a different way of building links with potentially diverse content.

We think that it is about time that we have a “Contact Us” section for you to email any suggestions on the content or future content, or anything that you want to really. Regarding Figures content, we are considering focusing on one major project for a dedicated time, allowing us to work towards a number of outputs: the website, public projection work (see our recent post “Swine Flu”), locative media work (see the post “Locative Infodesign”), booklets / prited material (see “Figures 001: Explosion Over The Horizon”) and many other possibilities. In conjunction to this, we will have a series of sub-projects on the go at anytime, so please keep having a look. We plan to submit new postings at the end of each month, keeping you up to date with our stuff! And, we also want to include questions for you, so we can develop converstaions. So please let us know what you think regarding our birthday makeover plans.

… And here is the video in situ at the Spectrum Gallery. We would love your thoughts on the animations, the difference between the two aesthetics and anything else you notice about these latest Figures works.

… And here is our more rational approach. These two animations, the sensationalist and the rational, were projected next to each other within the gallery. The Swine Flu version was the one passers-by could see from the street. As they approached, viewers began to see the rational approach projected on to a wall more hidden from the street. The two projections were synchronised so that the comparisons were impossible to avoid. Please pop back soon for the video clip …

Here’s the first of two animations that we projected on to the walls of the Spectrum Gallery in Beaufort Street, Perth, last week. We’re beginning to get to grips with what this Figures thing can be. All along we’ve wanted to look at alternative visuals for news. Here we decided to compare the usual news approach of photographs and attention grabbing headlines with a more reasoned approach (next post).

We need your feedback on our site.

Here is a little spiel to explain our research, please let us know what you think!

We are examining both the form and content of news information using the web and info graphics as interrogative tools. We feel that these two belong together as we can reach a broad audience in the same way that news media does. And at the same time proposing new ways of shaping information visually.

This is an examination of alternative news information – we don’t profess to provide answers, far more it is about presenting information in new ways. A lot of the postings so far are about the form, using new models to communicate socially relevant information, hence the content is at times arbitrary. After this initial research period we hope to have some productive visual forms we can apply to media content that we feel is worth investigating.

So after reading our spiel, please have a look and post your thoughts on the Figures website: Which postings do you connect with and why? Can you spot any key themes that are worth developing? What are some issues that you might like to be addressed? Are there any problems with this approach? 

We look forward to you sharing your thoughts about Figures.  

In this blog, we’ve discussed the idea of the ‘rhetoric of neutrality’ before. Now it’s time to look at one of things that rhetoric was not really designed for: humour. While the research going on at this blog has been exploring the special powers of information graphics, it has been informing some of the teaching we do in our day jobs. At ECU we run a vector illustration class with a focus on information design. The image shown here is from one of our students, Mr Scott Malcolm. This is his response to a brief which asked students to map out graphically something they feel strongly about. Most students choose to look at environmental and/or social/health concerns. Such concern for others is heartening to see, of course, and, in fact the reason for our research. Every now and then though, as in Mr Malcolm’s submission, the content breaks the mould and helps to highlight the fact that this form of graphic design is almost exclusively devoted to serious subject matter. We’re intested in these unusual approaches to the form, not just for a good time, but because our research has at its foundation the idea of accessibility. Humour can slip under the guard of many stony-faced conventions to subvert messages and to help make for memorable communication.

Can you help us think of some serious topics that might benefit from this ironic use of information design?