Great infographics for better understanding the history of IA.
"The research captured unique IA practice definitions and related concepts that have given shape to the industry. Works are cited because they have persisted and are actively endorsed, practiced or developed as an area of research and theoretical inquiry."
Reading the high-level phases, thought it was rather circular, iterative and incremental than linear."
"What really differentiates user-centered design from a more traditional waterfall model of software design is the user feedback loop, which informs each phase of the project. This feedback loop is established through the use of a range of techniques that have become the staple for UX Designers. There are a ton of them, and knowing when to use which techniques during which phase of a project comes with experience. Personally, I find experimenting with new techniques and tweaking old favorites is part of the fun of being a UX Designer."
Don't get confused. It's just a DTDT effort in Venn diagrams.
"This mega graphic attempts to tackle the relationship between UX and all other aspects of design."
What you also can do with Big Data and Feeds. Creating meaning out of information.
"So, a big but sincere request to everybody who's making analytics or stats apps, either standalone or as part of a larger app: Please throw away the dashboard. I know they demo well and look great in investor pitch decks or screencast videos. But they don't actually help me make decisions, or get better at what I'm doing. And that's the only reason I'm measuring something in the first place."
How perception of information drives our concepts and the way we think, understand and come up with ideas.
"As humans, our ability to observe and analyse the contents of the world around us is both unique and astonishing, but so too is our capacity to form verbal and visual concepts. These seem to be the principal factors which have worked to our adaptive advantage in competition with other animal species. We are, in one respect at least, superior to other animals because we have developed a greater variety of systems of communication and expression, and one of these is art."
It's all about language: morphology, phonology, syntax, semantics, and pragmatics.
"Many types of information have their own vocabulary along with conventions for visual communication."
Even business graphics is on the horizon. And that's not clipart in PPTs.
"In the last ten years, the area of Information Visualization has witnessed an exponential increase in its popularity. Diagrammatic reasoning and visual epistemology are becoming readily accepted methods of research in many academic domains. Concurrently, information graphics and Infovis have grabbed the attention of a larger mainstream audience."
(Parsons Journal for Information Mapping Volume IV, Issue 4)
The numbers - if true - are amazing.
"The growth of the User Experience Design field is breathtaking, but well deserved. Thanks to UX Designers all over the world, the quality of products has increased dramatically. Design really does matter now. It’s a user centric world in which there’s not only Apple on the scene anymore."
One image, a thousand words. One word, a piece of the jigsaw puzzle.
"It is all too easy to create UX deliverables that are not visually pleasing. But UX expertise encompasses Web design, graphic design, and branding, so why should we be satisfied with mediocre design in our deliverables? When we present our personas, sitemaps, user flows, wireframes, and other design deliverables to our clients and stakeholders, it is our duty and responsibility to create well-designed deliverables."
How much information does an image contain? 1.3 Mbyte?
"Visual storytelling is nothing new. We only need to look to the earliest signs of humanity for proof-simple paintings on the walls of caves tell the story that people are a visual tribe."
Visuals are great, but what about the language it uses, spoken.
"(...) the most compelling work by a new generation of designers, illustrators, graphic editors, and data journalists tackling the grand sensemaking challenge of our time by pushing forward the evolving visual vocabulary of storytelling."
"What's interesting is that over 20 years before sparklines came on the scene, Tufte developed a different type of data visualization that didn't fare nearly as well. To date, in fact, I've only been able to find three examples of it, and even they aren't completely in line with his vision. (...) In this post, we're going to look at slopegraphs - what they are, how they're made, why they haven't seen a massive uptake so far, and why I think they're about to become much more popular in the near future."
"A common feature amongst the top design portfolio and agency websites is a visually presented explanation of their design process. This simple idea of describing how a potential client's project will be handled from start to finish is a great way of securing projects and giving the customer an insight into what their working relationship with the designer(s) will be like. This showcase rounds up a bunch of impressive examples of how various designers have explained their design process with the aid of clever graphical elements."
"Edward Tufte occupies a revered and solitary place in the world of graphic design. Over the last three decades, he has become a kind of oracle in the growing field of data visualization - the practice of taking the sprawling, messy universe of information that makes up the quantitative backbone of everyday life and turning it into an understandable story. His four books on the subject have sold almost two million copies, and in his crusade against euphemism and gloss, he casts a shadow over the world of graphs and charts similar to the specter of George Orwell over essay and argument." (Joshua Yaffa ~ Washington Monthly) ~ courtesy of jasonkottke
"Infographic is a great way to turn the most boring data into the most comforting graphic, which is much easier for reader to digest. As web designers have to deal with pixels and code almost everyday, it would be overwhelming to look at more data and references which are filled with hypnotic words and numbers." (Alvaris Falcon ~ Hongkiat)
"The topic of my Master thesis project is the development of a design pattern taxonomy for data visualization and information design. In its core, the project consists of a collection of 55 design patterns that describe the functional aspects of graphic components for the display, behavior and user interaction of complex infographics. The thesis is available in the form of a 200-page book that additionally includes a profound historical record of information design as well as an introduction into the research field of design patterns." (Christian Behrens)
"The explosion of information that analysts and executives must consume, as well as the increasing variety of sources from which that information comes, has boosted the popularity of information dashboards. Modeled after the dashboard of a car or airplane—which informs its operator about the status and operation of the vehicle they’re controlling at a glance—dashboard user interfaces provide a great deal of useful information to users at a glance. Typically, the role of an information dashboard is to quickly inform users and, thus, enable them to take immediate action." (Mike Hughes ~ UXmatters)
"I concede that my knowledge of the US government is largely informed by the West Wing and so I don't fully understand the relationships between and alignment of the various councils, departments, panels and bodies. Furthermore, I'm unclear about the role of the department that appears responsible for delivering the spending sites – Chief Information Officer's Council nor entirely clear about the potential scope or reach of Tufte's appointment." (Andy Kirk ~ Visualising Data)
"We really enjoyed watching the World Cup over lunch here in the Cooper office. The games sparked many conversations about soccer, beloved sporting traditions, and why FIFA is so bloody minded about goal-line technology use (okay, maybe that last one was just from a bitter England fan). It's also been a time to admire the many new and unusual visualizations used for the tournament brackets, game-by-game breakdowns, and statistical replays. For the fans that wake up in the coming weeks with an empty feeling, perhaps this library of visualizations will provide a glimmer of comfort and distraction until the next tournament." (Nick Myers ~ The Cooper Journal)
"This is an information graphic poster illustrating the underlying lifecycle, methods, principles and techniques in a user centred design process where the visual part is only the tip of the iceberg." (Pascal Raabe)
"It was a breath of fresh air not to be surrounded by fellow ad folk. Maybe you were there, but I didn't spot you or find your tweets. There were certainly some designers and UX people. I found the lecture a mixed bag - it was certainly a lecture rather than a presentation. During the introduction and the conclusion Tufte seemed rather uncomfortable whilst reading from notes. But the core of the content, around analytical design, was delivered away from the lectern and that was when Tufte and the lecture came to life. My take out from the evening was that information doesn't care what it is; but how it is brought to life is critical for its interpretation and power as a communicator. 'Whatever it takes' was Tufte's recurring theme about how to visualise data, avoiding being a slave to a particular methodology." (MBA Blog)
"FlowingData explores how designers, statisticians, and computer scientists are using data to understand ourselves better - mainly through data visualization. Money spent, reps at the gym, time you waste, and personal information you enter online are all forms of data. How can we understand these data flows? Data visualization lets non-experts make sense of it all." (Nathan Yau)
"Being able to think visually, break down complex ideas and synthesize them into something meaningful is my forte. It's a skill that has landed me in the company of the smart and capable folks I currently work with. More importantly, I took whatever abilities I had and I gave them over to my ecosystem. In any social system, you always come to the table offering something of value rather than seeking it." (David Armano)
A Theoretical Discussion Around Globalization - "This article develops a new sociological understanding of the difference between global and local relating to the phenomena of globalization. Globalization itself is redefined as one of society's self-description insofar as, following Niklas Luhmann's theory, society is conceived as a cognitive system that can only handle information (about the world, about itself) only through its own specific operation (communication), so that globalization affects society solely when the later communicates about the former." (Jean-Sébastien Guy - Parsons Journal of Information Mapping I.2)
"This site was first launched in 1999 to accompany my lectures on the History of Graphic Design. I devised this unique format of presenting the information by topics because I saw that students were overwhelmed by the scope of the topic or most texts I also saw that they learned more when the discussions included direct links to what is happening in design today. It seems to work well for visual artists who are not interested in a degree in art history." (Nancy Stock-Allen) - courtesy of AP
"If you've been reading this blog regularly for awhile, you know that I occasionally bemoan the sad state of most information graphics. Most of the folks who produce infographics lack guidelines based on solid research. In their attempt to inform, describe, or instruct, most of the infographics that I've seen fail-many miserably. I'm thrilled to announce, however, that a new book is now available that takes a great step toward providing the guidelines that are needed for the production of effective infographics." (Stephen Few - Visual Business Intelligence)
"An analysis of the visual diversity of the 2008 Presidential Elections in America, for the Parsons Journal for Information Mapping, New York (USA)." (Gerlinde Schuller - Information Design Studio)
"Concept maps are graphical tools for organizing and representing knowledge. They include concepts, usually enclosed in circles or boxes of some type, and relationships between concepts indicated by a connecting line linking two concepts. Words on the line, referred to as linking words or linking phrases, specify the relationship between the two concepts. We define concept as a perceived regularity in events or objects, or records of events or objects, designated by a label. The label for most concepts is a word, although sometimes we use symbols such as + or %, and sometimes more than one word is used. Propositions are statements about some object or event in the universe, either naturally occurring or constructed. Propositions contain two or more concepts connected using linking words or phrases to form a meaningful statement. Sometimes these are called semantic units, or units of meaning. Figure 1 shows an example of a concept map that describes the structure of concept maps and illustrates the above characteristics." (Cmap Tools - Publications)
"Despite the difficulty in creating a design framework, it would be useful to have one, in order to understand the overall picture of the infographic design process." (Venkatesh Rajamanickam - uiGarden)
"Megan Jaegerman produced some of the best news graphics ever while working at The New York Times from 1990 to 1998. Her work is smart, finely detailed, elegant, witty, inventive, informative. A fierce researcher and reporter, she writes gracefully and precisely. Megan has the soul of a news reporter, who happens to use graphs, tables, and illustrations--as well as words--to explain the news. Her best work is the best work in news graphics." (Edward Tufte) - courtesy of jasonkottke
"Welcome to my website about infographics, newspaper design and visual journalism. In the English version you will find only the Infographics in the Internet Era document, some articles, examples of my students' projects, upcoming presentations, my portfolio and my contact information." (Alberto Cairo)
Maps, diagrams, schemes, pictures and others visuals to communicate a message. (The Culture Archive)
Towards an Imagery-based Approach of Computer-generated Presentation Visuals - "Computer projection is certainly the worst thing to happen to presentation skills since the invention of the overhead projector." (Till Voswinckel) - courtesy of alessandrosegalini
"Infographics are traditionally viewed as visual elements such as charts, maps, or diagrams that aid comprehension of a given text-based content. However, visual representation of information can be more than just the manner in which we are able to record what has been discovered by other means. They have the potential to become the process by which we can discern new meaning and discover new knowledge." (acrStudio - Visual Organization and Information Design) - courtesy of venkatrajamanickam
"Think of the expression of an idea as a map to its meaning." - (Alessandro Segalini)
"(...) a unified resource space for anyone interested in the visualization of complex networks. The project's main goal is to leverage a critical understanding of different visualization methods, across a series of discipline s, as diverse as Biology, Social Networks or the World Wide Web." (Manuel Lima)
"I prepared this document as a handout to my October 2005 seminars on Infographic Design to the Visual Communications students at the National Institute of Design, Ahmedabad, and the Industrial Design Centre, Indian Institute of Technology, Bombay." (Venkatesh Rajamanickam: venkatra at gmail dot com)
"(...) a set graphic visualisations for your del.icio.us account that allow you to browse, search and select tags, as well as viewing posts matching them." (Ivy)
"This 50-pages document was created for the Multimedia Bootcamp 2005 in the University of North Carolina at Chapel Hill. It contains a brief introduction to infographics, its history and rules, and a discussion of several real cases of elmundo.es online special and breaking-news presentations." (Alberto Cairo) - courtesy of elearningpost
A visual display of data should be simple enough to fit on the side of a van - "(...) information displays should be documentary, comparative, causal and explanatory, quantified, multivariate, exploratory, and skeptical." (Michael Shermer - Scientific American) - courtesy of kottke
"The graphic illustrates extreme patience and foresight from Apple to bring users to the platform by innovating increasingly towards the mass market over time without sacrificing the middle or high-end markets. In the end, the iPod continues to be the vehicle that drives Apple's ultimate goal: Switching. In many cases the biggest hesitation to switch was price. With the Mac mini this concern is now moot. We could very well be witnessing the early fruits of a five to ten year business strategy from Apple that has been in the works since the first iPod. If it works -- Apple will go down in history as a company that patiently built its brand equity through high-quality products and design -- and then, when the time was right and audience the largest, brought their superior computing experience to the masses." (Paul Nixon - Nixlog)
"In the 12th century, Leonardo Fibonacci discovered a simple numerical series that is the foundation for an incredible mathematical relationship behind phi." (Textism) - courtesy of antenna
"This page is designed to provide helpful information, samples, lessons and tutorials for university level technical illustration students and professional technical illustrators." (Kevin Hulsey) - courtesy of xblog
"A nuclear power company named Areva has released a new TV commercial done in that 'info graphics' style. Available online." (AREVA) - courtesy of dirk brandts
"This week marks the 100th anniversary of the New York subway system, and what better time to recognize the beautiful achievement represented by Massimo Vignelli's subway map of 1972." (Michael Bierut - Design Observer)
"For the longest time, whenever I saw one of those 'don't stick your head into the rotating blade' warning signs with an illustration of a stick-figure person doing exactly that, I've wanted to make a web gallery of them. (...) they're a visual form of anticryptography, the science of conveying information without assuming any prior knowledge." - (Toren K. Smith) - courtesy of antenna
"Why do people respond to some forms of presentation better than others? This installment of our series sheds light on how physical aspects of vision influence the way we process information -- and ultimately, decision-making itself." (Stephen Few - Intelligent Enterprise Magazine)
"(...) the Visual Timeline - an interactive, animated compendium of rock and popular music history. Discover unexpected connections between artists. Track the growth of a musical movement. Zoom in on the day the Beatles invaded America, or out to a bird's-eye view of the blues' sweeping influence. It's all here." (Rock & Roll Hall of Fame and Museum) - courtesy of thom quine
New pages from Beautiful Evidence: Causal arrows and linking lines—Feynman diagrams, epidemiological diagrams
"Here is a draft of what might well be the 4 concluding pages to the chapter in 'Beautiful Evidence' on causal arrows and linking lines. A few other parts of the chapter were posted earlier (on the Barr art chart, on evolutionary trees and cladistic diagrams). After this new material is reviewed by Kindly Contributors, then perhaps the full 16-page chapter will at last be ready to post." (Edward Tufte) - courtesy of xblog
"Cancer arises from the stepwise accumulation of genetic changes that confer upon an incipient neoplastic cell the properties of unlimited, self-sufficient growth and resistance to normal homeostatic regulatory mechanisms. Advances in human genetics and molecular and cellular biology have identified a collection of cell phenotypes — the main destinations in the subway map — that are required for malignant transformation. Specific molecular pathways (subway lines) are responsible for programming these behaviours." (William C. Hahn and Robert A. Weinberg - Nature)
"They say that a picture is worth a thousand words. Indeed, some pictures are better at conveying some things than words. Still, not all pictures are created equal, and the power of visual communication is sometimes misunderstood, if not misused. Pictures are no panacea; some words may well convey concepts better than a thousand pictures, too." (Jean-luc Doumont - STC Belgium)
Wire patterns of various subway systems. (fake is the new real) - courtesy of vuk cosic
"Why The Human Cognome Project Requires Visual Language Tools" - Talk given by Robert Horn at the Converging Technologies for Human Performance (Nano, Bio, Info, Cogno) Conference, 2003 (Robert Horn)
Before Tom Chi and KC did the world's first HCI rap 'We Got It', MTV did information graphics. (astralwerks)
"Architect of six different news services for print and broadcast graphics, George has spent his career fine-tuning the craft of visual reporting, discovering talented people and starting business from scratch. Oh ... and he invented the USA Today weather map. Find out what makes him tick and what he's done for the field of visual journalism." (Poynter online) - courtesy of interactive narratives
"Maas Digital founder Dan Maas created this dramatic, scientifically accurate computer animation to illustrate NASA's Mars Exploration Rover mission." (Maas Digital)
"I use 're-vision' in the sense of both 'to revise' and 'to see again', possibly from a new perspective. (...) There is a great deal more to tell of Charles Joseph Minard." (Gallery of Data Visualization)
"Visual information has the difficult task of revealing the vital essence of a situation without needless complexity. Needless is an important word in this context. The danger is over simplification will sacrifice insight into the situation. There is a dynamic tension between simplicity and insight which must be dealt with to qualify as more than graphical data." (Design Crux)
"The striking symbol that is recognised across the globe was the brainchild of Underground electrical draughtsman, Harry Beck, who produced this imaginative yet stunningly simple design back in 1933." (London Underground)
"Head anatomy, with internal carotid angiogram. Photoshop, shown aprox. 20% of actual resolution." (Patrick J. Lynch)
Lecture Notes: "Why do animations fail? Animations are conceived as a series of discrete steps. Studies show very few animations are better than static graphs." (Peter J. Bogaards)
Some sample spreads from the new book by Richard Saul Wurman (2004) - "RSW has created this visual guide book to the most compelling issue of the 21st century." (R.S. Wurman)
"Interactive narratives are informational and storytelling experiences designed and produced for the web. They leverage great design, visual journalism and rich-media content." (About Interactive Narratives) - courtesy of elearningpost
"Visual instructions are a common part of our daily lives. Maps, training manuals, textbooks, architectural plans, scientific papers, and street signs all use visual diagrams to communicate instructions. Yet, even the simplest visualizations typically take hours or days to design by hand, and therefore it is not currently possible to adapt and personalize instructions to the task, person, and situation for which they are eventually used. In contrast, while current computer-generated visualizations can be generated very quickly, these systems disregard many of the cognitive design principles that guide human designers. As a result current computer-generated visualizations can be very difficult to use." (Maneesh Agrawala) - courtesy of yuri engelhardt
"In 1933, Harry Beck designed the London Underground Map. But ... Was Design's gain Geography's loss?" (London's Transport Museum) - courtesy of dirk knemeyer
"(...) here's a few of the short films I've made." (Nigel Holmes) - courtesy of elearningpost
"This paper presents three strategies for generating explanatory captions to accompany information graphics based on: (1) a representation of the structure of the graphical presentation (2) a framework for identifying the perceptual complexity of graphical elements, and (3) the structure of the data expressed in the graphic." (Vibhu O. Mittal et al. - Learning Research and Development Center, University of Pittsburg)
"What is the common ground for a science of diagrams?" (Alan F. Blackwell and Yuri Engelhardt)
"Integration of GIS and graphic design tools and techniques for geographic data access, analysis and cartographic presentation are the primary focus of the InfoGraphics Lab's research." (Dept. of Geography - University of Oregon)
"Symbols usually refer to the graphic motif and logo to the way the name is written, but in some cases they are difficult to separate/distinguish." (Ravi Poovaiah - International Design Centre at IIT Bombay)
Combining creativity and information for effective communications. (informativity)
An Information Graphics Portfolio (Rose Zgodzinski)
A Guide for New Media Professionals (Christopher R. Harris & Paul Martin Lester)
An online exhibition (University of Portsmouth - Images in Practice)
An Eye on the Graphic News - (About Visual Journalism)
Damage report from the city of New York (CNN)
Visual insights into the brutal terrorist acts against the United States on Sept. 11, 2001 (Paul Nixon)
"(...) the sort of images that the young Otto Neurath collected" (The Visual Telling of Stories Archive)
"(..) a little diagram of Unix history" (Éric Lévenéz)
"(...) links to researchers and resources in the field of visual cognition." (Maintained by Daniel Simons)
"Everything you need to know to be a better journalist" (The Poynter Institute)
Research on the representation of geographic information (Author of How Maps Work)
An encyclopedia of Western signs and ideograms (A Melody ISProduction)
(University of Washington/Computing and Networking)