Français

Off the Page

Dan Rubin

Consider for a moment the beautiful physical artifact you are holding. Caress its cover, marvel at its binding, its spine, the gutter, how the ink flirts with the texture of its paper. These attributes we use to describe and define a printed book or periodical owe their existence to the physical form of the artifact itself—the constraints of the medium gave life to the solutions employed by the craftsmen responsible for turning desire into reality. The book as we know it […] [has] evolved to serve the needs of its physical form. Similarly, mapping the concept of a page to the Web has affected the way we design, create, and curate content. The term carries history and meaning in an unassuming manner, quietly imposing its will on our entire thought process. By simply existing in our lexicon, the page has influenced our approach to design, layout, navigation, interaction, client communication, widths, heights, folds, advertising, and typography. As with the book, the Web as we know it has evolved due to our perception of its form.

The Web was never intended to be a replacement for print—an evolutionary step, perhaps, but certainly not a digitally-distributed clone with a few extra bells and whistles. Yet Web design in its current state is often a strangely beautiful hybrid, inheriting its principles, typography, and language from decades of print, graphic, and information design, enhanced through layers of interaction, audio, and video yet clearly capable of so much more. In his famous essay on data design, [Envisioning Information,] Edward R. Tufte recognized the dissonance between our physical world and the way we attempt to represent it […]:

Even though we navigate daily through a perceptual world of three spatial dimensions and reason occasionally about higher dimensional arenas with mathematical ease, the world portrayed on our information displays is caught up in the two-dimensionality of the endless flatlands of paper and video screen.11 Edward R. Tufte, Envisioning Information, (Cheshire: Graphics Press, 1990).

The year this was published, [computer scientist] Tim Berners-Lee invented the World Wide Web.22 Timothy John Berners-Lee (1955-) is a computer scientist considered the main inventor of the World Wide Web following his work at CERN (European Council for Nuclear Research), near Geneva, in the early 1990s. In 1994, he founded the World Wide Web Consortium (W3C) at the Massachusetts Institute of Technology (MIT), whose purpose is to develop a global sharing space. [Editor’s Note] […] When [he] proposed building a network atop the burgeoning Internet to facilitate sharing of information, the format of that information was primarily text—more specifically, hypertext documents following the structure of research papers and scientific documentation. Berners-Lee’s first web browser— a window-based [GUI, graphical user interface] application for the NeXTSTEP platform; initially named “WorldWideWeb,” and later “Nexus”—even determined the size of its windows based on the page layout settings for printing viewed documents.33 Tim Berners-Lee, “NeXTStep. Menus: Save a copy in:” “Note that the window will continue to be associated with the original (network) document,” http://b-o.fr/nextstep

So the Web was conceived as a variation on the word processor—a distributed network of linear documents connected by a layer of hyperlinks. It stands to reason, then, that everything we have at our disposal today is somehow a result of this initial vision, that every site we design, every experience we create is an extension of the document-centric approach. This is why text elements [title hierarchy, paragraphs, emphasis and links] are the foundation of HTML and why everything else—tables, CSS for layout, video, plug-ins— are merely extensions in response to demand. If we consider the Web as it was initially envisioned, it’s not surprising that we’ve found it so easy to use page to unwittingly define our own boundaries.

Page: “sheet of paper,” 1580s (earlier pagne, 12c., directly from O.Fr.), from M.Fr. page, from O.Fr. pagine, from L. pagina “page, strip of papyrus fastened to others,” related to pagella “small page,” from pangere “to fasten,” from PIE base pag-“to fix” (see pact).44 Definition of the word “page” in the Online Etymology Dictionary*, http://b-o.fr/page

[…] Of all the carefully selected terminology Berners-Lee used when creating and defining the Web, page appears to have been used incidentally, appearing just once in the Hypertext Terms glossary as of 1992 (the earliest existing version) and even then only to assist in defining another term:55 Tim Berners-Lee, “Hypertext Terms,” 1992, http://b-o.fr/terms

Card: An alternative term for a node in an [interconnected] system (e.g. HyperCard, Notecards) in which the node size is limited to a single page of a limited size.66 Ibid.

The use of page to help constrain the definition of a card to something of a limited or fixed size demonstrates that even for the inventor of the Web, the word held all the restrictions of its physical form. The lack of a specific definition for page is also an example of familiarity informing preference, though this time subconsciously. We all know what a page is […] and that’s where the problem lies. For on the Web, the traditional definition falls woefully short. In that same glossary, we find two other interesting terms, node and document, which seem to have been Berners-Lee’s preferred choices for defining individual units of information on the Web. He even had users in mind when suggesting the use of document as the better of the two terms, as it was “the nearest term outside the hypertext world” and thus “the prefered[sic] term in W3 documentation.” […] Node appears thirty-one times, document and card six each, all with clear purpose and intent. Page, however, is only mentioned in passing, its definition having been secured four centuries earlier.

Trying to imagine a Web without pages is like asking, What if books had never been books? […] What if books never had pages? What if we were to separate the intellectual artifact (the document) from its physical format (the book)? We can follow this line of questioning to an age before pages and leaves, before individual sheets of paper were bound together to form a codex (precursor to the modern book). We find ourselves reading a scroll—still a document: linear, orderly, and structured, yet formed as one continuous physical unit [volumen]. How did the change in physical format from scroll to book affect the medium? Covers, binding, pagination, indices, even the printing press, all owe their existence not to the document, but to the constraints and requirements of the physical format of the object we know as a book.

Now let’s apply this same line of questioning to the Web. What if the Web never had pages? What if documents on the Web were simply abstract points on the network at specific addresses? It’s likely the types of content (the intellectual artifact) would be similar; after all, the desire to share information led to the creation of the Internet and the Web. But much like the differences between a scroll and a book, the physical format—or in this case, the virtual—would lead us to a different set of solutions, perhaps avoiding some of our existing problems along the way. If we never defined the Web as a series of pages, would we have needed pagination? Would the debate over the fold have made the transition from the world of printed newspapers? Might the “infinite canvas” ;[a concept of comics author Scott McCloud describing] the visible area of content on the screen as a window instead of a page—have been embraced as the natural approach to designing for our content? […]

We talk at length about experience, emotional design, content strategy, visual grammar, psychology, usability, and standards, but none of them really challenge the way we work, the way we think about the larger concept of what we’re actually capable of doing with this incredible network of wires, satellites, servers, ideas, and people. The conceptual dissonance between what we know we are capable of achieving and the perceived structure of the Web has limited our ability to surpass the medium’s current constraints.77 Ezio Manzini, The Material of Invention, (Cambridge, MA.: MIT Press, 1989). [Editor’s Note] The resulting uncertainty has given rise to time-consuming arguments and discussions surrounding the validity of solutions to problems which, had we better understood our own medium, may not have needed solving in the first place. Perhaps we would have been spared the oft-heated debates over fixed [layout] vs. fluid or liquid layouts, a topic directly related to the constant misinterpretation of how, exactly, we define the boundaries of a page on the Web. We might also have avoided clashes with clients born from simple misunderstandings over print industry terms such as bleed and fold and instead spent more time discussing interaction, content, and usability. If the days, weeks, and years devoted to these and other discussions were reallocated, imagine the larger, more significant problems we might have addressed in that same amount of time.

Let’s revisit the idea of a Web without pages. In this alternate history, print-related disciplines—traditional publishing, advertising, branding—would recognize the Web as an entirely new medium, unrelated to their existing notions of plane or dimension. Perhaps, under such circumstances, repurposing language and concepts from those media would not result in the confusion we face when communicating with clients and interdisciplinary colleagues. Much frustration has resulted from the misunderstanding of what, exactly, the Web is supposed to be. Our ongoing identity crisis ;epitomized by constant discussions of job titles, roles, labels, and lexicon—stems from our medium’s document-centric origin and our inability to limit ourselves to headings, paragraphs, and lists. Yet this seemingly arbitrary constraint has led us to what we consider the modern Web to be: images, video, JavaScript, animation, Ajax, apps—and, yes, even Flash. Without the inherent limitations of a system designed to share simple documents, we may never have realized its enormous potential. […] Discussing the advancement of abstract painting in the mid-1980s, artist Frank Stella recognized a similar dilemma:

It is not the problem of perspective, either linear or atmospheric; nor is it the problem of flatness that makes this space so different, although this often seems the best way to describe it. Rather, it appears to be something in the intention, in the acceptance of commissioned configurations, in the attitude toward covering a given surface that held painting back, that actually kept it from creating a surface that was capable of making figuration look real and free.88 Frank Stella, Working Space, (Cambridge, MA: Harvard University Press, 1986).

Perhaps the approach we take, our intention, our attitude toward the medium and how we perceive and define it is what really prevents us from true advancement. Our canvas is not the viewport, nor is it Photoshop, HTML, CSS, JavaScript, video, mobile, native apps, or a screen or device of any dimension or capability. It is no longer simply the Web; it is at the very least the Internet, the people and devices connected to it, and the context of those connections. Yet while we struggle to define our canvas within this virtual construct, we remain unable to manipulate aspects of layout and typography that the printed page has enjoyed—mechanically or otherwise— for centuries. How is it that we’ve inherited preconceptions but not application? […]

Webfonts are fantastic, but print designers have had their choice of typeface for decades, and besides, the Web is not print. With so much of our energy focused on becoming more like an existing, static medium, how can we expect to evolve our discipline beyond the confines of the document-centric format? The answer, for some, involves other media. Are video and audio—Flash, HTML5 or otherwise—the non-document-centric future of the Web? This seems unlikely. Television and radio are already acceptable delivery mechanisms, and the Web has little to do with the viability of those media on the Internet. We already interact with remote content via our TV sets and mobile devices, although certain APIs and protocols build on top of Web technologies. […]

If a few layers of interaction and multimedia on top of previously static documents and content were all the Web had to offer, we could have stopped at forms and plug-ins, and been perfectly content [in the 1990s]. Thankfully, we are not content with the current shape of the Web, though to evolve beyond the page—our flatland—we must try harder, imagine greater, invent more, and break rules. Tufte once again exhibits clairvoyance by explaining two decades ago the task which now lies before us:

Escaping this flatland is the essential task of envisioning information—for all the interesting worlds (physical, biological, imaginary, human) that we seek to understand are inevitably and happily multivariate in nature […].99 Tufte, op. cit.

Our responsibility is not to replace page in our unique vocabulary of Web design but to acknowledge that our current understanding of what it means to design for the Web is just a single blip in a universe of possibilities. The Web is quickly evolving, and as its creators we must explore the myriad forms our medium offers without allowing our perceived constraints to limit its potential.





Text initially published in Andy McMillan (ed.), The Manual, (Belfast: Fiction, 2011).