Information & Information Architecture
A history of content and sources
Good annotation
Information displays should be annotated, combining words, images, graphics, whatever it takes to describe and explain something. Annotation calls out and explains information and, at the same time, explains to viewers how to read data displays. Good annotation is like a knowledgeable expert/teacher at the viewer's side pointing and saying, "Now see how this works with that, how this might explain that..."
An immense wordy diagram
In ~1560 Ettore Ausonia, a polymath with interests from mathematics to mirror-making, constructed an immense wordy diagram depicting reflections from concave spherical mirrors. Then, between 1592 and 1601, while teaching at the University of Padua, Galileo made this handwritten copy of the diagram, which was fortunate since Ausonio's original has since gone missing. Three helpful architectures for the off-the-grid sentences are deployed – word trees, stacklists, annotated linking lines.
No wonder you think it's complicated
We were very proud of our user interface and the fact that we had a way to browse 16,000 (!!) pages of documentation on a CD-ROM. But browsing the hierarchy felt a little complicated to us.
So we asked Tufte to come in and have a look, and were hoping perhaps for a pat on the head or some free advice. He played with our AnswerBook for 90 seconds, turned around, pronounced his review:
"Dr. Spock's Baby and Child Care is a best-selling owner's manual for the most complicated 'product' imaginable – and it has only 2 levels of headings. You have 8 levels of hierarchy and I haven't stopped counting yet. No wonder you think it's complicated."
Infinite varieties of contexts
Over the course of 10 years of using Are.na, I have fully adopted the view that any piece of information can be important to a person given the right context. And on Are.na, pieces of information can be arranged in infinite varieties of contexts – their respective meaning shifts as the proximate information shifts. In other words, the more connections a block has, the more opportunities it has to be a nodal point.
Nodal points
I started thinking about all the other important “nodal points” (I don’t know what else to call this) of people, places, books, albums, websites, etc. that all played a part in shaping who I am as a person and what I think is important. These points are a combination of seeking things out myself and getting a recommendation that felt like it was actually for me. A mixture of both passive and active knowledge acquisition.
ultimately, it's the totality of those “nodal points” that indicate one’s own unique perspective. It doesn’t matter if you specifically sought out the nodal point or not, it’s the recognition that counts. When you encounter a piece of life-changing information (no matter how large the change part is), you are simultaneously discovering and creating “yourself,” becoming incrementally more complete. Your perspective (where your gaze is directed) is made up of a meandering line through these points. Learning (or maybe some precursor to learning) is a lot about developing the intuition to recognize when something you find in the world is going to be a nodal point for you.
What is a commonplace?
In all cases, a commonplace is a method of compiling knowledge for later use. In digital or analog form, this continued growth of stored ideas and projects is a key driver of intellectual development. Any time you decide to work on a project, you should attempt to collect and categorise all information that is relevant and useful.
Reveling in infrastructure
Hunstanton Secondary School (1954) in Norfolk, England, designed by Alison and Peter Smithson. Photo by Anna Armstrong (2011)
When the Smithsons placed the water heater for the Hunstanton Secondary School prominently above the school’s roofline, they weren’t just revealing the building’s infrastructure, they were reveling in it. What does it look like to do this on the web?
Of course there’s no single answer, because the web is simultaneously a physical and digital medium. It is material and it isn’t. It depends on how literally you interpret the question. But taking it somewhere in-between, seeing the web as primarily an information medium, we can ask the question a little differently: what does it look like to design something that is true to the material of digital information?
The quality of thought
It is the quality of thought and the information we use that determines yield, not the size or quality of the site.
A dot went for a walk
A dot went for a walk and turned into a line.
The dot, the line, the dance, the story, and the painting had found connections. Memory became learning, learning became understanding.Learning is remembering what one is interested in. Learning, interest, and memory are the tango of understanding.
Creating a map of meaning between data and understanding is the transformation of big data into big understanding.
The dot had embraced understanding.
Understanding precedes action.
Each of us is a dot on a journey.The need to record
With collecting comes the need to record. A specimen without a label is simply a (sometimes) pretty object. Without its associated data it is scientifically worthless.
The lapse of many years
At this point I wish to emphasize what I believe will ultimately prove to be the greatest purpose of our museum. This value will not, however, be realized until the lapse of many years, possibly a century, assuming that our material is safely preserved. And this is that the student of the future will have access to the original record of faunal conditions in California and the west, wherever we now work. He will know the proportional constituency of our faunae by species, the relative numbers of each species and the extent of the ranges of species as they exist today.
— Joseph Grinnell, 1910
Information imposters
Information imposters: This is nonsense that masquerades as information because it is postured in the form of information. We automatically give a certain weight to data based on the form in which it is delivered to us. Because we don’t take the time to question this, we assume that we have received some information.
My favorite example of this is in cookbook recipes that call for you to “cook until done.” This doesn’t tell you very much. Why bother? Information imposters are fodder for administravitis.
Like a prism
When you look at phonemes, you look through the perspective of morphemes, which are one linguistic level higher. The higher level is like a prism that splits the light in two. What was one thing, like ‘length’ at the phoneme level, looks like two opposite things ‘long’ and ‘short’ from the perspective of the morphemes. In practice, when you find both a word and its opposite, then the phoneme is not about either of these two things, but about what is common to them.
Thinking in terms of outputs
In our use of digital and analogue filing tools, we classify information through folders. An article about railway construction gets filed under ‘infrastructure’ or ‘transport’. In Evernote we tag it with ‘rail’ or ‘construction’. This is thinking like a librarian and not like a writer. We are classifying the information as an input. The reason you take notes as a writer is to produce content. It makes sense, then, to take notes in line with this goal.
Traditional filing like this tends to fail when you attempt to write your content. You are stuck trying to figure out which categories will be relevant for your proposal, paper or blog post. Interesting writing often comes from connecting separate fields through a common idea. By revealing the common denominator. By unifying two seemingly-contradictory ideas. How can you possibly achieve this if you’re looking in the same category for your information? The categories simply do not fulfil the function required by the writer.
The notes you take and indeed, the way you process information, should be with a specific project or idea in mind. You must classify information in terms of its outputs. When you take notes on a book, think about how this could apply to a specific idea you had or how it argues against a paper you read last week. The premise is that you should be organising by context and always trying to connect the dots between the content you're consuming.
Off to the races
"You get to the point where you're about to place your wager; the race is about to be run. You evaluate the sum total of the information, which has to do with how the money has been bet, what the horses looked like on the track, all this information—and it's like you run your hand over the race—I've had this happen so many times, it's the only way to explain it—you run your hand over the race. All the information is logically there, but there's something wrong. You don't know why something is wrong, but something is not correct. Then I have to reevaluate everything in terms of this feeling I have about the thing, which is derived from information, but which is so complex and so intricate and so subtle that there's no way you can put a tag on it."
The pie has been made
"In today's world, boundaries are fixed, and most significant facts have been generated. Gentleman, the heroic frontier now lies in the ordering and deployment of those facts. Classification, organization, presentation. To put it another way, the pie has been made—the contest is now in the slicing."
The Visual Information Seeking Mantra
There are many visual design guidelines but the basic principle might be summarized as the Visual Information Seeking Mantra:
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demandEach line represents one project in which I found myself rediscovering this principle and therefore wrote it down it as a reminder. It proved to be only a starting point in trying to characterize the multiple information visualization innovations occurring at university, government, and industry research labs.
Envisioning Information
A Book by Edward TufteBeautiful Evidence
A Book by Edward TufteThe Visual Display of Quantitative Information
A Book by Edward TufteThe Ladder of Abstraction
An Essay by Bret VictorThe Elements of Graphing Data
A Book by William S. ClevelandUnderstanding Understanding
A Book by Richard Saul WurmanVisual Explanations
A Book by Edward TufteInformation Visualization: Perception for Design
A Book by Colin WareThe Eyes Have It
A Research Paper by Ben ShneidermanLooseleaf
A WebsiteWikipedia
A WebsiteTinderbox
An ApplicationTinderbox is a workbench for your ideas and plans, ands ideas. It can help you analyze and understand them today, and it will adapt to your changing needs and growing knowledge.
Your Tinderbox documents can help organize themselves, keeping your data clean. We believe in information gardening: as your understanding grows, Tinderbox grows with you.
The medium is the message
A Quote by Marshall McLuhanProduct Design Resources
A Reference Work by Brandon DornThings I‘ve read, people I‘ve tried to learn from, and things I‘ve done to become a better designer. This is an idiosyncratic list reflecting what has helped me along the way, rather than an exhaustive list of design classics.
Though the list leans toward theory — principles are more durable than technique — I offer a few ideas further down about how to practice design. It also leans toward information design, because the task of presenting rich, dense information in an accessible way is ultimately the task of any digital product.
Blogging with Version Control
An Article by Will DarwinI’ve been musing for a while now on the way blog posts are typically presented—in reverse chronological order. This format has never truly made sense and does not reflect the way good writing and thinking happens.
...The main issue with the ‘pile’ system is that this post is eventually buried beneath more recent pieces of writing; there is no incentive for revisiting or updating the work. Even worse, if an author does decide to unearth the piece and make some major changes, those who read the original piece are not made aware of these alterations. The sorting order is static.
Nobody gives a hoot about groupthink
An Article by Baldur BjarnasonTwo relatively common ‘fashions’ today are real-time collaboration and shared data repositories of one kind or another.
Both increase productivity in the naive sense. We work more; everybody is more active; the group feels more cohesive.
The downside is that they also both tend to reduce the quality of the work and increase busywork.
Two types of work
An Article by Jorge ArangoThere are two types of work: growth work and maintenance work.
Growth work involves making new things. It can be something big or small. In either case, growth work often follows a loose process.
Maintenance work is different. Maintenance work involves caring for the resources and instruments that make growth work possible. This includes tools, but also body and mind.
Maintenance is ultimately in service to growth. But effective growth can’t happen without maintenance. As with so many things, the ideal is a healthy balance — and it doesn’t come without struggle.
Open Transclude for Networked Writing
An Essay by Toby ShorinWebsites are not living rooms and other lessons for information architecture
An Essay by Sarah R. BarrettWhile there is a lot that IA can learn from actual architecture or city planning, websites aren’t buildings or cities, and they don’t have to work like them. Instead, they should be designed according to the same principles that people’s brains expect from physical experiences.
Web History Chapter 1: Birth
A Chapter by Jay HoffmannHow to Think About Notes
An Article by Will DarwinWhat we have known since long
A Quote by Ludwig WittgensteinThe problems are solved, not by giving new information, but by arranging what we have known since long.
Readings in Information Visualization: Using Vision to Think
A Book by Ben Shneiderman
The Evolution of Useful Things
Here, then, is the central idea: the form of made things is always subject to change in response to their real or perceived shortcomings, their failures to function properly. This principle governs all invention, innovation, ingenuity.
Spike and spon
Using an older, pointed knife and spoon, a "spike and spon," to keep the fingers from touching food may have given us the phrase "spic and span" to connote a high standard of cleanliness.
Shaped and reshaped
[Inventions] do not spring fully formed from the mind of some maker, but, rather, become shaped and reshaped through the (principally negative) experiences of their users within the social, cultural, and technological contexts in which they are embedded.
Form follows failure
Imagining how the form of things as seemingly simple as eating utensils might have evolved demonstrates the inadequacy of a "form follows function" argument to serve as a guiding principle for understanding how artifacts have come to look the way they do. Reflecting on how the form of the knife and fork has developed, let alone how vastly divergent are the ways in which Eastern and Western cultures have solved the identical design problem of conveying food to mouth, really demolishes any overly deterministic argument, for clearly there is no unique solution to the elementary problem of eating.
What form does follow is the real and perceived failure of things as they are used to do what they are supposed to do. Clever people in the past, whom today we might call inventors, designers, or engineers, observed the failure of existing things to function as well as might be imagined. By focusing on the shortcomings of things, innovators altered those items to remove the imperfections, thus producing new, improved objects. Different innovators in different places, starting with rudimentary solutions to the same basic problem, focused on different faults at different times, and so we have inherited culture-specific artifacts that are daily reminders that even so primitive a function as eating imposes no single form on the implements used to effect it.
Their wrongness is somehow more immediate
In general, a successful design, which Alexander terms a good fit between form and context, can be declared only when we can detect no more [points that conform to the standard against which we judge]. It is "departures from the norm which stand out in our minds, rather than the norm itself. Their wrongness is somehow more immediate than the rightness."
A small corner of the world of things
It need not be only the likes of engineers, politicians, and entrepreneurs who have a hand in shaping the world and its things, for we are all specialists in at least a small corner of the world of things.
My job is simply to design gadgets that I like
Inventors are people who not only curse, but who also start to think of what can be done to eliminate the bother...When I see something that I don't like, I try to invent a way around it. My job is simply to design gadgets that I like.
More easily asked than definitively answered
Some design questions are more easily asked than definitively answered. Inventors are seldom at a loss for problems, and so they must choose which ones they will work on.
Only a commercial and utilitarian view
By World War II, we seem to have come to take new gadgets for granted or relied upon advertising to inform us of what was new. Whereas our great-grandparents apparently found the latest improvement on the fountain pen or the bicycle of intellectual interest, most people in our generation take only a commercial and utilitarian view of such things.
Stick like hell
When the Wizard of Menlo Park called invention 10 percent inspiration and 90 percent perspiration, he was speaking not only about the creative act of inventing but also about the whole inventive process needed to bring more than intellectual success. Edison warned against discouragement during the perspiration phase in the following way, reminding us that we get things to work by the successive removal of bugs:
Genius? Nothing! Sticking to it is the genius! Any other bright-minded fellow can accomplish just as much of he will stick like hell and remember nothing that's any good works by itself. You've got to make the damn thing work!...I failed my way to success.
This tactile form of doodling
Paper clips have also served as objects of more inwardly directed aggression by providing something for the fingers to twist grotesquely out of shape during phone calls, interviews, and meetings. This tactile form of doodling may consume only a fraction of the twenty billion paper clips produced each year, but it underscores the almost limitless functions to which a single form can lead.
Materials and how to employ them
Forming a paper clip presents a common dilemma encountered by engineers and inventors: the very properties of the material that make it possible to be shaped into a useful object also limit its use. If one were to try and make a paper clip out of wire that stayed bent too easily, it would have little spring and not hold papers very tightly. On the other hand, if one were to use wire that did not stay bent, then the clip could not even be formed. Thus, understanding the fundamental behavior of materials and how to employ them to advantage is often a principle reason that something as seemingly simple as a paper clip cannot be developed sooner than it is.
Sonorisms VI
A small corner of the world of things
This tactile form of doodling
The crowded past of reality
Infundibular cores
Whose form our hands have often grown to gloveThe need to dispense a product properly
Difficulties in getting Scotch tape off the roll, for example, prompted the development of a dispenser with a built-in serrated edge to cut off a piece squarely and leave a neat edge handy for the next use. (This provides an excellent example of how the need to dispense a product properly and conveniently can give rise to a highly specialized infrastructure.)
Intrapreneurship
The characteristic of 3M that enabled it to attain such diversity in its product line is a policy of what has generally come to be called "intrapreneurship". The basic idea is to allow employees of large corporations to behave within the company as they would as individual entrepreneurs in the outside world.
...It is 3M's policy (and that of other enlightened companies) to allow its engineers to spend a certain percentage of their work time on projects of their own choosing, a practice known as "bootlegging".
Customers will confer a favor on us
A leaflet printed in March, 1906, tacitly confessed to many difficulties. The instructions for applying the fastener were wordy and complicated. The sponsors of C-curity betrayed their own lack of security by stating: "Customers will confer a favor on us by reporting any difficulty in applying fastener, in which case we will send more detailed instructions." The "instructions for using" were not merely wordy but worried.
The inventive process was often a nonverbal one
Through the ages, the professional users of tools by and large have not needed to, been able to, or wanted to talk to outsiders about their implements. They did not need to because tools themselves are used to make other tools, and thus users could very often fashion a new tool with their old ones. If they did need to communicate the design for a new tool to someone outside their trade, they could do so without having to reveal the tool's intended use...Besides, the inventive process of conceiving a new tool was often a nonverbal one. Finally, craftsmen were unwilling to share information about their specialized tools because to do so would have been to give up their competitive edge and their value to those outside the craft.
The reflective craftsman
Specialized tools like bench shears have proliferated throughout history in part because craftsmen necessarily do the same task with the same tool over and over. After a while, the task becomes routine, and the craftsman is able to perform it with predictable skill. The most creative of artisans is frequently one who, in the midst of routine, pays attention to the details of the work and the tools that effect that work, and so it is that the reflective craftsman develops ideas for new and improved tools in the course of working with those that he perceives to limit his achievement or efficiency.
Form eschews function
Many of the most contemporary silverware patterns appear to be designed more for how the pieces look than for how they work...There is a kind of design that can ignore function entirely. We might say that this is a "form eschews function" school of design, and one that places considerations of aesthetics, novelty, and style above everything else.
But to design from the handle is to shoot from the hip when it comes to silverware, for the business end of the individual pieces is where the action is going to be. Though Emily Post may not have perceived that tradition emerges out of the minimization of failure, there is no excuse for a designer to overlook the fact. Yet this is exactly what modern product designers seem to do when they strive so hard for a striking new look that they throw out function with tradition.
Style consists in distinction of form
Writing about style in architecture, the nineteenth-century theorist Viollet-le-Duc asserted that "style consists in distinction of form," and complained that animals expressed this better than the human species. He felt that his contemporaries had "become strangers to those elemental and simple ideas of truth which lead architects to give style to their designs," and he found it "necessary to define the constituent elements of style, and, in doing so, to carefully avoid those equivocations, those high-sounding but senseless phrases, which have been repeated with all that profound respect which most people profess for that which they do not understand."
Such an unholy alliance
Something was wrong, according to Raymond Loewy, who admitted that, "with few exceptions, the [competitors'] products were good." He was "disappointed and amazed at their poor physical appearance, their clumsiness, and...their design vulgarity." He found "quality and ugliness combined," and wondered about "such an unholy alliance."
...Loewy was also "shocked by the fact that most preeminent engineers, executive geniuses, and financial titans seemed to live in an aesthetic vacuum," and he believed that he could "add something to the field." But, not surprisingly, the people he approached were "rough, antagonistic, often resentful."
Most advanced yet acceptable
There is an apparent reluctance among consumers to accept designs that are too radically different from what they claim to supersede, for when, for when familiar things are redesigned too dramatically the function they perform can be less than obvious and thus possibly suspect. Loewy summarized the phenomenon by using the acronym MAYA, standing for "most advanced yet acceptable."
Combinations and arrangements
Everything designed has an element of arbitrariness in its form. Loewy described how groups of his designers used to go about designing a new model automobile. Different groups were given different tasks, such as the front and rear of the car, and the conceptual work began, to be cut off at some predetermined time by deadlines that were imposed at the outset. After a time, there were "piles of rough sketches," and Loewy saw the design proceed as follows:
Now the important process of elimination begins. From the roughs, I select the designs that indicate germinal direction. Those that show the greatest promise are studied in detail, and these in turn are used in combination or arrangements with one another. A promising front treatment can be tried in combination with a likely side elevation sketch, etc. From this a new set of designs emerges. These are then sketched in detail. After careful analysis, they boil down to four or five.
Economy of material and labor
Whatever the comparative merits of [various bed framing methods], what is clear from Aristotle's Mechanica is that economy of material, and labor, was as much an issue in ancient times as it is now.
More profitable and a better buy
The bottom line is certainly of concern, both to those seeking profit and to those seeking value, but neither of these can be measured solely by the amount of dollars spent on production or product. The nonquantitative word "quality" conveys countless ways in which a more expensive thing might be more profitable and yet a better buy as well. The advantages of thicker metal in an automobile body can clearly be argued from various points of view, including resistance to denting and even simple snob appeal. Whereas the manufacturer can use these as selling points and also as justification for a higher price tag, the buyer can easily justify spending more for a car that will keep its appearance longer and provide a status symbol.
Substance over style
By the 1930s, the teardrop shape, known since the turn of the century to be the form of least resistance, was incorporated into Boeing and Douglas aircraft, and, being the contemporary artifact that best symbolized the future, the airplane set the style for things generally. The most static of mundane objects were streamlined for no functional purpose, and chromed and rounded staplers, pencil sharpeners, and toasters were hailed as the epitome of design.
...Though all design is necessarily forward-looking, all design or design changes are not necessarily motivated by fickle style trends. The best in design always prefers substance over style, and the lasting concept over the ephemeral gimmick.
When engineers refuse to leave well enough alone
In a column entitled "March of the Engineers," the humorist and social critic Russell Baker lamented the complexity and sophistication of his office's new telephone system...Baker closed his column by defining the new telephone system as "another bleak example of the horrors created when engineers refuse to leave well enough alone."
In The Design of Everyday Things, Donald Norman wrote that "new telephone systems have proven to be another excellent example of incomprehensible design."
To anticipate all the uses and abuses
Success depends wholly on the anticipation and obviation of failure, and it is virtually impossible to anticipate all the uses and abuses to which a product will be subjected until it is in fact used and abused not in the laboratory but in real life. Hence, new products are seldom even near perfect, but we buy them and adapt to their form because they do fulfill, however imperfectly, a function that we find useful.
Lighter, thinner, cheaper
The evolution of form begins with the perception of failure, but it is propagated through the language of comparatives. "Lighter", "thinner," and "cheaper" are comparative assertions of improvement, and the possibility of attaching such claims to a new product directly influences the evolution of its form. Competition is by its very nature a struggle for superiority, and thus superlative claims of "lightest," "thinnest," "cheapest" often become the ultimate goals. But the goals more often than not are incompatible. Thus, the lightest and thinnest crystal can be expected also to be the most expensive. But limits on the form of artifacts are also defined by failure, for too light and too thin a piece of crystal might hardly be usable.