• Print

Part book, part film, part website

A web-based documentary creates a new kind of reading experience.

This is part of an ongoing series related to Peter Meyers’ project “Breaking the Page, Saving the Reader: A Buyer & Builder’s Guide to Digital Books.” We’ll be featuring additional material in the weeks ahead. (Note: This post originally appeared on A New Kind of Book. It’s republished with permission.)


I’ve been writing about and helping create digital books for about 15 years now and I don’t think I’ve seen anything as innovative, as well executed, and as plain lovely to look at as “Welcome to Pine Point.” No disrespect to the great work done by teams at Push Pop (Our Choice), Touch Press (The Elements), or Potion (NYPL Biblion), but all those projects take the print page as the starting point and ask: how can we best recreate that reading experience onscreen?

“Pine Point,” instead, is an example of something that couldn’t exist in any other medium. Its creators describe it as “part book, part film, part website,” which sounds about right; it mixes audio, video, still photos, prose, and movable images to tell the story of a Canadian town that was abandoned, and then demolished, in the late 1980s. But as most people reading this blog know: that multimedia stew’s been cooked before.

Title page for Welcome to Pine Point
Title page for Welcome to Pine Point. Click to enlarge

So why is “Pine Point” such a success?

Quality, for starters. The team behind this project — Paul Shoebridge and Michael Simons, aka The Goggles — have sweated the details on how to integrate all those various media elements in a viewer-friendly way, one that immerses the audience in the story. A story that, not incidentally, touches on themes (abandonment, aging, environmentalism) moving enough to reward the time it takes — about 30 minutes — to watch it.

I’ll highlight below some features that make the work especially noteworthy, but I urge you to have a look for yourself. It’s Flash, so no go for Apple’s mobile gadgets. But, please, don’t let that scare you off. And, hey, one other suggestion: don’t try gulping this one down between meetings or while on a conference call. Wake up early one of these days or watch after the kids have gone to bed. Like any great book, it rewards attention and suffers from skimming.

Creator-led reading path

The impulse to hand over navigational control to readers in a digital book is considerable. After all, the web gave us the thrill of wandering across its endless terrain …and who hasn’t delighted in that? But books are different. Part of their appeal — especially those that tell stories — is how they offer a “sit-back” experience for readers. We follow, entranced, the author’s tale; our only job as audience is turning the page. Tarting up a story with links to Wikipedia, “enhancements” that launch other apps, and anything else that requires the reader to decide what to explore — none of these things are in and of themselves bad; they just don’t induce that magical feeling of losing yourself in a book.

And what you get when viewing “Pine Point” is exactly that. Thanks to the authors’ decisions on what not to include, on how to arrange this picture next to that bit of prose, on how to compose a tightly scripted narrative … they’ve betrayed every 21st century notion of reader-as-director and in exchange given us something precious: a polished vision that only happens when an artist labors and creates.

Now, that doesn’t mean there are no bells, whistles and clickable lures in this work (more on those baubles in a moment); but the viewer is only invited to explore in ways that, to me, matched how my eye might linger on a rich and complexly designed print page.

Reader-controlled pacing

Movies proceed at whatever pace the director decides. A book, by contrast, puts the reader in charge of pacing. You can pause at any point to digest some surprising revelation, or re-read a passage that didn’t quite register or moved you deeply. “Pine Point,” it’s true, is a kind of book/film/website hybrid. But where it feels most “book-like” to me is the way it’s been designed to let the reader determine the speed at which he moves through the material.

Minimal interactivity

Everything, in other words, is not clickable — only the stuff that benefits from reader inspection (e.g. playing a video, click-turning a platter of buttons to explore what’s on their backside). For everything else, the designers have made the great choice to minimize distraction and user anxiety by not littering the screen with “Hey!, Yo! Click me!” options.

Webcast: Digital Bookmaking Tools Roundup — Pete Meyers looks at the growing number of digital book tools: what’s best, what’s easiest to use, and what’s worth putting in your book-building toolkit.

Join us on Thursday, June 30, 2011, at 10 am PT

Register for this free webcast

Soundtrack

You know how, in a great movie, the score becomes part of the film in a way that’s practically inseparable from the visuals and whatever the actors are saying? You don’t notice the music because it’s blended with all those other elements. Meanwhile the quality (even if you know nothing about sound design) matches the rest of what’s onscreen. That’s what you get in “Pine Point”: a serious, contemplative, mood-setting score (courtesy of The Besnard Lakes). It’s mesmerizing.

Video headshots

So maybe The Goggles guys didn’t come up with this one on their own. I’ve seen it done elsewhere on the web and football fans will recognize it from the player/stat profiles in most big time games: the headshot that’s not a still, but rather uses video. The effect is as instructive as it is unsettling: you watch the person and it’s not exactly that they’re squirming, but their face moves — an eye twitches or wanders; a finger comes up to scratch the face; lips get wetted. All told, you learn something more, something different, in these video portraits than you do in a normal headshot.

Custom-drawn UI

There’s a definite visual theme — call it something like Nostalgic Scrapbook — throughout this work. And by spending the extra time to hand craft control elements (“page next” and “Go” buttons, menu trees, and so on), the designers have made sure that no visual intrusions occur, as would be the case if the stock Adobe controls were visible.

Graceful integration of text and images

This one rarely get done well, in my opinion. And you don’t have to be a typography geek to notice what’s easy to botch: as prose, pictures, and video mingle in digital books there’s a certain amateur quality to things like font selection and positioning. What the “Pine Point” designers have done right is settled on a thematically consistent font, crafted a nice background for each phrase (to ensure visibility on the widely ranging videos and pix upon which the text is superimposed), and laid each block down with line breaks and alignment that’s suggestive of the poetry that this writing aspires to. It’s wonderful to read, it’s lovely to look at, and it meshes perfectly with the visuals that accompany it.

Text and images integrated harmoniously
Text and images integrated harmoniously. Click to enlarge

Looping videos

If a page appears with a video queued up and waiting, readers need to lean forward and press play. That leads to the problem I touched on earlier: audiences like authors to “drive”; they’re used to not having to make any decisions beyond turning the page. But then there’s the flipside risk: if you present a viewer with a video on auto-start: a) if it’s annoying you’re gonna alienate the viewer, and b) what do you do when the video stops?

There’s a kind of fluid continuity — a momentum — to books that can easily get disrupted if you reach the end of, say, a one-minute video and it just shuts off. So the “Pine Point” creators make the risky but ultimately successful decision to play their videos in an endless loop. What you’ll notice, though, if you look closely at the start/restart seams, is the care they’ve taken to choose these points for maximum continuity. The effect of these video loops is that they contribute to the work’s overall mesmerizing quality … you can linger on a page and even forget you’re seeing the same thing over and over.

Beautiful writing

From start to finish: it’s spare, finely crafted, and consistent with the elegiac visual tone. Lovely.

Exploration encouraged … within limits

I know, I know: I just got finished writing about how reader-controlled exploration is poison to the book-reading experience. But we’re talking about a web-based book here for pete’s sake, so maybe a teensy bit of well-crafted, carefully selected, and browsing-within-close-boundaries is ok? Okay. One of the best instances can be found in the Shelf Life section. It’s a grid of looping videos, each of which you can click to play.

Grid of continuously looping videos
Grid of continuously looping videos. Click to enlarge

You’ll see how smoothly the play action is when you switch between videos: no lag, no jarring audio break … the sound of one gently gives way to the sound of the next. No pop-up window or different media player launches to break the spell of the book that you’re within. It’s all perfectly immersive.

Side-by-side videos

For example: the opening frame of the What’s Weird section. It’s a comparison between 1987 (left) and 2009 (right).

Grid of continuously looping videos
Side-by-side videos showing before-and-after scenes of Pine Point. Click to enlarge

It’s a powerful way of depicting before and after, with the left video underscoring the point that life was teeming back then and the right side showing how, today, it’s a desolate and abandoned site.

Source document integration

This one’s also in the What’s Weird section, about four screens in. (Okay, I’ve done enough gushing to lodge one complaint: they need to come up with a better way to cite individual pages.) Here we see memos from the government announcing the town’s closing. Without any annotations these documents contain too much text to focus on what’s important. The solution? Highlight the key points in yellow so the viewer can home in on the key points.

Grid of continuously looping videos
Key passages highlighted in yellow. Click to enlarge

Enough telling. Go, watch it yourself. See what digital books can do that can’t be done in print and still satisfy that reading experience that all of us book fans crave.

P.S.: Just learned a bit more about The Goggles’ production partners in this effort: the interactive division of the National Film Board of Canada. Looks like they’ve got a bunch of neat projects on their site.

Related:

tags: , , ,
  • Kathy sierra

    Wow, Peter, wow. Thank-you so much for yet another EXTREMELY useful post. I am reading this on my iPad, so I cannot experience Pine Point until I’m back to my laptop, but you did a wonderful job of describing what they did and what it felt like to “read” it.

    It does remind me a little, though, of the old CD-ROM interactive projects, where Peter Gabriel, for example, had some pretty skillful navigation subtleties. But of everything in this post, I especially appreciate your callout of:

    *Creator-led path
    *Reader-controlled pace

    I believe this is key. However, we might need to come up with new words for the person-formerly-known-as-the-reader. You used “creator” rather than “writer” or even “author”, but still refer to the person experiencing it as a “reader”. I have no good options, but I still prefer “user” to reader, because it keeps the focus on making something useful, usable, user-friendly. It also forces me to consider the result of my work, for the user… what happens after they are done? What changes for them? How will they “use” what they experienced?

    Awesome post.

  • http://www.newkindofbook.com Peter Meyers

    Thanks Kathy!

    Re the reader/user nomenclature issue: I struggle with that issue and definitely am conscious of how inadequate “reader” is as a descriptor for all the different ways we, the audience, consume these digital creations. Part of my hesitation around “user” is a bit of a quirk related to my previous life as a member of Team Missing Manual. There, our style guide more or less forbid that words use…on the grounds that only one industry—illicit drugs—refers to its customers that way. But I’m starting to think I need to shake that off. “User” may not be the most elegant term, but it does absolutely get at the way these digital texts need to be manipulated by, interacted with, and designed for…..um, ok, here it comes: users ;)

  • http://www.linkedin.com/in/punitd Punit Dhandhania

    Thanks, Peter.

    I had nothing to do with Pine Point…
    I am from a place half way across the world…

    My interest in exploring latest use of technologies in publishing brought me to your article and to “Welcome to Pine Point”.

    Have been truly touched with the story of Pine Pointers. I took your suggestion:

    ” … don’t try gulping this one down between meetings or while on a conference call. Wake up early one of these days or watch after the kids have gone to bed. Like any great book, it rewards attention and suffers from skimming.”

    and have been deeply rewarded (and I am not talking about use of technology). Thank you.

    I can no longer say:

    I have nothing to do with Pine Point …

    I guess one great example of successful use of technology in publishing is what has just happened. “Touched”, “Moved”, “Connected”, “Impacted”, “Changed” . . . somebody half way across the world with no past connection to the content.

    Congratulations to Paul Shoebridge and Michael Simons naturally. But equally to you for reviewing this beautifully. FInally can help but thank Richard Cloutier too.

  • daily deals promo code

    I am very impressed with your writing skills, as well, with the provision contained in the written material weblog.your important to me, thanks for sharing with me …