Beruflich Dokumente
Kultur Dokumente
Information Representation
An Analysis of Six
Information Graphics
By Chris Sainsbury
Contents
Contents.......................................................................................................................................... 2
Selected Images .............................................................................................................................. 3
The Sinking and Raising of the Kursk ............................................................................................. 4
Project Management Graphs ........................................................................................................... 5
Study Into the Effectiveness of Rehabilitation Programmes for Violent Men................................... 6
F.A. Premiership Football Match Preview Graphic.......................................................................... 8
Umax VistaScan Software v3.7.5 .................................................................................................... 9
Scientific Atlanta Cable TV Receiver Instruction Manual ............................................................. 10
Table of Figures ............................................................................................................................ 12
Footnotes ...................................................................................................................................... 12
Selected Images
take the form of “no explosion, small explosion, big explosion” or similar.
The ‘Sinking’ section also contains a globe graphic indicating the
position of the accident in relation to Northern Europe. This is a
commonly used technique for setting geographic context in information
graphics, on television and in the national press. (For example, see figure
2: a map of Iran that appeared in the Guardian). Map notation carries
with it the benefits of a high level of shared understanding amongst a
majority of people (map reading is taught in schools). The shared
understandings enable the user to associate the events being represented
with a certain area of the world.
The ‘Recovery’ section of the graphic contains a scale on the left
Figure 2: A map of Iran.
hand side, indicating the sea depth in metres. Although the depth guide is
useful, providing the user with some idea of scale; it is misleading as the submarine graphic is not
drawn to scale, and therefore appears much bigger in relation to its depth from the surface than in
reality. (The Kursk was 155 metres long).
The section of the Kursk that was removed is represented in dark grey, which in western
culture connotes negativity or loss; while the salvaged section of the submarine is shown in white,
often used to connote positivity. These colour indicators in addition to the text labels communicate
the required message to the viewer effectively.
I believe The Sinking and Raising of the Kursk is an example of an information graphic that
represents a series of complex events
in way that is likely to be accessible
to a majority of people. This is
achieved through the use of
established conventions and ideas to
facilitate communication.
The graphs shown in figure 5 represent the results of a lengthy study into the rate of
reoffence among men who are violent towards their wife or partner; subsequent to them being
arrested, dealt with by appropriate authorities and then released. The dashed line represents
offenders who were dealt with by conventional means (primarily taking the form of an appearance
before a judge followed by a fine or community service). The solid line represents offenders who
went through a rehabilitation programme designed to reduce their chances of reoffending. The
Course Directors: Chris Sainsbury Module Leader:
Mr. D. K. Milligan & Mr. L Cruickshank. 0102323 Mr. Steven Cockett
ee01cps@brunel.ac.uk
B. Sc. Multimedia, Technology & Page 7 of 12 EE2108S: Information
Design Level 2. www.sainsbury.uk.com Representation and Visual HCI
horizontal axis represents time, specifically three significant points in time (as defined in the study).
The first point is the occurrence of reoffending taken at the time of arrest, the second three months
later and the third after one year. The study was based on primary data sources, due to the
unreliable nature of legal records, using victims’ testimonies to determine whether reoffence had
taken place in each case.
To a student or academic who had read the accompanying article, the graphs shown in
figure 5 represent the following points clearly and convincingly:
• The rehabilitation programme is effective in reducing reoffending,
• That reoffending is significantly less likely subsequent to arrest and release
(regardless of treatment),
• That the rate of reoffending increases after a year (relative to after three months)
regardless of treatment.
These points indicate that the graph is effective in helping to determine causality. For
example, that the rehabilitation programme causes the rate of reoffending to decrease. The data ink
level of the graphics is very close to 100%, indicating that the graphics are relatively free of
redundant or irrelevant data.
Despite these positive points, some improvements could be made to the graphic in order to
increase its effectiveness:
• The vertical axis of the left-hand graph in figure 5 begins at 20 rather than 0.
This makes comparison prone to difficulty.
Figure 5: Results of a study into the effectiveness of rehabilitation programmes for violent men. The left graphic represents single occurrences of
an offence, and the other represents ‘frequent’ offences. An offender must offend 5 times to be considered a ‘frequent’ offender.
• The horizontal axes show just the three time points with an apparently arbitrary
scale.
A scale divided into 12 or 18 months would be more intuitive.
However, the graph is a good example of a relatively simple graphic that communicates the
desired message quickly and with an efficient use of ink.
Figure 6: An F.A. Premiership Football match preview graphic, as printed in the Guardian newspaper.
Figure 6 shows a preview graphic that appeared in The Guardian representing the Premier
League match between Leeds United and Blackburn Rovers. The information graphic is designed to
communicate relevant information regarding the match to the user.
Within the national press (and communication) as a whole, shared understandings are used
to facilitate communication. Once an understanding is shared, the related information becomes
redundant and it is therefore unnecessary to include it (at least in full). Within sport, shared
understandings are often defined and regulated by supervisory bodies, and the result of this is our
ability to communicate a great deal of information in a relatively concise fashion, within the context
of sport (‘one-nil’ is an example). This is directly due to the ordered nature of sporting conventions
creating a high level of shared understanding between the sender and the receiver.
In this context, the designer has used a number of accepted conventions within football
reporting to communicate match information to the user.
• The pitch graphic with players is topological – the players will never actually be in
the positions indicated.
The use of conventions mean that the user accepts the graphic.
The convention (of representing members of a team as pieces on a
representation of a pitch) causes the users’ mind to accept the triadic
elements of the representation.
The users’ mind accepts that the sign of a rectangle with markings and pieces
on it represents the object that is a football pitch with players on it and that
the inferred meaning is an indication of team formation and tactics.
The convention means that a ‘map’ between each triadic element is created in
the users’ mind without them realising it.
• They understand the graphic if they understand the conventions used
in its creation. (If the required shared knowledge is present).
The graphic make use of journalistic conventions in order to facilitate efficient
communication in an aesthetically pleasing way. Similar use of conventions is evident throughout
the media. However, this graphic is a particularly good example of shared understandings being
used to facilitate efficient communication in a populist information graphic.
Figure 7: The user interface for Umax VistaScan Software (advanced mode).
Umax, one of the leading scanner manufacturers in the consumer and so-ho (small office-
home office) markets offers only one piece of scanning software for use across their hardware
range: VistaScan.
The user interface deviates from the Macintosh user interface standards in a number of key
areas. These include the design of the title bar and the implementation of interface elements such as
menus, tabbed palettes and scroll bars. The colours also deviate from the Macintosh standard
‘platinum’ look, instead including garish blue and red colours.
The VistaScan developers’ repeated deviation from the recommended guidelines has
resulted in the creation of an interface that is far from intuitive to the user. Standards facilitate a
greater level of shared understanding between the developer and the user, and by failing to adhere
to Macintosh guidelines the developers of VistaScan have missed an opportunity to create a
software product that encourages ease of use.
The Apple Macintosh human interface guidelines state:
Figure 8:
“Macintosh programmers have painfully learned that Mac users reject programs that
violate the expected user interface standards. Mac users expect consistent behaviour,
including menu placements, document behaviour, scrolling, and so forth. Some
publishers have successfully survived delivering un-Mac-like user interfaces,
because their applications were seen as either indispensable, awesomely innovative,
or a game … you will increase your acceptance
in the Mac market by making your application
look and feel like a standard application.”
Unfortunately it is apparent that the developers
at Umax failed to read the guidelines offered by
Apple. I feel that VistaScan is far from ‘awesomely
innovative’ and has survived solely due to the fact that
the use of Umax hardware dictates its use.
the system is accurate and, within the given context, intuitive, the rest of the graphic fails to
communicate clearly the way in which the user must manipulate the system in order to result in a
working receiver unit. The bold text labels indicating (presumably) the wire and connector types
use notation which is likely to be unfamiliar to typical users. The RG-59U cable for example, is
likely to look very similar to the ‘System Cable’, although no distinguishing features are
immediately apparent. The ohms and voltage ratings are also notation typical users may be
confused by.
These problems could be elleviated through the use of coloured cables, say red for ‘output’
and yellow for ‘input’. The addition of clearer on-box notation, for example ‘to TV’ instead of
‘output’, may even remove the need for an instruction manual to be consulted in a majority of cases.
2015 words.
Chris Sainsbury, 2002.
Table of Figures
Footnotes
1. The data ink level in figure 3 was calculated as follows (figures are in pixels, and result is to
5 decimal places):
Total area of data ink (including axes, description and 5 pixel wide bars) 5510
= 0.03765
Total area of ink (excluding only white areas of the graphic) 146334