City of Sound is about cities, design, architecture, music, media, politics and more. Written by Dan Hill since 2001.

In praise of lost time: on Facebook Timeline

Written in


Facebook are creating a machine for capturing the familiar everyday, but should we always remember everything?

Ed. This is the original, and different, version of an article published in Domus on March 5, 2012, for the SuperNormal column I curated at the time.

For millennia, humans have pursued the idea of perfect memory. It’s an ambition that has led to the development of much of our media, from books to the internet. For most of our existence, however, ‘forgetting’ has been the default, and ‘remembering’ the exception.

Yet when Facebook Timeline launched in December 2011, it was with the promise of the feeling of telling someone your life story, and the feeling of memory — of remembering your own life. As ambitious as this sounds, Timeline was simply the latest attempt at a digital memory that can augment our frail biological memories and supersede our various analogue records. This ‘outboard memory’ has been a theme in computer science since the discipline fully emerged after World War II, yet in pre-digital form the pursuit arguably stretches back to Ptolemy and the great library at Alexandria.

Of course Facebook Timeline is not quite there. While Timeline really only ‘remembers’ your activity in social media, representing just a tiny proportion of one’s existence, it is interesting for two reasons:

First, it is an exemplary bit of interaction design, balancing technical innovation and business strategy with a narrative sophistication appropriate to an attempt to trigger memory.

Second, and perhaps more interestingly, Timeline hints at what it might mean to be immersed in systems that capture our every move, and which comprise an augmented memory that may significantly alter our sense of who we are and what we do.

Feltron & Co

To the first point, to provide a new interface for Facebook is a daunting product design challenge: what other single product or service has 800 million users? While there are around 1.25 billion Windows users worldwide, according to Microsoft, that user-base is spread across numerous versions. The ticketing systems for the Indian state railways tickets only have to deal with 30 million daily passengers. The most manufactured car of all time, the VW Beetle, shifted around 22 million units; with re-sales, that’s perhaps 100 million users. Mikael Kalashnikov’s AK47 assault rifle comes in at around 75 million units, according to the World Bank—although we can assume a few more. If China had a universal electoral system to produce, perhaps that would be a similar scale of design problem. Currency systems presumably serve more. Tetrapak have a decent claim, at an extraordinary 150 billion packages per year globally.

A layout from Nicholas Felton’s 2010–2011 Feltron Annual Report, available at Feltron is a prescursor of Facebook Timeline, in its playful portrayal of everyday data

But to provide a new interface — a new information architecture, design language and set of interactions — onto a complex multi-faceted service of this scale and increasing diversity is almost without precedent or peer. Given this, Facebook made a smart move in hiring Nicholas Felton, a designer well-known and respected within the interaction design business for his Feltron Annual Reports, a series of publications detailing the minutiae of Felton’s annual interactions: meetings, drinks imbibed (by type), photos taken (by number and category), clothes purchased (by colour). Each report was a tour-de-force of information design, leavened by subtlety and playfulness, such that the the solipsistic idea of making an annual report of your life was cleverly undercut by sheer craft and absurdity.

But the reports were not only a clue as to where Timeline might go in terms of content—and note that Facebook generates minutiae like nothing else ever has—but also in terms of presentation. Timeline records and sequences your Facebook-related interactions over time, latest at the top, below a panel of summary objects that convey the user ‘at a glance’. This is a presentation of self in everyday life in a few hundred pixels, and as you scroll down, your life (sort of) unfolds before you.

You see the year by year summaries drift by: “Everything you liked in 2008”; “You added 528 friends in 2007”. There are a few smart ways of controlling what you can see, and what other users can see. The material groups itself with some clever associations, although as a narrative it ends up being fairly glib.

For instance, you can see when a user met the person they ended up later marrying (it looks like both events might be automatically picked out of the Timeline stream.) This may be an attempt at narrative overlay onto datapoints, but it is about as sappy as it gets, as if written by an 11-year old fed on a diet of Beverley Hills 90210. It hardly speaks to the twists and turns, vagaries and variations, or even coincidences and compromises of real human relationships.

Technically, though, it’s some achievement. The interaction and architecture is far more coherent and discreetly sharp, balancing an increasingly complex set of interactions within a presentation and vocabulary that feels both intuitive and elegant. Felton and team have delivered a step-change in the quality of the Facebook experience, with the last vestiges of Mark Zuckerberg’s dorm room finally expunged, save the conservative true blue hue. Where Facebook was once essentially ‘un-designed’, the most basic of veneers hung over a software engineer’s default layout, now it has both the structure and skin of the best web services.

An example of Facebook Timeline on Facebook, illustrating how recent events are all made visible or “expanded” by default, perhaps reflecting the performance of short-term memory.

It’s a simple design, with a deftness of touch in its elements, and as a form of flexible composition — the true art of web design layout — it just works. As Timeline expands, the content unfurls before your eyes, not like the res up of a video game, but with a sudden ‘pop’ of images, text and other people. These blocks are labelled with icons that are class above Facebook’s usual sub-pixel-art set. In Timeline, you only have to see the baby icon, denoting your birthdate, to realise the skill at work here, particularly given the meagre handful of pixels to sculpt with.

Structurally, the “frictionless apps” that are woven into the Timeline are a big step forward, creating the kind of ecosystem dreamt up during early discussions around the Semantic Web, though hardly in the terms imagined by those doing the dreaming.

Given this easy orchestration of media, apps, games, services, places, objects, people, and relationships — the core social objects of this world — we might even see Timeline as a sketch of an entirely new operating system interface, in which your data, and its semantic containers, is organised over time, rather than by the pseudo-spatial layouts of desktops. (Seeing time as a organising principle in this way would be interesting; you can imagine you might even roll Timeline forwards as well as simply backwards, indicating a new form of calendar or diary, or aspirational planner.) For all its quiet demeanour and apparently ‘obvious’ pragmatics, Timeline illustrates how sophisticated Facebook’s thinking can be.

This wider strategy, of course, actually makes it quite different to Felton’s Annual Reports. Timeline doesn’t have the same motivation, and so does not carry the same humour or humility. Moreover, the success of the Annual Reports is predicated on their bespoke, rather than automated, compositions of editorial design.

In contrast, design for the web has to build flexible composition systems that can handle entirely unforeseen material, balancing discrete elements within an organised canvas. (Ed. by way of example, this discussion of the curveballs that the mundane track name can throw at digital music services).With Timeline, the resolution is necessarily more austere, less playful, and some of the grace and wit that saved the idea of a personal Annual Report is lacking a little as a result. Users of social media look for such ‘grace and wit’ — or equivalent — in the message rather than the medium, of course.

Time and lines

The continually unfolding vertical list is an intensely pragmatic form, reinforced by multi-touch interfaces that mean scrolling has little physical overhead anymore. It remains the dominant form of movement and layout, the default.

Noting the early computer’s delivery of data via vast piles of dot-matrix printer paper un-spooling from sprockets across the air-conditioned surfaces of 1960s laboratories, could it be that the basic mode of displaying digital information is still best served by a long vertical line of shortish chunks of information, one after another? Is this some terrible secret of structural interface design; that, at heart, this is all we have to design?

(Ed. In another Supernormal column, I explored the Little Printer device, another delightful vertical spooler.)

View at

Timeline certainly does not break radically from this mode, save for a single control calibrating the year to jump to. There is no sense here, for instance, of how an interface could explore the horizontal relationship between connected users’ timelines, by visually offering horizontal connections to other users.

Despite being the increasingly prevalent contemporary idiom, this spatial organisation of time benefits from a long history, stretching back to at least to 264 BCE. The Annals of St. Gall, a Frankish manuscript, was produced during the 8th — 10th centuries, and features lists in chronological order with dates in a left-hand column. These are Facebook Timeline’s distant ancestors. (Ed. Facebook’s attempted march into China, and the next billion users, might be aided by Timeline demonstrating that Qing Dynasty narrative scrolls run largely horizontally, however.)

From left to right: Daniel Rosenberg and Anthony Grafton, Cartographies of Time. Edward Tufte, Visual Explanations. Edward Tufte, The Visual Display of Quantitative Information.

Cartographies of Time, by Daniel Rosenberg and Anthony Grafton (2010), notes how the form has become “one of the central organising structures of the contemporary user interface.” They note that the basic intention of the timeline familiar from Web 2.0 remains valuable: “to clarify a historical picture — to offer a form that was Intuitive and mnemonic, and that functioned well as a tool of reference.” Facebook Timeline is certainly intuitive, and through its sheer simplicity probably fulfils that reference tool criteria too.

Yet the influential information designer Edward Tufte actually has little to say about the timeline in his canonical quartet of books, save for famously dwelling on Charles Joseph Minard’s data-time-map (1869) of Napoleon’s fateful invasion of Russia in 1812 and the “cyclogram” narrative produced by the Cosmonauts Georgi Grechko and Yuri Romanenko on board the Salyut 6 space mission in 1978.

Charles Joseph Minard, map of mounting human losses during Napoleon’s Russian campaign, published in 1869
“Cyclogram” narrative produced by the Cosmonauts Georgi Grechko and Yuri Romanenko, on board the Salyut 6 space mission, 1978.

But these are far more complex, multidimensional works. You get the sense that the timeline is a little beneath the haughty Tufte. Indeed, on his website, Tufte sniffs that “the computer screen is not very good at displaying a big historical timeline.” Right-o.

For Rosenberg and Grafton, however, the timeline has a key advantage:

“It offers stability. The world may be getting smaller and information may be moving faster, but in the realm of the time code, some semblance of the real seems always present.”

Timeline is one way to deal with the design challenge of encapsulating infinite variety in an architecture made for rectangles; it provides that ‘stability’ of structure (at its core, HTML is still bound architecturally to the boxed container, and all screens are still rectangular). In this case it is a form of mnemonic structure, in that it aids the recall of times, something that research indicates is consistently a struggle for human beings (though as a mnemonic, it hardly has the rich impressionistic qualities of the memory palaces detailed in Frances Yates’s magisterial The Art of Memory.)

Felton was certainly aware of all these precedents, but had to manoeuvre the default horizontal form of the timeline into the verticality of web idioms. He told Domus:

“I’ve found that Minard’s treatment fits very few sets of data, but your average horizontal historical timeline was a key reference at a critical point in our development. As we wrestled with how to make the historical relationship of units clearer, Mark (Zuckerberg) suggested that we think of this example rotated 90 degrees and introduce a central spine to our layout. After a weekend of tinkering with this idea, the current layout with units pointing to a time line appeared to be a viable way of solving the chronology problem.”

Other than this right-turn, Facebook Timeline does little to advance the basic timeline formally. It doesn’t need to. Yet that word “stability” above has at least two connotations: emotional, as well as structural. We are also reckoning with culture, sociology, and psychology, as well as layout. So the more profound issues here concern how Timeline, and products like it, could conceivably change human memory itself.

Lipstick traces

Memories are most powerfully triggered by sensory stimuli: lipstick traces on a shirt collar, a cardboard box of sticky Polaroids, grains of sand in the bottom of a suitcase, the smell of dubbin, liniment and dried mud on old football boots, the sound of a dusty grandfather clock, the feel of moss and lichen on granite boulder … Or most famously, the taste of a soggy madeleine in Proust’s In Search of Lost Time.

Without that sensory richness, for Facebook Timeline the key trigger is photography, and increasingly video. This is partly pragmatic again. Now that more people are carrying cameras around with them than ever, in the form of the smartphone, services such as Facebook deploy photography as Alfred Stieglitz saw it, as “the exploration of the familiar”, a series of markers and sensations of everyday life. Annie Leibovitz describes the iPhone as the contemporary equivalent of “the wallet with family pictures in it”.

As Roland Barthes put it, cameras are “a clock for seeing”, indicating that they are a visual representation at a particular point in time (well-suited to Timeline.) Yet as Geoff Dyer wrote in But Beautiful, his extraordinary book largely constructed from narrative improvisations unfurling magically from a handful of images, the photograph implies a blurrier sense of time than the mechanical snap of the shutter indicates:

“Although it depicts only a split second the felt duration of the picture extends several seconds either side of that frozen moment to include — or so it seems — what has just happened or is about to happen”—Geoff Dyer

So photographs are suggestive of times, rather than pinned in time.

Equally, if photographs are about one’s interior life, them becoming the substrate of social media turns this functionality inside out, as interior lives become exterior. Photography, as a medium, is in transition. Just as we are probably reading more words than ever, we are taking and viewing more photographs than ever, increasingly in the mode of the jiittery auto-capture of late-period Garry Winogrand. It has become a cliché to note that people stand at concerts watching the lens of their phones held aloft. Yet to record life through photographs, and increasingly short videos, seems to be the default, an almost unthinking instinct, an everyday act for everybody on Facebook.

Daytum is a platform for visualising your personal “everyday data”, designed and built by Nicholas Felton and Ryan Case before they were hired by Facebook

Where professional photographers once curated and represented the city by framing it through their own lens, will an artist now emerge who curates this flood of other peoples’ photographs? Dyer wrote in The Ongoing Moment that “Winogrand is drawn to the chance minglings, the inexhaustible visual patterns of social flux thrown up by the city. (Diane) Arbus sees the inexhaustible possibilities of eccentricity, a multiplicity of isolations.” Surveyed horizontally, a slew of Facebook Timelines would no doubt also offer up inexhaustible visual patterns of ‘social flux, eccentricities and isolations’.

There is a further wrinkle here, thanks to the current vogue for post-shot filtering of mobile phone images. Instagram’s default settings overlay a sunny, golden-hued filter over photographs, over-exposed and over-saturated as if a false memory of some Californian childhood. One of Instagram’s popular filters is called ‘1976’. Their product promise — “Transform the look and feel of the shot into a memory to keep around forever” — is somewhat ambitious. Can a simple filter transform a photo into a memory? What alchemy is this? But in cleverly aping the style of the Polaroid, which is forever associated with the idea of “instant memories”, the Instagram aesthetic is a perfect partner for Facebook Timeline.

(Ed. Facebook announced that it was acquiring Instagram a month after this article was published, of course.)

But there are other ways that digital media can denote memory, which in their contingency and unpredictability are closer to a moist madeleine than a fake filter.

PhotoJoJo PhotoTimeCapsule is a service that emails you five photos every two months, drawn from your Flickr stream of a year earlier. It’s a simple conceit, but surprisingly effective, using an essentially looser approach to a timeline that is far more evocative. (As I write this in snow-bound Helsinki, the twice-montlhy email arrives reminding me that this time last year I was about to be hit by the Brisbane floods, before sitting in reception at HASSALL architects in Sydney looking across to the sub-metabolist classic housing block Sirius (I can remember the heat that day), before flying over startling river formations between Adelaide and Sydney, whilst being disgusted by a militaristic headline in the Australian tabloid Daily Telegraph— all in one almost randomly curated email.)

Another example of evocative digital traces: accessing your phone’s maps application for the first time since returning from an overseas trip, you find the map application still centred on that foreign place. From your home town of Milan, say, you are briefly transported back to a memory of Hamburg for a stolen moment, represented as a vaguely familiar cached urban form, before an orbiting satellite relocates the app from Hauptbahnhof back to Navigli, gliding across space, time and memory in seconds. These are the grains of sand in the suitcase…

iPhone maps inadvertently evoking memories
The PhotoJoJo Time Capsule service reminds you of your recent past.

Memories are made of this

Which brings us back to memory. Viktor Mayer-Schonberger, in his book Delete: The Virtue of Forgetting in the Digital Age (2009), wrote powerfully of the danger in pursuing the ‘perfect digital memory’. If only he’d known what was coming.

An earlier Facebook prototype was explicitly called ‘Memories’, yet it’s clear that Timeline is a major step forward from that too. Looking at early sketches for Timeline, you can see Facebook’s designers toying with alternative categorisations before choosing time as a ‘universal’ organising principle, with Felton saying “I felt strongly that your life should be shown in one long continuum… You gently consume time.”

In other words, you ‘gently’ accrete Facebook memories through your interaction with the site and linked web services. Timeline builds itself as s side-effect. It never forgets by default; a user can intervene to hide, downplay or remove events, but such is the nature of web services that most won’t, even given the refined design.

This is a perfect example of Mayer-Schönberger’s premise for his book: that remembering has become just a bit easier and cheaper than forgetting. He argues, however, that forgetting is actually a key attribute in human development. Forgetting frees us of past events, in a way, as our memory is a living construct, constantly being reconfigured based on present needs.

Mayer-Schonberger quotes psychologist Daniel Schacter, who “suggests that our brain constantly reconfigures our memory — what we remember, based at least in part on our present preferences and needs. For Schacter, our memory is a living evolving construct.” We build our episodic memory as we go along, rather than simply accessing some objective truth.

Fundamentally, not forgetting affects our ability to make decisions. Mayer-Schönberger draws from a 1942 short story by Jorge Luis Borges, in which the protagonist is unable to forget anything. The passage in Mayer-Schönberger’s book reads:

“’To think,’ Borges writes, ‘is to ignore (or forget) differences, to generalize, to abstract’… Perfect remembering for Borges threatens to afflict its victim with a never-receding cacophony of information from which no clear abstract thought emerges… Whereas human forgetting is the very quality that lets us rise above the particular to grasp the general.”

Ironically, we may get little sense of perspective when presented with an endless Timeline of memories. Without forgetting, we are compelled to live in the past, to feel the weight of memories obscuring our ability to live in the present, to act. (This is almost a rear-view mirror of British philosopher John Grey’s critique of our obsession with the future. Perhaps both are “failing to cherish the present — the only time that is truly our own.”)

Layouts from Nicholas Felton’s Feltron Annual Reports

But for all Facebook’s reach, Timeline is still only a memory of your interactions on and around social media, a form of walled garden of the mind. What you do online is a tiny proportion of what your body does in the world.

This is immediately obvious viewing Timeline’s navigation, in which time before 2007 barely exists. And when it does exist, it will generally only consist of significant hand-picked events — marriages, births, deaths, graduations — whereas time after 2007 largely comprises of a stream of ephemera such as the kilometres you ran on Monday, what you listened to on Tuesday, random drunken tweets from Friday, and a series of photographs you will later regret from Saturday… This suggests a symbolic see-saw, weighted oddly, with your Timeline-augmented memory increasingly clouded by content streams.

For the bulk of social media’s content is of course transient, despite Timeline’s intrinsic insistence. A similar social media app, Path, handles this slightly differently. Path’s habitus is tied to smartphone, and the smartphone is not really a device for concerted browsing of deep archives. So things ‘fall off the bottom’ of one’s ‘path’, and it does not matter. Path innately conveys the ephemeral nature of such material, comprising a thin but meaningful skein of interactions, often in photo and video, between close friends. You can keep scrolling down to view old events on Path — it’s just that you wouldn’t. It’s about now, and a few hours back.

(Path’s tighter organisation of its ‘social graph’ — the set of relationships between users — also helps. Limited to ‘150 friends’, this number is presumably derived from Dunbar’s Number, after the British anthropologist Robin Dunbar, who proposed that there was a maximum number of stable social relationships that the human neocortex could maintain, hovering around 150.)

Path works as a timeline with other people in it; it perhaps suggests that Timeline’s interface metaphor could extend to Facebook’s News Feed too. You can’t see Path developing the overwhelming weltanschauung and business model that Facebook will, but it does seem to understand that much of this data might be only be meaningful at the time.

Yet such platforms should keep ephemeral data. One never knows the future value of something; the BBC deleted forever several hundred episodes of its classic Doctor Who programme in the mid-60s as the magnetic tape was thought to be more valuable than the Doctor. Though someone’s status update is hardly the same as an episode of Doctor Who, it might still make sense to keep the data; imagine the possibilities for a contemporary Mass Observation project, if nothing else.

It is making it so effortless to recall that may be problematic.

Mayer-Schonberger’s proposed solution is user-set expiration dates, where we pause to consider what’s worth keeping. Unfortunately, a suggestion from 2009 already feels outdated, and doesn’t scale to the torrents of data, often auto-updated, that a Timeline might be composed of. Expiration would take active calibration of an increasingly large number of feeds, meaning that it will only be done by the kind of people who actually read the Terms & Conditions when installing a new version of iTunes.

It might make sense instead to render ephemeral data a little less obvious to access, and so remember. How can we make such data a little rusty, so that forgetting is cheap and remembering is hard again? (Funnily enough Twitter appears to achieve this “forgetful” condition through consistently poor performance, which is one way of doing it.)

Felton and team approached this through a form of layered recall, suggestive of short term and long term memory. He says, “I’d like to think that Timeline succeeds at representing your history in a way that mirrors personal memory. The most recent section are your freshest memories and are all apparent. As you travel back in time the years become abbreviated and only the highlights are initially visible. For users who have filled out time periods before they joined Facebook, it’s witness to what they or others remember about their past and starts to form a collective memory as classmates post their 2nd grade photos or parents tag their children.”

Facebook Timeline

Good times

The deepest irony here is that Facebook, despite its basis in the trivial, or at least highly personal, seems to have played some kind of pivotal role in both the Arab Spring and Occupy Everywhere. From the utterly banal to the most significant events of our age, on the same platform, using the same interface.

Again, we are looking at a new kind of design challenge here, for a genuinely new form: an interface for a shared social memory. Yet with its tendency to preserve all events, it inadvertently celebrates memory without judgement. We really are only looking back through Instagram’s sunshine-tinted hues. It’s as if that “endless continuum” will just be comprised of happy marriages, fulfilling jobs, uncomplicated births and flirty smiles. Good times.

In her memoirs, Joan Didion challenges the reader to consider the pain also involved in memories:

“You have your wonderful memories, people said later, as if memories were solace. Memories are not. Memories are by definition of times past, of things gone. Memories are of the Westlake uniforms in the closet, the faded and cracked photographs, the invitations to the weddings of the people who are no longer married, the mass cards from the funerals of the peoples’ faces you no longer remember. Memories are what you no longer want to remember.”

Reading Didion, you are reminded that Facebook is a young person’s plaything (accepting that there is a substantive difference between memoirs and memories, and the personal tragedies that mark Didion’s memoirs in particular.) Whilst it has older users of course, no-one has yet grown up and grown old with Facebook. No-one has as yet been subjected to the sensation of having to deal with the emotional weight of memory described by Didion through such a mundane and public presentation of self. Facebook Timeline is built to describe a life laid bare, although only a small portion of peoples’ lives can be on it so far, by definition. We cannot yet know what it will feel like to live with it, running alongside our everyday life like a ever-growing shadow.

While Timeline is a quite brilliant example of a contemporary interaction design retrofit, it appears unsure of the value in forgetting. Through Felton et al’s careful layering and aggregating, older memories are not immediately obvious, but Mayer-Schönberger would point out that they are still all there, and for him at least, that may be building a problem.

The next great design challenge would be to work with the grain of social media, its essential everydayness, while enabling both remembering and forgetting in a way that more constructively supports how we might relate to each other, and more convincingly build our representation of self. Nicholas Felton understands that Facebook’s “many avenues of self-expression”, in his words, offer a unique possibility to explore a mirror of personal memory as social experience; the challenge may be finding the motivation for Facebook, as a business, to do so.

It might be worth focusing some of their considerable intellectual resources on the value in forgetting, however, for the automatic generation of a multitude of personal histories is not necessarily a good thing. As Hegel said, the only thing we learn from history is that we learn nothing from history. This is not necessarily because we can’t remember, but because sometimes, perhaps, we shouldn’t.

Nicholas Felton

Postscript: Interview with Felton

Alongside this essay, I also conducted a short interview with Nicholas Felton, which included some early ‘sketches’ or mock-ups from the development process for Facebook Timeline. A few quotes are included in the article above, but here’s the fuller exchange—many thanks to Nicholas for the discussion.

Dan Hill: How long did the process of designing and developing Timeline take, from start to finish? How much of a blank canvas was there to work from?

Nicholas Felton: The full narrative of Timeline started well before before I joined Facebook. The technology under the hood that makes it all possible had been underway for several months and the design team had already explored several presentation formats. Ryan Case (my partner from Daytum) and I arrived in April and while everyone was eager to build something for a Summer release, the quality bar was set very high and in our first days we were invited to reconsider the product and propose the Timeline we would like build.

DH: How big is the design team, and what kind of disciplines are directly working together on a project like Timeline at Facebook?

NF: There are about 35 product designers at Facebook and four designers worked exclusively on Timeline. In addition to designers, there are engineers, product managers, researchers, content-strategists and of course Mark Zuckerberg and Chris Cox who nursed the product from an idea to its unveiling on stage at F8.

DH: The playful fluidity of your Feltron Annual Reports is partly enabled by the bespoke nature of editorial design, in which content can be shaped for each layout. Obviously, web design is an entirely different proposition, based on flexible structures that try to anticipate the form of unpredictable content. What could you practically draw from the Annual Reports in terms of visual design?

NF: Fortunately, Ryan and I had been considering this problem for several years before starting at Facebook. was sparked by the desire to bring something resembling the Annual Reports to a broader audience and to create a tool that allowed creative expression within strictly controlled boundaries. Facebook clearly offers many more avenues for self-expression, but we found that some of the same design patterns were successful with Timeline.

Facebook Timeline, early mock-up by Felton and team. The “Profile” state indicates different treatment of profile picture, no integration of advertising and a right-hand navigation based on content categories rather than chronology

As with Daytum, we determined that a 2-column layout would be the best way to balance information density with clarity, but faced the additional challenge of incorporating chronology in a clear manner. Defining the boundaries of units was a more delicate task than we anticipated, and we ultimately found that by combining a repeating header treatment with comfortable padding and unambiguous borders did the trick without appearing too bold.

DH: Did you look at any historical precedents or other inspirations in terms of timelines specifically? (For instance, Minard’s chart of Napoleon’s march, Qing Dynasty scrolls etc … Or more basic historical timelines?)

NF: I’ve found that Minard’s treatment fits very few sets of data, but your average horizontal historical timeline was a key reference at a critical point in our development. As we wrestled with how to make the historical relationship of units clearer, Mark suggested that we think of this example rotated 90 degrees and introduce a central spine to our layout. After a weekend of tinkering with this idea, the current layout with units pointing to a time line appeared to be a viable way of solving the chronology problem.

DH: Technically, how do you sketch or visually develop and share ideas? You’ve said you use Processing — do you find it easy to ‘sketch’ in code? Does that code get ported to developers for re-writing/refactoring, or is it simply a sketching tool? If you use Photoshop/Illustrator, how do you meaningfully exchange ideas with engineers? When do you plug in the real Facebook content streams into the layouts?

NF: As much as I love Processing, it has not been a part of my work-flow at Facebook. My tools-of-choice are generally a sketchbook and Photoshop. For some of the more complicated interactions, Ryan will sometimes build clickable prototypes in JavaScript. More than anything, we talk a LOT about the dependencies and downstream effects of various product decisions. Some things you absolutely need to see in Photoshop or play with in a development environment, but by operating with as much information as possible we try to minimize surprises.

This Timeline mockup suggests an alternative design on the content modules, with a horizontal slider integrated into larger blocks of time

DH: Apps in Timeline are increasingly fed by ‘personal informatics’ (including sensors), as well as external web services. How did you calibrate the layout such that the ‘noise’ of such data doesn’t become overwhelming?

NF: This was one of the most challenging aspects of Timeline’s development. Apart from showcasing your photos, status updates and other posts on Facebook, we needed to integrate shared content like song listens, runs and news reads. Some of these are frequent and light weight, while others are less frequent and more meaningful. While your posts on Timeline should appear in a predictable way, we designed a few channels of varying determinism for this content that would allow it to appear without over-running the page. For example, your most recent song listen will have its cover art shown in the music tile in the navigation, then the listen will appear in a recent activity section and be counted when the aggregate report is created. This song can also appear in ticker on the News Feed, and if it collects any likes or comments here or in the recent activity then it may be considered important enough to appear as a dedicated unit on Timeline.

I’d like to think that Timeline succeeds at representing your history in a way that mirrors personal memory. The most recent section are your freshest memories and are all apparent. As you travel back in time the years become abbreviated and only the highlights are initially visible

Early design indicates content modules with floating horizontal sliders, perhaps indicating how much each block of time is “unpacked”. Felton says, “Defining the boundaries of units was a more delicate task than we anticipated, and we ultimately found that by combining a repeating header treatment with comfortable padding and unambiguous borders did the trick without appearing too bold”

DH: I’m interested in how you see the act of memory affected by Timeline. It might be that the ability to forget and reconstruct information, rather than be reliably presented with bald facts, is fundamental to our ability to learn, to reinvent ourselves, to make clear decisions about the present. Did you consider an interface that could deliberately ‘lose’ information, or make it degrade or expire in some way, become ‘rusty’ or lossy? How do you think of our memories as augmented by Timeline? Was augmenting memory in some senses a goal of the project?

NF: I’d like to think that Timeline succeeds at representing your history in a way that mirrors personal memory. The most recent section are your freshest memories and are all apparent. As you travel back in time the years become abbreviated and only the highlights are initially visible. For users who have filled out time periods before they joined Facebook, it’s witness to what they or others remember about their past and starts to form a collective memory as classmates post their 2nd grade photos or parents tag their children.

DH: Finally, has working on Timeline affected the way you’re thinking about your Annual Report project?

NF: Absolutely. The data collection rules were in place well before I started here, but learning to see the world through a social lens has informed the representation of the information this year, and inspired new approaches for the 2012 Annual Report.

Original edit of the article published in Domus on March 5, 2012, for the SuperNormal column I curated at the time.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: