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 Nature and Aesthetics of Design
Any imaginable shape
The thing which sharply distinguishes useful design from such arts as painting and sculpture is that the practitioner of design has limits set upon his freedom of choice. A painter can choose any imaginable shape. A designer cannot.
Useless work on useful things
Anyone can verify by simple observation two important facts.
The first is, that whenever humans design and make a useful thing they invariably expend a good deal of unnecessary and easily avoidable work on it which contributes nothing to its usefulness.
The second fact is that all useful devices have got to do useless things which no one wants them to do. Who wants car to get hot? Or to wear out its tires? Or to make a noise and a smell?
Presentable
I have sometimes wondered whether our unconscious motive for doing so much useless work is to show that if we cannot make things work properly we can at least make them presentable.
The principle of arrangement
It is really rather remarkable that, while anyone can tell whether a thing is a pocket-knife because, presumably, anyone can recognize the principle of arrangement which constitutes the similarity between all pocket knives, no one can visually abstract that arrangement. We recognize it when we 'see' it embodies, we can describe it disembodies, but we cannot visualize it disembodied.
The minimum condition
When a device is so designed that its component parts are only just strong enough to get the intended result without danger of failure, we may say it is in its minimum condition.
I suspect that the functionalists sometimes meant by functional design simply design aimed at the minimum condition for a device. In that case 'form should follow function' would mean that every system should be in its minimum condition, thus having certain limitations imposed on its form.
The requirements of economy
Economy is the mother of most inventions, not necessity, unless in the sense of poverty and hardship. A requirement for convenience is simply a diluted requirement for ease and economy.
It seems to be invariably true that those characteristics which lead people to call a design functional are derived from the requirements of economy and not of use.
When design gets too easy
Design has invariably exhibited styles because some clear limitations on freedom of choice are psychologically necessary to nearly all designers. When design gets too easy it becomes difficult.
The one best way
It is a most diverting spectacle to see the experts in work study exercising their considerably ingenuity to find the one cheapest way of doing operations which could perfectly well be dispensed with; for example, getting shiny surfaces on furniture. The 'one best way' of doing things like that is not to do them.
The versatility of flat surfaces
The versatility of flat surfaces is not commonly seen in nature.
The works of God
Via reddit
Thus the first and most important stratagem adopted to cheapen construction was the squaring and turning of components in order to eliminate offering up and individual fitting. The flatness, straightness, and squareness which more than any other characteristic distinguish man's construction from the works of God, derive from economy. We see the mark of economy in every building of squared masonry however magnificent it may be. Only the few remnants of ancient polygonal masonry remind us that the pattern of stone work where each stone is individually fitted can be very different from the cheap squared pattern to which we are accustomed."
Skill vs. knowledge
We should say that anybody has skill enough to build a good dry-stone wall but that few know how to design one, for the placing of the stones is a matter of knowledge and judgment, not of dexterity.
6 methods for economical design
- Use readily available materials.
- Use easily worked ('wasted') materials.
- Avoid dexterous labor.
- Use standardized materials or components.
- Avoid intermediate states (get straight to the final product).
- Use standardized language and geometry. Design only what can be easily communicated.
Old solutions
Where the problem is old, the old solutions will nearly always be best.
The bloodless ghosts of memory
The bloodless ghosts of memory.
A strangely negative character
Utility has a strangely negative character. We speak of the secret of happiness, for its causes are elusive; but there is no secret about the causes of unhappiness: thirst, hunger, want of sleep, exhaustion, pain, constraint of movement and too great heat and cold, are evils which can effectively prevent happiness. Utility has a negative character, because useful devices are adopted in the main for the sake ultimately of avoiding such evils.
From the fact that deadly injury, pain, and exhaustion prevent the fulfillment of the universal wish for happiness, we have always tended to infer that if only life were safe, comfortable, and effortless, we would be happy. It does not follow.
Sine qua non
What we see of a device is rarely the essential part, the sine qua non, but nearly always the superstructure which economy has imposed on it.
It seems that the work we call purely utilitarian is not more useful than its more ornamental counterpart. It is merely more economical.
The contribution that something in them yet compelled them to make
Makers and designers must gradually have come inwardly to believe that half their work had been mere frivolity because it had been avoidable, and because some of it had contributed nothing to the satisfaction of people's material wants. This must have affected them like a conviction of original sin.
The idea that utility was the purpose of work overpowered them and seemed unanswerable. From that time on perhaps the artist and workman have been weakened by an inward suspicion that they are supporting a lost cause. They have perhaps half-believed that the world could get on very well without the contribution that something in them yet compelled them to make.
No more than a sketch
The quality of a musical performance depends on the performers as much as on the score. The performers are said to be interpreting the score, but in fact they are adding intention of their own to those of the composer, recognizing that no score can in practice ever fully express the intentions of a composer, that it can never be more than an indication, a sketch; and no designer can in practice ever produce more than a sketch.
Purpureus
Our way of talking about surface quality as 'texture' is rather like the ancient Roman way of calling anything bright colored 'purpureus' on the principle perhaps that any bright color was much the same as any other.
The weather in the space
The architect's special preoccupation is first to decide what kinds of spaces shall be enclosed.
All manner of different considerations will influence an architect's decisions about the shape of the spaces they are to enclose, but the chief of them will always be the probable activities of the people who will enjoy the weather in the space.
Holding together a civilization
It is only in the present age that it has been asserted that 'architecture is not an art' or 'should not be an art': and that strenuous efforts are made to made a distinction between design and art. And nowadays we build cities of such a quality that no one likes living in them, everyone who can do so gets a motor car to escape from them. Because of the multitude of motor cars, escape is now denied us, the country is destroyed, and the cities become still less tolerable to live in.
All that is the consequence of contempt for art. Art is not a matter of giving people a little pleasure in their time off. It is in the long run a matter of holding together a civilization.
A cumulative effect
It is a cumulative effect, this character. It results from the combined impact of the design of a great many separate things, none of which is so very atrocious but too many of which are flatly negative, wanting. The design of each single thing in the environment, however small it may be, is really important.
Scenery
What is designed and made outlasts the people for whose profit and for whose use it was made.
We may think we are designing furniture of motor cars, but we are not. If we are designing a motor car for one man, we are designing scenery for fifty thousand others.
Something more is required
Efficiency, the capability of performing effectively, never made anything beautiful yet and it justifies no design in itself. To say of a design 'it works, it does its job', or 'it gets the intended result' no more commends or excuses it than to say of a man 'he has never actually defrauded anybody'. That is not what virtue means! Something more is required.
Beauty is like a joke
If some story makes you laugh aloud, then something in it causes the experience which issues in laughter. But can you describe that something to a person who does not think it funny in such a way as to make him see the joke and experience just what you have experienced?
A being-without
Not having a toothache is no goal for a lifetime. Happiness, however one defined it, is not something negative, a being-without.
Some emptiness in us
Whenever we encounter beauty we become aware, each time with a sense of shock and pleasure, faint though it may be, that some emptiness in us, not consciously felt but continually present, has been assuaged and fulfilled. We have a sudden high sense of completeness and harmony.
The matrix of all we know
Man's species has existed for an immensely longer period, unimaginably longer, in an unmodified natural environment. That unmodified environment was the matrix of all man knows of beauty. All the means of his experience of beauty evolved in it. Now, in the artificial environment, art creates an equivalent for that beauty, for it is a need of man's spirit.
The evolution of devices
All the first antecedents of man's devices were given him by Nature. Every one of his devices is traceable back to something in nature which suggested the first remote and primitive beginnings of its evolution. And every feature in art that man's mind conceived is conceived by a mind that has evolved as a part of nature: that grew out of nature.
The evolution of devices is as much a natural process as the evolution of organisms.
Deliberate acts
I do not know what one should call the landscape of a long cultivated countryside, or the enchanting pattern of lights which shows at night time in a modern city seen from overhead. Are these not works of art? It is scarcely justifiable to say that these things have taken shape by chance. Each part of them has been made as it is by what seemed a deliberate act, and it need not necessarily be assumed to be a matter of chance that the results of many acts of many men over a considerably period of time should harmonize together aesthetically.
The skill of perception
The newborn baby and the [blind man suddenly gifted with sight] do not have to learn to see. Sight is given to them. But they do have to learn to perceive. Perception is learnt and learnt slowly. Skill is required for perception as for speech. We are largely unaware of the skill we exercise. None of the things we have to learn to perceive are self-evident, or, apparently, instinctively evident. No doubt, however, we have an instinctive aptitude for this learning, and once we have learnt we cannot easily see as though we had not.
As Ruskin says, one has to strive, if one is to see with the 'Innocent Eye'.
Who did the teaching, then?
It has been contended sometimes that our response to works of art is entirely learnt and in no way innate; but the questions 'Who did the teaching, then? and how?' have not, I fancy, been much investigated. This contention is very true of our responses to styles and fashions, but it is not true of our response to beauty.
No kind
No kind of shape, no kind of design or kind of picture or other work of art can be beautiful. No kind of color is beautiful. Beauty comes always from the singularity of things. Two things which happen to be closely similar in size, color, insurance value, smell, weight, or shape, may both seem equally beautiful. It is not therefore to be deduced that, say, a smell of turpentine is a necessary prerequisite of beauty; and nor is the fact that the two things' shapes are measurably within a millimeter of each other. They might still be as different as chalk and cheese: they might differ hugely in surface quality so that one lived and the other was dead. One judges a man by what he is, by his individuality, his idiosyncrasy; not by his measurable properties or measurable behavior or by the shape of his nose or the description in his passport. So with a work of art.
Tradition
Change is of the essence of tradition. Our declining civilization has largely lost the conception of tradition as continuous change by small variations – as evolution, in other words – and can produce only fashions which, one after another, appear, live for a little while, and die without issue.
What a greenhouse was for
The new-found ability to make a wall all of glass had advantages, undoubtedly, in certain particular cases, but not in nearly so many as the Bauhaus stylists pretended. It is not forgotten by those who have to work in buildings with these glass walls that their propagators must have known quite well what a greenhouse was for and what it did. That knowledge counted for nothing beside the imperative necessity of showing how new the 'new architecture' was, by doing something obvious different from the fenestrated walls of the styles which had preceded it.
The act of creation
What I suggest has usually happened [during the act of creation] is this: the artist has glimpsed something: he has seen, perhaps fleetingly and indistinctly, some particular relation or quality of visible features which had previously been disregarded, and which impressed itself on him by its beauty. By means of making a work of art he then seeks as it were to fix isolate and concentrate what he has seen.
No one has ever succeeded in demonstrating in principle how this is done, but done it is; and when we see it done we find it hard to understand why it should have been so intensely difficult to do.
The imprint of a man
Art is the imprint of a man: a creature whose nature is idiosyncrasy sparring with conformity.
Déjà vu
The artists expression may make us aware for the first time of something we had too little regarded or had not been fully conscious of, presenting us with something which is quite new to us and yet at the same time disturbingly familiar – déjà vu.
The signature
It has long been understood that striving for originality as an end in itself is the mark of an inferior artist. The personal style of a good artist is never something that has been deliberately cultivated and forced but something that has appeared unsought as inevitably as the personal style of a man's handwriting.
But since artists of note are seen to have a distinct personal style, no artist can hope to make a reputation in a competitive society unless he too can show a distinctive style which easily differentiates his work from that of other artists and draws attention to it. Therefore artists of little capability or uncertain vocation will take great care to make their work look 'different', whereas those with any certainty in them will know that their work cannot help but look different from that of other people any more than signatures can.
It is worth reflecting that the fact of the unmistakable individuality of each man's signature is one foundation of modern commerce everywhere. To establish the individuality of it one need not write it vertically up the page in letters two inches high. And yet there are only twenty six letters, and everyone else uses them too.
It will not stand still to be pointed at
The cause of the experience of beauty is a series of events, not a state of affairs existing continuously. That perhaps is why the cause of the experience is something we find impossible to point out. It will not stand still to be pointed at. We can point out only what we perceive. We can never point out or describe what we see.