Original Information Design

8/12/2019 Original Information Design

1/90

informationdesign


2/90

informationdesign

Clutter is a failure of design, not an

attribute of information. Edward Tufte

Edward Tufte has been described by The New York Times

as the "Leonardo da Vinci of Data."


3/90

informationdesign

whatisit?


4/90

informationdesign

whatisit?

The design of information-intensive projects:thinking of design from a user-centric approach


5/90

informationdesign

what is it?

data is fairly worthless to most of us. to have value, it

must be organized, transformed, and presented in a waythat gives it meaning and makes it valuable.

p270 ID jacobson


6/90

informationdesignhistory

Egyptian scribes sat every day in the marketplace and wrote

hieroglyphic letters, reports, memos and proposals for their clients.At least since then, the business of assisting others to make

their communications more effective has flourished. Robert E. Horn

Robert Horn, political scientist, USA : best known for his developmentof information mapping, a method of information development

suited especially for technical communication.His latest contribution to the presentation of information

is called "Visual Language (1998)(using maps, diagrams, images as the communication method for the 21st century).
http://en.wikipedia.org/wiki/Technical_communicationhttp://en.wikipedia.org/wiki/Technical_communication


7/90

informationdesign

Todays world of information overload means that

designers are frequently asked to organize and simplifymassive quantities of information - in terms of thedesigners evolving role in business, expertise in

information design has become a key factor inproviding value to clients.

Idw rockport

evolution of


8/90

informationdesignvisual language has emerged and evolved

because of the urgent needs of contemporaryindividuals and organizations to deal with the

complexity. Many ideas are best expressed withvisual language, and other can onlybe expressed

with visual language.

Along with information design, visual languagehas also developed rapidly in the past decade

especially because of the widespread availabilityof computer graphics programs.

evolution of


9/90


10/90

who are the players?

William Playfair

lived during the american revolution 1775-1883

historyofinformationdesign

he invented several major types of graphics and chartsand popularized them through his writings on political

and economic topics.


11/90


Florence Nightingale1820-1910


invented new types of statistical graphs, and one of the firstto use information design - in a public policy report (prepared

for the Prime Minister during the Crimean War - which led toa revamping of conditions in british military hospitals)


12/90


Michael George Muhall, (Irish, published statistical books)Otto Neurath (austrian social scientist)

David Sibbet (organizational consultant and information designer)


Michael George Muhall invented pictorial statistics (late 1890s)Otto Neurath developed a methodology for displaying themeffectively (1973).David Sibbet devised a set of techniques for graphicallyrecording the process of group dynamics as they developduring a meeting (1980).


13/90


Charles and Ray Eames

pioneers of modern information design -the timeline mural and exhibition design

from the 40s to 60s : Charles with his background in architecture,

and Ray with her background in abstract expressionist paintingsand textile design, designed pioneering and prize winning modernfurniture, monumental exhibitions and later, information design.Although the timeline existed, theirs contained an unprecedentedinformation-carrying capacity for historical currents and events andwere the central organizing principal for designing exhibitions.



14/90


the British Information Design Society

invented and popularized the term information design


its conferences have brought together users from several

disciplines: designers, researchers in psychology and education,

computer interface designers, performance technicians,typographers, advertisers. This has led to developinginterdisciplinary university programs in information design.


15/90


Edward Tufte

information design esthetician


his three books, The Visual Display of QuantitativeInformation (1983),Envisioning Information (1990),

and Visual Explanations (1997),have provided the field ofinformation design with pioneering studies in howcommunication can be both beautiful and useful.


16/90


magazines and newspapers

information design vehicles

Nigel Holmesart director at Time


In recent decades magazines and newspapers have been

the leaders in the popularization of information design.Advertising designers have long known about and practiced,making information attractive and persuasive, to increase itschances of being read. Nigel Homes is an acknowledgedteacher and pioneer in this area and described theseinfotainment values in several books (1984 - 1993).


17/90


Richard Saul Wurman

information design vehicles

Nigel Holmesart director at Time


he raised public awareness of the importance of information

design in his books, Information Anxiety (1989), Followthe Yellow Brick Road: Learning to Give, Take and UseInstructions (1992)and Information Architects (1997)


18/90


wayfinding graphics

signage for public spaces


during the past 40 years, as the environmental graphic design

profession matured, the range of wayfinding projects rapidlyexpanded. In the early 1970s signage was limited almost

entirely to showcasing architects and developers buildings.today almost every type of public space and most privatecomplexes require a wayfinding system. As our cities continueto sprawl, getting people from place to place and orienting themin complex spaces is increasingly complicated. p16 TWH


19/90

informationdesign


20/90informationdesign

what is it?magazines, packagingcorporate communications

maps, charts, and diagrams

websites, screen based projects,

digital media, hand-held devices

wayfinding (directional signagedesign for public spaces)and exhibits (museums, etc.)

printed matter :

information graphics :

interactive design :

environmental design :



what is it?

think :how will the user experience this informationguide their journey through it

process : Organize : Group : Declutter : Simplify

themes and patterns will emerge andyou will find the story you want to tell



what is it?

Think : an information designer is like a reallygood translator or interpreter.

to create a good piece of information design,a designer needs to understand the goal of

the piece and be able to get tothe essential story or set of messages.



what is it?

Think : when you make information attractiveand persuasive it affects whether readerswill actually read and use the information


24/90

visualizing data informationdesign


25/90

informationdesign

whatisit?

visualizing data


26/90

informationdesignvisualizing data


27/90

informationdesigninformation graphics


28/90

informationdesign

whatisit?

information graphics : flow chart


29/90



30/90



31/90



32/90

informationdesigninformation graphicsexploding diagram


33/90

informationdesigninformation graphics : exploding diagram


34/90



35/90



36/90

informationdesigninformation graphics : exploding diagram


37/90

informationdesign

whatisit?

information graphics


38/90



39/90

informationdesign

whatisit?



40/90

informationdesign*comparative data / information graphics


41/90

informationdesign

what is it?

>> a passion for asking questions (find the story to tell)the ability to see detail and generalrespect for the end-users time and needsthe empathy to imagine what others feela sensitivity to everyday annoyances

the ability to observe and participate

A sense of humor

Attributes of an information designer

(A user-centric mindset)


42/90

informationdesign

what is it?

there are thousands of ways we depend ondesign to help us sort through complicated

information and complex choiceswhether the information is online, printed,

environmental, or experimental

design can cut through the clutter

to the essence of an idea


43/90

informationdesign

what is it?

your idea must drive the design

(not the other way around)

*the following relates to your first assignment


44/90

informationdesign

your first projectcharts, graphs and mapping

humans show a remarkable need to visualize, understand,and catalog the world around them. we have been mapping

geographic landscapes for centuries, we create chartsand diagrams to analyze data and draw conclusions from it.

well-executed information graphics create a sense ofcontext and reveal relationships between sets of

information, allowing for new conclusions.


45/90

informationdesignpie chart : bar graph : line graph : timeline


46/90

whatisit?

informationdesign*pie chart


47/90

experimental


48/90


49/90

informationdesignbar graph


50/90

informationdesignbar graph


51/90

informationdesign

whatisit?

bar graph


52/90

informationdesignpie chart

bar graph


53/90

*line graph -

comparative data informationdesign

(a sense of humor makes this graph engaging)


54/90

whatisit?

line graph


55/90

informationdesign*timeline and

line graphi


56/90

informationdesign*quantitative timeline


57/90

informationdesign*information graphics : comparative data


58/90


informationdesign


59/90

informationdesign*information graphics : mapping


60/90

informationdesigninformation graphics : mapping


61/90



62/90



63/90

information graphics : data map

informationdesign


64/90


65/90



66/90

informationdesignmapping : sculpture map of manhattan


67/90

informationdesigninformation graphics : topographical mapping


68/90


69/90



70/90



71/90

informationdesignmapping : air routes in britain


72/90

informationdesign

your first project

searching for the aha moment

after all the collecting, the two partners of an agency say the

hardest task is peeling away the density of data. as they work,

they write the words what is the story?in large letters at the top oftheir worksheets as a constant reminder to find the very essence ofthe narrative. after all the simplifying, its likely that only 25% of the

total data will be used.


73/90


74/90

informationdesigninfluence map


75/90


76/90

informationdesign


77/90



78/90



79/90



80/90

informationdesign

Influence map


81/90

informationdesign


82/90

This map shows the conquest of Mount Everest from 1921 to

1953. The information on the left shows the year, sponsor,

duration, dates, height reached and members of each

expeditions. The graphic also tracks the history of climbers who

went on more than one expedition.

On the right is a detailed graph of the numerous ascents and

descents of the 1953 team as they blazed trails and ferried

supplies up the mountain to the various camps. Weather conditions

for each day are shown on the furthest outside ring.

casestudy


83/90

Detailed graph of the numerous ascents and descents of the 1953 team as they

blazed trails and ferried supplies up the mountain to the various camps. Weather

conditions for each day are shown on the furthest outside ring.

casestudy


84/90

This poster maps the history of the Union Army during the

American Civil War. Divided vertically by date, and horizontally

by the three major theaters of the war, many variables are

charted, including the size, history, and commanding generals of the

thirty-one Union armies. In addition, the name, location, date, and casualty

figures are provided for the ninety-five most important battles.


85/90

casestudy

This detail from the map above shows the level of typographic

complexity included in each of the posters.


86/90

holy texts organized to create visual and conceptual connections between the

different world religions. The information graphic is essentially a data

visualization of the Holy Books of 5 world religions showing the commonalities

and differences of Christianity, Islam, Hinduism, Buddhism, and Judaism. The

goal: offer viewers fresh insight into the topics of religion and faith.

This graphic shows the 41 most frequent characters from

different holy texts and their commonalities. Character names

appear alphabetically on the x-axis. The size of the names and

arcs are calculated from the total word count in all scriptures.

The colored segments of the arx show the frequency of the

word representing the character in the respective texts.


87/90

the designers experimented with several different visualization methodsand ways of presentation, but eventually chose the arc motif because of its

graphic appeal.

the detail on the right, shows a bar chart breakdown of one characters activities

in the respective holy texts.


88/90


89/90

informationdesignthink outside the box!


90/90

and finally

Make everything as simple as possible,

but not simpler. Albert Einstein

Original Information Design

Documents

Transcript of Original Information Design