Category Archives: Design

An Infographic on the Right Track: Grad School to Google

Posted on by
1

Though I was once a big fan of infographics, my ardor has cooled of late. Too many of the examples I see just look like clones of each other. But now and then I run across an infographic that is distinctly different, and worth sharing.

Case in point: this interactive graphic from OnlinePhD.org, which steps you through Google’s growth year by year (thanks to Google Tutor for the lead.) The drawing is not outstanding, but the interactivity and engagement are.

Created by Online PhD

Where I think this infographic is on the right track is in suiting itself to the computer. Most other infographics I see are like huge wall posters that you must enlarge and scan up and down to read easily. This one instead lets you click through to a new panel of information. Much friendlier.

I’ve attempted a bit of research on the genesis of this infographic and how it was built, but have come up empty-handed. If you know something more about it, why not share it in the comments?

More on Destination, Identity, and the Future of Content

Posted on by
2

Thanks no doubt to a helpful boost from Alexis Madrigal, my November 8 post, “The Future of Content Is Not Destination but Identity,” found a passel of new readers this week. One of them was constructively skeptical of my argument.

What does it really mean, he asked, to say the future of content is in its identity? Or that content must be imbued with the brand? However people find content, he argued, they “always wind up back at the brand to read it.” He also took issue with my suggestion that the container—the original site of publication—doesn’t matter anymore. As he pointed out, it does matter “if you want to keep people hanging around on your site reading more beyond the link that brought them there.”

Because his objections are too good to leave in the obscurity of a comment on a week-old entry, and because my MUD obligations limit the amount of time I can spend on this blog, I’m addressing his comment in today’s post.

It’s possible, of course, that I overstated my case considerably, which one is wont to do when blogging. But people don’t always wind up back at the brand to read content. Like my commenter, I read a lot of content in my RSS reader. But unlike him, I don’t go back to the source to read most of it. Thus, for me, the experience not only divorces the content from its original container, but also strips away much of its original formatting. Others may read content through Instapaper or Flipbook, which can similarly deracinate content. And I think this way of reading will only grow more common with time. (UPDATE: That should be Flipboard. And reading through it just now, I realized it actually does a good job of preserving original branding.)

It was certainly rhetoric more than conviction that prompted me to say that containers don’t matter anymore. Done well, they can still lure readers in and keep them hanging around. But containers are not nearly as good at containment in the digital era as they were in the analog. Because it is so easily copied and transmitted, content (not to mention readers) now can much more readily drift away.

When I suggested that, in response, content must be imbued with brand, I was again, no doubt, overstating. Publishers are obviously free to let their content wander off like wayward dogies without any identifying brand on their flanks. But a publisher concerned with promoting and propagating its brand would be wise to ensure that the content carries some form of brand identity. That can be done in a variety of ways: instilling a brand voice into the content (The Atlantic was once superb at this—you could always recognize its voice, no matter the author), incorporating brand references (Wired‘s Wired vs. Tired, for instance), or employing an identifiably distinctive point of view (Reason, perhaps?).

It used to be that publishers and their editors didn’t have to worry so much about this problem. When an article was contained within a print magazine, the context was enough to brand the content. But online, that context is much weaker. To me, at least, infusing your brand directly into your content seems like a smart response.

A Word Every Publisher Should Know

Posted on by
2

Skeuomorph. It’s one of those words you have to look up several times before you can remember it. For those unfamiliar with the term, Wikipedia defines it nicely: “a derivative object that retains ornamental design cues to a structure that was necessary in the original.” Some of the examples the entry cites are helpful: fake stitching on a plastic product once made of leather, spokes in an automobile hubcap, or, one of my own bugbears, tiny, useless handles on small maple syrup jugs.

The skeuomorphic design of iCalWhy should publishers care about skeuomorphs? Because as they shift themselves and their products into the digital age, one of the most important questions they must ask is whether to evoke the functionality of the old forms of their output or leap wholly into the new ones. There isn’t a single right answer. But if they don’t ask the question, they will probably get it wrong.

Though it deals with computer user interface design rather than publication design, one of the most helpful discussions of skeuomorphism I’ve read is from John Siracusa’s landmark review of OS X Lion. In it, he describes the odd nostalgia of Apple’s design of its iCal and Address Book applications. They evoke the look of their old analog counterparts so faithfully that they include stitching, torn paper, and a leather look. Though it might give users a sense of familiarity, the look actually impairs functionality, as Siracusa says of the Mac calendar:

 Usually, each page contains a month, but there’s no reason for a virtual calendar to be limited in the same way. When dealing with events that span months, it’s much more convenient to view time as a continuous stream of weeks or days.

Even worse, says Siracusa, is Apple’s Address Book, which “goes so far in the direction of imitating a physical analog that it starts to impair the identification of standard controls.”

For traditional, analog publishers, the most immediate application of skeuomorphism is to the process of going digital. As I noted last week, one challenge for companies like Ziff Davis Enterprise in going digital-only is whether they should retain the old functional metaphors of print—the page turns, the layouts, the display ads—or drop them in favor of inherently digital functionality.

But even for natively digital publishers, functionality will evolve, perhaps more rapidly than ever. As new ways of delivering and presenting content arise, will they look backwards and mask the new with the familiar veneer of the old? Or will they look resolutely forward and ask readers to adjust to the new in order to gain its full benefits?

The point here is not that skeuomorphism is inherently bad. It can be a useful and even compelling way to help people understand new functionalities. But in going digital, you need to consider the difference between when looking backwards is really helpful and when it’s just a sentimental gesture. So on your next digital product design, don’t just think different—think skeuomorph.

The Future of Content Is Not Destination but Identity

Posted on by
8

MUD day 8:

There’s been a lot of excitement in the past week about the new Web publication The Verge. Founded by Joshua Topolsky and several other former Engadget staff, it’s been praised for its dynamic design and for features like StoryStream, which aggregates the site’s content into timelines. But if it succeeds, will it be due to great design, or inherently great stories? Does its future lie in becoming a great destination site, or in creating a unique identity for its content?

The Verge

When Topolsky appeared last Sunday on This Week in Tech, host Leo Laporte asked a key question. After suggesting that The Verge is what magazine design should be on the Web, or rather, what should replace magazine design, he asked whether it mattered. “You’ve made a great destination, but I just wonder: Do destinations matter anymore?” How he and many others now read content, he argued, was in aggregation: “So if there’s a great Verge article on the Jawbone Up, I will see it in my Twitter stream or in my RSS feed, I’ll read the article, but then I’ll leave the site.”

Though the design, usability, and coherence of site or publication design are still important, they matter less to the success of content than they used to. In an era when content is increasingly atomized and ubiquitous, the identity of that content becomes increasingly important. Traditionally, magazines were a collection of disparate items that relied on the container to give them a coherent identity. But containment doesn’t work on the Web. So how then can content serve its publishers?

The answer, I think, is that identity must be stamped into the content itself. More than ever, to rise above anonymous commodity content, it must be personal, individual, unique. People must be able to see immediately, for instance, that this content, wherever they find it, could only be from The Verge. The content must be imbued with the brand.

It seems to me that this is the biggest challenge for traditional publishers in adapting to new media is to rethink the value of their publications as destinations. Consider, for instance, what Ziff Davis Enterprise CEO Steve Weitzner recently told Folio: about his company’s move to digital-only publication: “”We will publish [eWeek] in the same way—it will go through the same editorial process, the stories will get vetted, they’ll be laid out by art, we just won’t print it or mail it.” Is that the way to go digital? To simply plop the magazine model into a digital space? Somehow, I doubt it. The container doesn’t matter anymore. Only the content counts.

A Boring But Mandatory Redesign Announcement

Posted on by
Reply

In my years as a magazine editor, one of the most irksome tasks was writing an editorial announcing a redesign of the publication. Sadly, there’s nothing fresh or original about saying your redesign is fresh and original. Would you deliberately aim for a dated and derivative look? Read one such announcement — “reader-friendly, modern, airy, blah blah blah” — and you’ve read them all.

The previous design of B2BMemes.com

The old look

So, you might ask, why am I writing this? Mostly because my few but faithful readers may be curious as to why I redesigned the blog. So for the rest of you, my apologies as I leap into a boring but mandatory explanation of this redesign.

Before yesterday, this blog used the Atahualpa WordPress theme. Though its default design is overly busy for my taste, its many options allow CSS wizards to  transform it dramatically.  Unfortunately, my CSS skills are limited, and after months of tweaking and prodding, I failed to come up with a satisfactory look.

When I saw the new default WordPress Twenty Eleven theme, released earlier this month, I was smitten. Its ample white space and emphasis on readability were just what I was looking for. But it was the default theme, for God’s sake. I couldn’t use that! But after a few days of trying to imitate it with Atahualpa, I put aside my blog snobbery and chose Twenty Eleven.

Modifications were still necessary, of course. If anything, the theme is almost too clean. In particular, the default version doesn’t allow for sidebars on individual posts. Though it’s a nice look that favors ease of reading, it doesn’t provide enough context for people who land directly on a post without going through the front page—as most readers do. This and the fact that I wanted to adjust the size of the header image have led me to use a child theme, the safest way to modify default themes. In my case, I started with Chris Aprea’s mod that simply adds the sidebar to posts. I then made my changes to the header image dimensions in the child theme.

For the rest of my customizations, I relied on plug-ins:

  • Blog Copyright by BTE to add a copyright statement to the footer. (I may yet switch to a creative commons license, but the traditional publisher in me still resists.)
  • The Really Simple Twitter Feed Widget to show my recent tweets in the sidebar. I like the minimalist look of this widget much better than the gaudy excess of the official Twitter widget used in the previous design.
  • The Subscribe/Connect/Follow widget to add links for RSS, e-mail subscriptions, and my various social-media identities.
  • Sharedaddy to allow readers to share B2B Memes stories more easily. (Really, I should have added this feature long ago.)
  • The Yet Another Related Posts plugin, to suggest stories similar to the current one. Again, this feature was overdue.

One more change I may yet tackle is converting my commenting system to Disqus. But for the moment, I’m going to let this redesign sink in.

If you’ve read this far, you’re probably interested in this sort of thing. Why not share your reactions, positive or negative, in the comments? I’d love to know what you think.