My Fry

a69f3d0c307f48f4086deaa9fafa5fd4 My Fry

I love this app from Stefanie Posavec and Dare Digital. She is to be featured in Visualisation Magazine Vol 4 Handmade with her equally beautiful Literary Organisms work.

These projects are great as they examine the accessibility of information and try to make complex narratives of words easier to read by opening up the multi-linear reading of data, see blu-comic or typographic nuance. Giving it a new pattern which is just as brilliant achieved in this app, what apps i think should be made for: easier to access information, but also she & dare digital bring with it beauty in form too.



From Stefanie's site:

'MyFry is the iPhone app edition of The Fry Chronicles, Stephen Fry's latest autobiography.

This project was initiated by Jeremy Ettinghausen at Penguin. I designed the 'visual index' graphics, and Dare Digital made it interactive and created everything else (ie the most important parts).

This iPhone app functions as a 'visual index' of key theme tags within the book, all of which have been divided into 4 major groups: People, Subjects, Emotions, and 'Fryisms'.

The entirety of the book is represented by a circular wheel of 'spines', each of which represents a section of text. The arcs around the outside of the wheel connect sections that are tagged with the same theme.

Through interacting with the scroll wheel, the user can explore the text and read sections in chronological order, by theme, or in any order he or she chooses. As Stephen Fry's autobiography was written in a style that was suited to splitting the text into separate moments in Fry's life, the visual index offers the reader a different way of engaging with this book.'  itsbeenreal.co.uk/index.php?/new/myfry-iphone-app/

Really would love websites to take on this persona, of multi linear reading, interactive, where information is represented as a node, see concept map.

MyFry in the iTunes store

Video: Stephen Fry explaining how the app works

Stephen Fry's website Dare Digital

Related articles by Zemanta

Published on 2010/10/02 3:43 pm.
Filed under: architecture, circular, concept map, connections, Interactive Mapping, multidirectional, non linear, wheel, words, writing Tags: , , , , , , ,

Mapping the Creative Process

Mapping the Creative Process

Damn good stuff they make, wish they were more prolific in their creation but they are well
worth the wait. How appropriate then their next one is the Creative Process. I'm sure we all
think things can be included but they have pretty much nailed it. I am sure it will be doing the blog rounds as it is well deserved, but as from the blogs I am fed and try to digest from google reader it hasnt yet, so lets start the ball rolling.

Share with your many more readers than mine and explore their versatile and equally clear 'back catalogue'.


I tell you, the amount of posters I want to print so big and put up in a classroom, Periodic table of Typefaces, this, Periodic Table of Design, psd-poster - shortcuts by designbyvent, Type Timeline Map... and I'd be tempted with Periodic Table of Visualisation Methods, Information Aesthetics Diagram.

Here's what they say,

'The creative process is not just iterative; it’s also recursive. It plays out “in the large” and “in the small”— in defining the broadest goals and concepts and refining the smallest details. It branches like a tree, and each choice has ramifications, which may not be known in advance.

Recursion also suggests a procedure that “calls” or includes itself. Many engineers
define the design process as a recursive function:

discover > define > design > develop > deploy


The creative process involves many conversations—about goals and actions to achieve them—conversations with co-creators and colleagues, conversations with oneself.
The participants and their language, experience, and values affect the conversations'.

http://www.dubberly.com/concept-maps

Download PDF - http://www.dubberly.com/wp-content/uploads/2009/03/ddo_creative_process.pdf

check out their model of innovation concept map,

Innovation concept map by hugh dubberly , Sean Durham, Ryan Reposar, Paul Pangaro, and Nathan Felde

More here:
A Model of The Creative Process
A Model of Play

How Organizations Track Customers

Domain Name Map

Heart Attack
Java Technology

A Model of Brand
How to Play Baseball

Understanding Internet Search
Design for the Internet

Published on 2009/04/12 12:44 am.
Filed under: aesthetic, cartography, communication, concept map, creative, design, ideas, information, knowledge, map, praxis, problem, typographic, visual

Amazon Books Map

Amazon Books Map


amaz node - info vis - Takayuki Fukatsu


Amaznode (http://amaznode.fladdict.net/)
is a relation based search engine for amazon which is made with adobe flash9 (as3). This search engine visualizes a relation network of products in amazon, from the statistics data "customers who bought this item also bought", by digging related products again and again. Amaznode is not
only for searching but also good for researching and making an associate link.

Fantastic how it mines the associational network of products 'also purchased by...'

good display for hover over with its interactivity. love it.

integratable to your own amazon associates id. score

and not just books, or info vis... any product. the best amazon widget.


Affiliate with amaznode

Amaznode enables you to make a direct link to paticular saerch query, and you can also add your own amazon associate link.


In the search result view, click the "COPY RESULT LINK" button at the top left menu. It copies a handy html to your clipboard.


a href="http://amaznode.fladdict.net/#keywords=information%20design&locale=uk&searchIndex=" target="_blank" affiliate="AFFILIATEID-22">Search with amaznode: information design /a>


You can easly make a link to amaznode search result by adding this code to your blog or email.


Also if you have amazon associate id, and you replace the part "affiliate=" to your own id, all products in this query works as your associate product link.



Market analysis with amaznode


An another aspect of amaznode is that for researching tool. Searching with amaznode, you can find hidden characteristics of products. For example, some kind of products may be bought by a limited user group even it is very very popular.


Made by Takayuki Fukatsu (fladdict.net / blog)


see previous post: Green Search Engine

Published on 2009/01/23 4:07 pm.
Filed under: algorithm, clean, complex, concept map, data, dynamic, image, information, knowledge, map, multidirectional, nodes, non linear, spatial, spider, technology, visualisation, white space

Mapping Modernism

V%26A+Mapping+Modernism Mapping Modernism

Not sure how I found the link but i discovered this intersting little timeline map of modernism. Colourful, capturing your atttention thorugh key with a soft white and grey column background to help seperate each individual year from 1910 - 1950.

Mapping Modernism charts 10 of the influencial designers for the period where you can scroll horizontally to see where these designers were at a point in time & click on the time bars to find out more like a concept map (scroll down for description). You can also see a designer's biography by clicking on their name. Some of the ones I know of being:

Serge Chermayeff
Theo Van Doesburg - De Stijl
E. McKnight Kauffer - his tessalating birds illustration for the underground ads.
& Laszlo Moholy-Nagy

Simliar to my type timeline map.

The exhibition Modernism: Designing a brave New World - 1914 - 1939 was 'the first exhibition to explore the concept of Modernism in depth, rather than restricting itself, as previous exhibitions have, to particular geographical centres or to individual decades. Many forms of art and design are represented in the show. But as befits a period when the debates surrounding how people should live took centre stage, the exhibition focuses on architecture and design. The range of objects – including architectural, interior, furniture, product, graphic and fashion design as well as painting, sculpture, film, photography, prints, collage – reflects the period's emphasis on the unity of the arts and the key role of the fine arts in shaping contemporary visual culture'.

Some of these objects include the Club Chair by Marcel Breuer from the Bauhaus under Walter Gropius's leadership. But also the more graphic genius of Hary Beck's Underground Map that has spawned so many more stylised variations in 1933.

Great Mapping.

Found here: http://www.vam.ac.uk/vastatic/microsites/1331_modernism/mapping_modernism.html

Published on 2008/07/21 3:12 pm.
Filed under: aesthetic, architecture, art, artefacts, collaborative, colour, communication, concept map, constellations, creative, designs, graphic, mapping, spatial, text, time, tube

Periodic Table of Visualisation Methods

periodic+table+of+visualisation Periodic Table of Visualisation Methods

Brilliant, brilliant, brilliant. Its interactive, you hover over the elements charted and it gives you an example of the creative data/information visualisation method.

For instance my last post Type Timeline Map would be the element T and is usually just an overview, although I tried to put as much detail in as I could, and is classed as an Information Visualisation. They're all there and more Mind Maps, Flow Charts all divided into categories.

It is another great subversion of design styles with soft pastel colours. The original Periodic Table transformed into Visual Thinking Elements is fantastic. Gives creativity and design this much needed scientific perspective as many data/info visualisations are bordering on the discipline of Science.

This isn't the first periodic table subversion, Simon Patterson not surprisingly in 'Rhodes to Reason' (1995) featured in Mapping: An Illustrated Guide to Graphic Navigational Systems has done this too. Simliar to his other Beck Tube map 'The Great Bear' (1992) subversion he takes actors names initials Sc for sean connery as an element and many other diverse individuals.

I first saw this Periodic Table of Visualisation methods featured among Jeff Bennett's Visualisation Taxonomy at his site visualthinkmedia.com. I then found it featured at Dave Davison's blog IQP which is when I discovered the full magnitude of its brilliance.

Excellant work by Ralph Lengler and Martin J. Eppler @
visual-literacy.org/periodic_table/periodic_table.html

Published on 2008/05/25 1:47 pm.
Filed under: art, composition, concept map, creative, data, diagram, form, function, graphic, knowledge, language, map, mapping, science, spatial, symbollic, technology, visual maps, visual thinking, visualisation

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

Published on 2008/04/07 12:07 am.
Filed under: architecture, concept map, function, harry beck, information, internet, knowledge, links, mapping, memories, mind, nodes, perception, picasso, subvert, underground, visual maps, web map, white space, wordsworth

Music Plasma

liveplasma musicmap Music Plasma

Its ‘planets’ style with the 3D central gradient effect to the circles, and varying sizes create excellent salience as they grab your attention. The circular halo around ‘a band represents its popularity, the wider it is, the more popular or representative of a certain style of music it is’. The colour stands out against the soft grey background, ‘the colour of a very popular band, will influence the colour of the related bands’ (Worldwide, 2005, p. credits).     This varying size affects the information value very effectively, but as it is a Concept map, clicking one of the planets readjusts the circular halo (planets) to a series of bands that are associated to them, such as with The Ravonettes. The subtle, seamless, beautiful real time repositioning of the constellation to the associated bands with them is excellent. The interconnection of these information sources is immense and is not half, not nearly as visually stimulating viewed via plain words/sentences. Music Plasma has an interactive highly creative visual composition, visual map. It has mapped the knowledge of a map designers mind and allowed the seamless fluid motion to map user’s interaction.  

Worldwide copyright.com (2005). Frederic Vavrille – Live Plasma http://www.musicplasma.com/
 
Related articles by Zemanta

Published on 2008/03/24 11:48 pm.
Filed under: concept map, constellations, music Tags: , , , , , , , , , , , , , , , , , , ,