Viz Think 08

vizthink08+advertisement+ +stephen+few Viz Think 08

Talking about Viz Think 08 (David Gray Blog - Communication Nation) Stephen Few expresses concerns over drawings. The other speakers hired 'they don’t accurately represent the spectrum of visual thinking, and that the list of topics is heavily skewed, primarily toward the use of drawings to record ideas (such as during a brainstorming meeting) or in printed form to explain something, such as a concept or process' (Visual Business Intelligence A blog by Stephen Few).

He express his concerns over visual thinking at Viz Think 08 not just being about drawing in his blog post Not every picture is worth a thousand words (dec 07). He rightly points out that visual thinking should include the exciting ways in which it 'is supported by technology today: information visualization—”the use of computer-supported interactive visual representations of abstract data to amplify cognition” (Card, Mackinlay, and Shneiderman, Readings in Information Visualization: Using Vision to Think - Interactive Technologies, 1999).

Technologies that created the previous post featuring Julien Bayles Dynamic Clock. I stumbled accross the image featured that I thought was a great spatial visualisation of the aspects involved in visual thinking that I assume is by Stephen Few. Its similiar style to the artist Eboy featured in Illustration Now! - 150 Illustrators featuring some of these technologies that integrate into this visual thinking spectrum such as navigating Virtual Worlds or Video Communication distributed by Utube via what should be featured in the illustration the internet. I particularly like the guy featured in the bottom right, 'communication skills, problem solving & drawing' definetly needed to visually think & design - solve.

But technology does have a huge influence on visual thinking, it allows us to communicate/collaborate ideas accross the world/virtual world instantly it also allows us to catalogue/collate these wonderful & varied abstract data visualisations from notebooks to concept maps.

Visual Poetry 05

3c688d8469bf0b14745aea5a61a9e983 Visual Poetry 05

“I was visually inspired by L-System algorithms. However, it did not make sense to use any recursive algorithms. But I picked up the idea that certain symbols in a text would control the growth of the tree. Specific letter-combinations would create a new branch, others would make it grow stronger. So the final tree-structure would be a direct result of the letter sequence in the text. Therefore, every poem is represented by its own, distinct tree.” muller, boris

These are beautiful but 'Information aesthetic visualizations should appeal both to the mind and soul. While they positively stimulate our senses, in terms of engagement, involvement, and imagination, they are also optimized for the specific task of conveying complex data-driven concepts in intuitive and easily comprehensible ways. It is not a surprise then, that the most successful infographics use creative design insights'. Vande Moere, Andrew

This reiterates what has been mentioned upon with Wordless Recipics by Lauren Bugeja post that the GUI (graphic user interface) should utilise engagement allowing greater playfulness through more challenge, presenter control, and variety in a game for browsing. These creative design insights are being aware of the salience, redundacy etc.

Andrew Vande Moere - Lecturer/Assistant Professor Key Centre of Design Computing & Cognition

http://pingmag.jp/2007/03/23/infosthetics-form-follows-data/
http://web.arch.usyd.edu.au/~andrew/
http://www.esono.com/boris/projects/poetry05/

Visual Communication: Wordless Recipics

laurenbugeja+ +visual+recipe1 Visual Communication: Wordless Recipics

http://www.coo.kz/

This is the website Lauren Bugeja has created to house these beautiful visual maps. The visual equivalent of a thesis - work from her final semester in Visual Communications.

She calls these visual maps Recipics, good use of ambiguity in the word pun on recipes. These are great explorations of visually mapping information making it universally accessible. She still uses the paradigm of numbers & arrows, but what I like best is how she uses these & space to depict time & measurements fig. Depicting time in a similar tecnhique to Bradford Paley in Once more around the sun. She uses faded flames contrasted to full colour to depict gas mark, which is admirable technique removing the use of numbers.

She has great experiments between mimetic depictions of food, but creates great iconic characters to represent meats i.e. lamb=sheep, beef=cow & pork=pig, fig.

Bugeja acknowledges the occasional stumbling block: “The ingredients are still a work in progress,” she said. “For example, it’s hard to explain the difference between flour, baking powder, anthrax and cocaine without words.”

A clean sans serif font, & beautiful pastel colours really caps off a great, excellantly executed idea.

Her research map as she calls it, looks at the contrast of word & images, human factors with Human Information Processing with communication. In relation to interaction of the GUI (graphic user interface) she states the same as I have researched with engagement allowing greater playfulness through more challenge, presenter control, and variety in a game for browsing.

What’s most relevant here is the Information Architecture to ‘organise information to create meaning’ through ‘scheme & structure’ i.e. mental schemas and these visual map techniques of brainstorms, spider diagrams etc (Bugeja, 2008, p VC Major project). There are many more beautiful visual maps of all topics linked under diagram diaries on flickr.

http://www.flickr.com/photos/laurenbugeja/sets/72157594238802216/


http://www.nytimes.com/2007/05/06/style/tmagazine/06tdiagram.html?pagewanted=print

Web Trend Map 2008 Beta

web+trend+map+08+ +information+architects+jp Web Trend Map 2008 Beta

Not all visual maps are prescribed to geographic content. Moving away from the past 3 maps of geography but continuing the theme of technology, there is this wonderful map from the Information Architects mapping popular internet websites.

In its second version they've 'taken almost 300 of the most influential and successful websites and pinned them down to the greater Tokyo-area train map. By popular demand, we enlarged the poster size from A3 to A0' (greber, 2008, web-trend-map-2008-beta).

In the popular style of train/underground maps, first started by Harry Beck’s London Underground map, which he developed from 1931 onwards, they are being subverted into alternative content, like here of websites map. Their clear, clean white space [1] is highly effective for organisation of information.

It is a type of

concept map

that is similar to brainstorms where it connects ideas and to that of mind maps. They are ‘graphical representation[s] where nodes (points or vertices) represent concepts (defined by [Joseph .D] Novak[2] as perceived regularities in objects and events), and links (arcs or lines) represent the relationships between concepts’. These objects and events are the common features which we abstract from our experience. The events form Wordsworth’s childhood memories that are ‘“sources of adult confidence and creativity”’ and helped him when writing Daffodils, or the visual memories in Barcelona of Picasso that inspired the painting of ‘Les Demoiselles of D’avignon’ and the objects could be the Iberian sculpture, or the Monet painting that also inspired him (Coffey, Hoffman, Cañas, & Ford, 2002, p. 2), (Sharples, 1999, p. 48).

‘Concept maps are used to form knowledge models by placing them in a hierarchical organization and appending elaborating media onto the nodes within each map’ (Montello, 2002, p.2). An excellent example of this is the search engine KartOO. The elaborate media stated are the hyperlinks, animations that are activated when you click on one of the nodes (website names).

Overall it is an excellant map utilising white space & framing knowledge beautifully, brilliant balance of form/function. More articles will come featuring projects mapping the internet.

Online Clickable links version - excellant concept map
http://informationarchitects.jp/webtrendmap3/trendmap2008.html

[1] ‘white space is, perhaps, the most important, [...] aspect of writing as visual design. According to James Hartley, a psychologist who studied the visual design of text, good use of white space can help a reader to: See redundancies in the text & thus faster reading; See more easily which bits of text are personally relevant for them, See the structure of the document as a whole; Grasp its organisation’ (Sharples, 1999, p.141).

[2] Joseph D. Novak studied the concept mapping technique in the 60’s at Cornell University.

mini bibliography

gerber, matt. (2008). Web trend map.
http://informationarchitects.jp/web-trend-map-2008-beta/ Friday, January 25th, 2008

Sharples, Mike. (1999). How We Write: writing as creative design. Routledge, London

Google. (2007). Search – Cognitive Mapping
http://intraspec.ca/12montello.pdf. Montello, David. (2002). Cognitive Map-Design Research in the Twentieth Century: Theoretical and Empirical Approaches. Cartographic and Geographic Information Sciences, Vol. 29, No. 3, pp.283-304

Google. (2007). Search – Cognitive Mapping
http://intraspec.ca/cogmap.php. John W. Coffey, Robert R. Hoffman, Alberto J. Cañas & Kenneth M. Ford. (2002). A Concept Map-Based Knowledge Modelling Approach to Expert Knowledge Sharing*, Florida Institute for Human and Machine Cognition, Pensacola Fl, 32502, viewed 30 June 2007, http://www.ihmc.us/users/acanas/Publications/IKS2002/IKS.htm

Once More Around the Sun

OnceMoreAroundTheSun2008+by+bradford+paley Once More Around the Sun

Brad Paley, sometimes teaching at Columbia University, who also designed Text Arc has depicted the calendar graphically in an excellent circular form with equal distances between numbers. It is informatively named Once more around the Sun 2008 a package of 7 calendars, brilliant symmetry and fidelity from its accuracy.     The book Mapping: An Illustrated Guide to Graphic Navigational Systems has a high focus on the graphic element and has a chapter looking at examples of representations of time & space featuring work by NB: Studio - London Kerning   Paley, Bradford. (2008). Information Esthetics - calendar http://informationesthetics.org/