View allAll Photos Tagged InformationDesign
This assignment, led by Brian Lucid at the Massachusetts College of Art and Design, investigates the transformation of raw data into comprehensible information.
The first phase of the assignment entails gathering a simple data set and defining methods to structure that data. The second phase involves extracting findings from the data and conveying that information clearly (through numeric representation) and engagingly (through design and metaphor) via a large-scale printed diagram.
Guide book from the Soviet Pavilion at the 1967 World's Fair.
You can see more pictures and text at my blog:
This assignment, led by Brian Lucid at the Massachusetts College of Art and Design, investigates the transformation of raw data into comprehensible information.
The first phase of the assignment entails gathering a simple data set and defining methods to structure that data. The second phase involves extracting findings from the data and conveying that information clearly (through numeric representation) and engagingly (through design and metaphor) via a large-scale printed diagram.
About to do the last pass on the Pam Golding Intranet IA, thought I'd share the beauty of information laid out in a visual way!
Feeling rather accomplished!
PS: Hope one day we can share the visual design for this intranet, it completely rocks in its simple beauty and is soooo nice to use!
Author(s):
Mark Lombardi
Institution:
Year:
URL:
www.pierogi2000.com/flatfile/lombardidrawingshow.html
------------------ ---------------
Project Description:
"Mark Lombardi (1951-2000) draws on the major political and financial scandals of the day to create large-scale linear diagrams that at first glance look like celestial maps; a closer reading reveals the intricate web of connections that lurk beneath current headlines. From Whitewater to the Vatican Bank, Lombardi uses dotted lines and broken arrows to chart the paths of illicit deals and laundered money, keeping track of it all in a handwritten database of 12,000 index cards. By scrutinizing the mutable boundaries that separate artistic practice from daily life, Lombardi wrings visual poetry out of dirty secrets--the results are a chillingly beautiful guide to the facts of life."
Author(s):
Yarden Livnat, Jim Agutter, Shaun Moon, Stefano Foresti
Institution:
University of Utah
Year:
2005
URL:
www.sci.utah.edu/publications/yarden05/VisAware.pdf
------------------ ---------------
Project Description:
Presented at the Infovis 2005 Conference in Minneapolis, MN (USA), VisAware reveals a novel visual correlation paradigm that takes advantage of human perceptive and cognitive facilities in order to enhance users' situational awareness and support decision-making.
The first image reflects VisAware used in a Biowatch scenario where its structure classifies agents in colored sections around a ring. It shows the different categories of biological agents and the different types of chemical agents (i.e. blistering and nerve agents). With the map in the middle, it is easy to correlate the presence of agents to the sensor that detected it. The correlating line has a variable width that shows the probability of the agent under analysis; the thicker the line the greater the probability of an actual attack.
The second image shows VisAlert, a visualization method for network intrusion detection. The authors based their approach on representing the network alerts as connections between two domains. These two domains are a one dimensional domain representing the node attribute, and a two-dimensional domain representing the time and type attributes. A network alert instance, in this scheme, is thus a straight line from a point in the type-time domain to a point in the node domain. They choose to separate the node attribute from the type and time as nodes provide a more or less static set of objects that can be used as visualization anchors for the transient alert instances.
Author(s):
Christian Riekoff
Institution:
Year:
2004
URL:
www.texone.org/tree/tree.php?id=applet
------------------ ---------------
Project Description:
tree is a translation program. the simulation of real space by software as a starting point and basic question characterizes the search for an algorithm (design specification) which illustrates a real tree. tree interprets each html page as a design specification; the html space determines the algorithm and generates the visual world of the translation beyond simulation.
tree accesses the source code of a web domain through it's url and transforms the syntactic structure of the web site into a tree structure represented by an image. this image illustrates a tree with trunk, branches and ramifications. first each tree is initialized, than all html links are detected, chronologically saved and finally displayed.
the structure of any url can be visualized and transformed into sound. the aesthetic is not arbitrary or accidental, rather each url/domain determines the variation of trees in form and color.
IEEE Spectrum // September 2009.
SPD Gold Medal, Design: Spread (Pub 45)
A feature on the making of The Beatles: Rock Band. Photographer Josh Dalsimer initially shot a portrait of the two Harmonix co-founders on a club stage in Boston. We figured we'd just use that as the opening image, but later commissioned illustrator Sean McCabe to take our existing portraiture and integrate it with game elements to give it a more "Beatles" vibe. I created the record and label in Photoshop to use for the headline, subhead, and byline using the '60s-era Capitol Records labels as inspiration.
Author(s):
Marcos Weskamp
Institution:
Year:
2005
URL:
www.marumushi.com/apps/flickrgraph/
------------------ ---------------
Project Description:
Flickr Graph is an application that explores the social relationships inside flickr.com. It makes use of the classic attraction-repulsion algorithm for graphs. The user starts exploring its contacts by entering their flickr username or email address, after which the network starts emerging around its own icon. One can also explore uploaded photos by any user present in the graph.
This is a photograph of a Waffle House grill cook's cheat sheet.
The photographs indicate the way in which a cook marks his orders. These secret plate markers allow a Waffle House cook to simultaneously prepare multiple customer orders at once.
Let me give you an example. If I were to order three scrambled eggs, dry wheat toast, and hash browns, the waitress would face the grill and yell out loud - "Mark: Triple scrambled dry wheat plate."
The cook would then quickly take a large dinner plate, turn it sideways, and place a tub of jelly upside down at the six o'clock position.
The six o'clock position indicates scrambled eggs, and the jelly upside down means wheat toast. I am not sure how to mark "dry" for the toast, or how to indicate hash browns versus grits.
This chart explains why I often get a packet of mayonnaise with my grilled chicken plate.
You might also like my photo collection of paper towel dispensers or Americana photo set.
I made a diagram about my crocheting in the last 3 Month.
You can see:
1. how long I crocheted on each day and how long each item was crocheted
2. how long each item was on etsy and on what day it was sold
3. in which city the item was shipped
More information in etsy storque article:
www.etsy.com/storque/etc/infographics-one-sellers-visuali...
IL 18
di Francesco Franchi e Daniele Lorenzetti
Illustrazioni di Laura Cattaneo
--
Il 2010 è l’anno mondiale della biodiversità. Ricordiamoci che se scompare una specie, l’intero ecosistema può subire danni irrimediabili: senza api non avremmo frutta, caffè, cotone. La “lista rossa” degli animali a rischio è lunga. Ecco una mappa sintetica e alcuni casi-simbolo... Ma ve lo immaginate un mondo senza elefanti?
IL 28 — ANALISI GRAFICA
Se le api non volano
di Sara Deganello, Francesco Franchi e Roberta Giaconi
Illustrazioni di Francesco Muzzi
--
Da anni continuano a diminuire. Vari i motivi (ipotetici, finora): parassiti, pesticidi, cambiamenti climatici. Eppure, dall’impollinazione (di cui sono vettori) dipende il 76 per cento della produzione alimentare europea. Il parlamento di Bruxelles ha votato una risoluzione per tutelarne la salute. E arriveranno un po’ di fondi in più
--
[ENG] Honey bees extinction and EU proposal and measures to stimulate and develop beekeeping throughout Europe
--
IL - Intelligence in lifetyle on facebook:
My visualisation of the famous Elements as defined by Jesse James Garett in his Book "The Elements Of User Experience" (New Riders, ISBN: 0-7357-1202-6)
IL 22
di Francesco Franchi e Alessandro Giberti
Illustrazioni di Laura Cattaneo
--
Con l’Occidente compatto contro il suo programma nucleare l’Iran sposta i propri interessi altrove: Cina, Corea, Africa, le ex repubbliche sovietiche dell’Asia centrale, il Sudamerica di Chavez. A testimoniarlo, gli scambi commerciali e i viaggi di Ahmadinejad
I have knitted these wrist warmers on my way to Berlin and back.
Left: Hamburg > Berlin by car (3h 45 min)
Right: Berlin > Hamburg by train (1h 50 min)
: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :
You have an opportunity to win these wrist warmers.
Just leave your comment here or on facebook (one entry per person) till 21th of December.
Finally I made a diagram about my etsy sales so far.
The sales are sorted by cities and connected with the map.
Unfortunately It was not possible for me to upload a
bigger picture as (9292 x 7481): see in big resolution.
Or here is possible to download the bigger picture.
More information in etsy storque article:
www.etsy.com/storque/etc/infographics-one-sellers-visuali...
I had the honor to create some infographics for Rachel Sussman's book The Oldest Living Things in the World.
More info on www.substudio.com/oltw
© Copyright 2014 Michael Paukner. All Rights Reserved.
IL 15
di Francesco Franchi e Alessandro Giberti
Illustrazioni di Laura Cattaneo
--
Progettare il packaging in modo consapevole aiuta a ridurre le dimensioni di involcri e prodotti. Conseguenze? Minori costi di trasporto, di produzione e meno emissioni nocive. Con benefici per le tasche e l'atmosfera
*******************************************************************
Silver medal at 17 Malofiej International Infographic Award
*******************************************************************
A graphic guide to Egypt's Presidential Elections. Introducing the electoral Beardometer, a political sliding scale for understanding the map of Egyptian political parties.
Infographic by Francesco Franchi and Alessandro Giberti
Illustrations by Francesco Muzzi
The cities I lived in during the span of documentation. violet_Los Angeles, blue_San Francisco, orange_Basel, pink_Berlin
IL 14
a cura di Pietro Buffa, Francesco Franchi, Alessandro Giberti
--
Il fabbisogno mondiale di acqua aumenta ogni anno di 64mila miliardi di litri. Una crescita triplicata rispetto a quella di qualche decennio fa. La colpa: modelli produttivi intensivi e stili di vita dispendiosi. Eppure per risparmiare basta poco
IL 16
di Francesco Franchi e Daniele Lorenzetti
Illustrazioni di Laura Cattaneo
--
Paese che vai, camion che trovi. Dai “musoni” americani ai lunghissimi australiani, passando per gli asiatici metallizzati che stanno colonizzando l’Africa: facciamo un giro sui bisonti della strada, i colossi del trasporto mondiale che fanno viaggiare (ancora) la maggior parte delle nostre merci
IL 16
di Francesco Franchi e Alessandro Giberti
Illustrazioni di Davide Mottes
--
Impariamo a considerare le distese d’acqua della Terra come i più grandi serbatoi esistenti di energia pulita: sfruttandone le caratteristiche fisiche (onde, correnti, maree, salinità, diverse temperature) si può produrre un mare di elettricita
State of the internet 2010
5 graphics about internet (hand-made visualized)
Internet users 2000-2010
Source: Internetworldstats.com
State of the internet 2010
5 graphics about internet (hand-made visualized)
Number of email sent everyday 2010
Spam vs. The real thing
For every 100 emails, 90 are spam.
I tried to use this as a guide for sewing the final map... Unfortunately I forgot to take photos of the finished map -- it was also 5:00am or something. O_O
Illustration, made for exibition at Touriseum, Meran
www.wienerzeitung.at/DesktopDefault.aspx?TabID=4103&A...
blog.rebell.tv/culturalstudiesch/paul-boesch-direktor-des...
This sketchnote is featured in Eva-Lotta's new book that gathers her sketchnotes from over 100 talks taken at design events and conferences in 2011.
In addition, Eva-Lotta invited 10 of her favourite sketchnoters from all over the world to contribute to the book. They all sketched the same TED talk and created some stunning sketches that show off the wide variety of styles and different ways of summarising content.
An interesting item this. A paper "bifurcation" or destination sign in the disused passageways at Holborn station, taken in 2014, and a survivor from the 1930s when the Piccadilly line extensions were constructed and added to the network in 1932/33. It is also indicative of a period of experimentation with signs and sign layouts that took place just after London Transport was formed in 1933 and when various different methods of depicting routes and stations was tried out - on train and station diagrams, signs and the "map". This may have been a "trial" in a quiet passageway (it connects the old Aldwych shuttle platforms) and may well have been covered over by an enamel sign at some point.
It is in Johnston typeface and shows stations as dots but with interchange stations as diamonds, similar to the style Beck worked with on his tube 'map' or diagram at the time. There was also an attempt at the time to use the same visual language on the car diagrams so as to bring a continuity across all aspects of publciity and information as was seen in the post-1935/8 standardisation of line colours. The poster sign also displays the directional arrow - in the form of the roundel with a flighted bar, known as the 'mexican arrow' for some reason. The number of flights on the arrow bizarrely helps date it - after about c1932 it dropped to three from four and in time it 'lost' a flight! Here it has been separately 'posted' on.
My latest submission to the InfoDesign Calendar Challenge at my blog.
It works like this:
1. Locate the day-number.
2. Move upwards in its column until you find the month-row.
3. Read the day-name in the intersection (month-names always fall on a Monday).
This is an evolution of my first submission and it comes in two flavors: mini (shown above) and maxi--here's a comparison pic between them. Actually, maxi is a far better candidate for the challenge (I always present forty-plus-olds with mini first, and while they do like it, they're overjoyed when I show them maxi) but I just couldn't resist putting mini up there--I find it amazing that you can fit a full calendar into such an small space and still keep type at a decent size:
mini: 4.2cm x 6.1cm. Type 11 for numbers and monthnames, 10 for daynames
maxi: 5.2cm x 7.5cm. Type 15 for numbers, 14 for monthnames, 13 for daynames.
Size comparison with a credit card.
Mini compared with a normal calendar.
Maxi compared with a normal calendar.
The young and the good-sighted overwhelmingly prefer mini.
As for the design, I abandoned, reluctantly at first, the "wordless automaton" dream. Actually, I abandoned every design feature that I could and left only type and 3 colors. The result was surprising and refreshing, and in many ways much easier to understand. The way color links month end dates, one of my favorite features of the previous design is now even simpler--now there's only red for months with less than 31 days. Rows are now indicated by type color and that brought a huge improvement in contrast, which was more harmful to legibility than font-size in the original design.
Two other interesting things followed from the type-color rows. First, it forced me to use 3letter daynames, which is quite an unprecedented feat for calendars of any size that does help somewhat (particularly in a calendar like this, were daynames change position). Second, it allowed number columns to continue, greatly improving scanning, which allowed me in turn to drop the ~6 month split--at first a seemingly neat idea that eventually turned out to be somewhat distracting, an exception, one more thought step.
The one exception I haven't been able to depart from are the embedded monthnames. Placing them on Mondays (instead of Wednesdays), and thus marking the start of the week, was an improvement but I can't think of further ones (and I do think they blend a little bit too much with daynames). The obvious improvement, placing them all on an extra leftmost column turns out not to be that helpful. It doesn't look nearly as good for one thing, but it also seems to be strangely less usable--it's much easier to lose your place. You have to use them to notice the difference but here's a very lousy diagram of my current theory: basically, with embedded monthnames the eye can sweep upwards and almost unconsciously through the calendar, find the monthname, and usually have the dayname closeby; with leftmost monthnames the eye has to do a lot of tracing and retracing to be sure it's at the right place.
Btw, notice the middle column is slightly darker to ease scanning. Anything that can be done to improve column visibility and memorability helps a lot.
The biggest advantages of this design are legibility, size, and speed (it consistently beats normal calendars, any size, at dayname games). The biggest disadvantages are a(n albeit minimal) learning curve and (this one kills me) the inability to be able to mark holidays.
Here are the Excel 2007 source files --mini and maxi-- for you to play with the design. You'll need the wonderfully narrow Andale FB and Matthew Carter's Bell Centennial --a font designed specifically for AT&T's telephone directory and thought with concision and legibility foremost in mind.
And here are PDFs of mini, maxi, and left-column-mini in case you want to print the designs and test them.
So what do you think?