Shhhhhh! This is a Library

The Quiet Library

Saturday February 21, 2009

This is a test blog for the library theme by boaz. In the busy world of frantic internet browsing, I hope this theme will give pause, and let the user read in peace and quiet. Though the theme does support good formating for short media posts, I imagine this theme will work best for longer form text posts.

-boaz (boazsender.com)

In Defense of Readers by Mandy Brown

Saturday February 21, 2009

The best readers are obstinate. They possess a nearly inexhaustible persistence that drives them to read, regardless of the circumstances they find themselves in. I’ve seen a reader absorbed in Don Quixote while seated at a noisy bar; I’ve witnessed the quintessential New York reader walk the streets with a book in hand; of late I’ve seen many a reader devour books on their iPhone (including one who confessed to reading the entire Lord of the Rings trilogy while scrolling with his thumb). And millions of us read newspapers, magazines, and blogs on our screens every day—claims that no one reads anymore notwithstanding.

What each of these readers has in common is an ability to create solitude under circumstances that would seem to prohibit it. Reading is a necessarily solitary experience—like dying, everyone reads alone—but over the centuries readers have learned how to cultivate that solitude, how to grow it in the least hospitable environments. An experienced reader can lose herself in a good text with anything short of a war going on (and, sometimes, even then)—the horticultural equivalent of growing orchids in a desert.

Despite the ubiquity of reading on the web, readers remain a neglected audience. Much of our talk about web design revolves around a sense of movement: users are thought to be finding, searching, skimming, looking. We measure how frequently they click but not how long they stay on the page. We concern ourselves with their travel and participation—how they move from page to page, who they talk to when they get there—but forget the needs of those whose purpose is to be still. Readers flourish when they have space—some distance from the hubbub of the crowds—and as web designers, there is yet much we can do to help them carve out that space.

From looking to reading

    It is almost impossible to look and read at the same time: they are different actions. 
—Gerard Unger, While You’re Reading

Think of your first encounter with a book. You look at the cover to get a sense of it, then perhaps flip to the back or the flaps to skim the publisher’s copy. Opening the book, you might glance at the title page, or quickly run your eyes over the table of contents. Maybe you peek into the back to check the page count, or casually assess the weight of the book in your hand. If it’s a hardcover, you might take the dust jacket off, lest it get in the way.

Most readers engage in at least one and usually several of these behaviors—they’re a kind of pre-reading ritual, part of the culture of books. And yet they serve an important purpose as well, in that they ease the transition between looking and reading. They help the reader establish interest, and they serve as an invitation to reading, setting the stage for the act that follows. Similar behaviors can be found on the web. When you arrive on an article page (like this one, for example), you might glance at the logo to see where you are, or skim the navigation to get a sense of what else is here. You’ll likely look at the article title, or the photo or illustration that accompanies it. If there’s a pull quote or summary, you may skim through it, just as you would have skimmed the flap copy of a book. You may even read the first paragraph, listening to see if the voice of the text resonates or draws you in. If at any point during these pre-reading activities you conclude the article is not for you, you’ll abandon it and go somewhere else. But, if the interest is there, it’s likely that you’ll begin to read.

All of this can occur over the course of a few seconds, but these seconds are the only preparation a reader gets, the only assistance for shifting from looking to reading, from skimming along to concentrating. It is during these few seconds that a reader decides to fix her attention on the text and commit to reading—no small commitment in a medium that takes its name from the cursory act of browsing.

There are many dogged readers who will make this commitment whether or not the design of the page makes it easy on them, but as designers, there are a number of ways we can assist readers in the transition. Consider all of the elements that accompany an article and organize those that are most useful for gauging interest at the top. Summaries or pull quotes, as well as illustrations, allow the reader to quickly assess what the article is about. Categories and links to related content provide context. The name and affiliation of the author communicate the authority of a text. All of these elements combine to create an entryway into reading.

It is likely that the first paragraph (or first few paragraphs, depending on the length of the text) is read differently than those that follow. We often read more slowly at the beginning of a text, as we become familiar with the voice of the writer and decide whether or not we want to continue. Typographic signals—such as using a drop cap, or setting the first paragraph in larger text or a different typeface—can amplify this behavior and make the transition into reading more comfortable. In a sense, this first paragraph must speak louder than those that follow, in order to bring the reader in.

Now leave me alone

Once a reader has commanded the aura of solitude around them, they become nearly impenetrable. A reader who is thoroughly engrossed in reading may not hear you if you call her name. Call her name again, however, and she will look up, annoyed. The key is not to halt all activity around a reader, but to give her her space. (Remember the girl reading Quixote at the bar? You want to order your drink without bumping into her.)

In practice, this means you need to limit distractions to the full extent possible. Pull quotes—so effective near the top of an article—become a nuisance further down; many readers will find themselves unconsciously drawn to them, even when they want to focus on the text. Attention to the basic typographic details—line length, a readable typeface, the right balance between font size and line height, appropriate contrast between the text and background—can make the difference between a reader who makes it to the end of the article versus one who tires and gives up.

Whitespace is not so much a luxury as it is a prerequisite. Every pixel of whitespace around the text can help the reader stay focused instead of wandering off. A readers’ eyes must repeatedly approach the edge of the text block; a sidebar that is set too close to the text—or one that is brighter or darker in color—will compete with her on every line. Even a small increase in padding between text and sidebar (especially if the sidebar includes more text) can make for a more restful page, and reinforce the reader’s own sense of solitude.

It’s also important to consider the chronology of the reading experience. The initial transition from looking to reading is followed by an intense, concentrated period in which the reader is lost in the text. At the end of a piece, however, the reader once again comes up for air, and is likely to return to the state of looking (and browsing) that got her here in the first place. The design of the page should respect these three distinct phases: first, by inviting the reader in; second, by leaving her alone; and third, by providing avenues for her to continue to pursue her interests.

Many sites scatter related content around the article, instead of focusing it at the top or bottom, where it’s more useful and less likely to be a distraction. If you want your users to skim the page, then by all means, fill the sidebar with content all the way down. But if you want them to read—if the page was written and not merely filled up, if the text consists of carefully crafted prose rather than bullet points—then respect the reading process and move that content elsewhere. The middle of an article should reflect the solitariness of reading with a design that neither interrupts the text nor the reader.

Designers can be readers too

There are, of course, readers who shun the screen—those who print out long articles, or—gasp!—purchase printed books and magazines instead. We often attribute their resistance to those elements over which we have no control: the physical discomfort of sitting at a desk (versus curling up with a book); the as-yet-impossible task of producing a screen that is more comfortable than paper; the attention-deficit nature of so much browsing online that makes the transition to reading seem unattainable. But there are in fact other issues at play here, and we are capable of exerting a great deal of control over them: whether or not the design of the page embraces the reading experience, or merely grudgingly squeezes it in among the looking and searching and skimming.

As a designer, the only way to ensure that the page makes for good reading is to read it yourself; to relinquish the design sensibility that is inclined to look at text and take the time to actually read it. It’s not an easy task, but then, neither is reading on the web, and making the effort may help you empathize with the reader’s plight. The web is still a noisy, crowded place—but it’s also limitless, and surely we can find space enough for reading—a space where the text speaks to the reader and the reader does not strain to hear. 

-By Mandy Brown, published on A List Apart

Pixel Rock html throw back Glitch Art Kanye video by Nabil

Saturday February 21, 2009

I called up the Tumblr 866 number so I could have an audio recording to format.

Saturday February 21, 2009
[Flash 9 is required to listen to audio.]

Chat with Rob

Saturday February 21, 2009
  • Boaz: Hey Rob
  • Rob: Hey
  • Boaz: I'm making a Tumblr Theme, and I need an example chat transcript.
  • What's new?
  • Rob: Oh, not too much, just getting ready to head out and rig the up the day sailors.
  • Boaz: Cool! Man, I can't wait for you to get the Cruisers in the water.
  • Rob: Yeah, this summer should be busy.
Mark Lombardi drew corporate org charts, and eventually wen insane.

Lombardi called his diagrams Narrative Structures and they are structurally similar to sociograms – a diagram drawn from the field of social network analysis, and to a lesser degree to earlier artists like Hans Haacke – but in Lombardi’s historical diagrams, each node or connection was drawn from news stories from reputable media organizations. The aesthetic impact is unique – the schematics are elaborate and delicate, yet precise and factual spiderwebs of illustrations depicting networks of criminal conspiracies.
Saturday February 21, 2009

Mark Lombardi drew corporate org charts, and eventually wen insane.

Lombardi called his diagrams Narrative Structures and they are structurally similar to sociograms – a diagram drawn from the field of social network analysis, and to a lesser degree to earlier artists like Hans Haacke – but in Lombardi’s historical diagrams, each node or connection was drawn from news stories from reputable media organizations. The aesthetic impact is unique – the schematics are elaborate and delicate, yet precise and factual spiderwebs of illustrations depicting networks of criminal conspiracies.

Permalink

On Lorem Ipsum

Saturday February 21, 2009

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from a line in section 1.10.32.

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.

Ads are the cave art of the twentieth century.
-Marshall McLuhan
Saturday February 21, 2009

Hello World

Saturday February 21, 2009

This is a test tumble blog for the library theme.