LET YOUR NERD FLAG FLY! Now there is a Flickr group for A Book Apart readers. Come one, come all. Share beauty shots of your A Book Apart collection. Share unboxing photos. Share pictures of your fine self interacting with our awesome books. If you love reading our brief books for people who make websites, we want to see and hear from you.
In Issue No. 326 of A List Apart for people who make websites: liberate your content to get ahead of the curve in 21st century publishing, and empower live audiences with backchannel wizardry.
by CAMERON KOCZON
Bookmarklet apps like Instapaper and Readability point to a future where content is no longer stuck in websites, but floats in orbit around users. And we’re halfway there. Content shifting lets a user take content from one context (e.g. your website) to another (e.g. Instapaper). Before content can be shifted, it must be correctly identified, uprooted from its source, and tied to a user. But content shifting, as powerful as it is, is only the beginning. Discover what’s possible when content is liberated.
by CHRISTOPHER FAHEY, TIMOTHY MEANEY
Baby’s got backchannel! If everybody at the conference is staring at their Twitter stream instead of at the person who’s doing the speaking, maybe the speaker should meet them halfway. Migrating speaker presentations to the backchannel can empower the audience while enabling the speaker to listen carefully to their responses. The broadcast model of presentations is dead! Long live the conversation model.
“WE KICKED OFF WITH a discussion on web platforms, perhaps the most widely-changing aspect of the web in the past 18 months. Zeldman began with a story about his efforts to check in to his upcoming flight to SXSW from a taxi cab in New York. He entered his details into his airline’s mobile app and clicked the ‘log in’ button, only to be taken to their desktop website which required Flash to log in, which inevitably, his iPhone didn’t support. How did this kind of user experience failure occur? …
“Moving on, the panel began to discuss publishing. The advent of plugins like Readability and a new product Roger Black is working on called TreeSaver allow readers to specify how they want to see content, and the advent of web standards means that content is generally separated from presentation, to the benefit of the reader. Zeldman made the point that the entire platform is for content, which makes it odd when some products are designed with the content being the last thing in mind.”
“The paywall quickly came up and the overwhelming ethos from the panel was “if you have exclusive great stuff, people will pay for it”. Dan Mall suggested that traditional publishers didn’t understand alternative modes of publishing and were attempting to price them at the same rate as their paper-and-ink versions. Mandy Brown joked that many publishers saw the iPad as their saviour, just like they did with the CD-ROM back in the 90s. She also made the point that despite its web-savvy audience, the A Book Apart project’s sales were 75% print. …
Paul MacInnes is the editor of the Guardian Guide and Matt Andrews is a client side web developer at the Guardian. Full coverage of SXSW 2011 at guardian.co.uk/sxsw
ON SUNDAY, while leading a discussion on the future of web design and publishing, I noticed a slightly confused look appearing on some faces in the audience. The discussion had been billed as “Jeffrey Zeldman’s Awesome Internet Design Panel,” and I thought perhaps there was a disconnect for some in the audience between “design” and such topics as where content comes from and who pays for it.
So I asked, “Who here is in publishing?”
A few hands were gently raised.
Uh-huh. “And how many of you work on the web?”
Every right hand in the room shot up.
“You are all in publishing,” I explained.
Now, I like a good rounded corner talk as much as the next designer. I’ve given my share of them. Also of line height and measure, color and contrast, how to design things that don’t work in old versions of Internet Explorer, and so on. In the practice of web and interaction design, there will always be a place for craft discussions—for craft is execution, and ideas without execution are songs without music, meaningless.
But right now (and always) there is a need for design to also be about the big strategic issues. And right now, as much as design is wrestling with open vs. proprietary formats and the old challenges of new devices, design is also very much in the service of applications and publishing. Who gets content, who pays for it, how it is distributed (and how evenly), the balance between broadcast and conversation, editor and user—these are the issues of this moment, and it is designers even more than editors who will answer these riddles.
HEY, YOU WITH THE STARS in your eyes. Yes, you, the all too necessary SXSW Interactive attendee. Got questions about the present and future of web design and publishing for me or the illustrious panelists on Jeffrey Zeldman’s Awesome Internet Design Panel at SXSW Interactive 2011? You do? Bravo! Post them on Twitter using hashtag #jzsxsw and we’ll answer the good ones at 5:00 PM in Big Ballroom D of the Austin Convention Center.
Topics include platform wars (native, web, and hybrid, or welcome back to 1999), web fonts, mobile is the new widescreen, how to succeed in the new publishing, responsive design, HTML5, Flash, East Coast West Coast beefs, whatever happened to…?, and many, many more.
Comments are off here so you’ll post your questions on Twitter.
The panel will be live sketched and live recorded for later partial or full broadcast via sxsw.com. In-person attendees, arrive early for best seats. Don’t eat the brown acid.
BACK IN THE WEB’S Pleistocene period, I received an e-mail from a young content strategist. “Excuse me,” she wrote, “but there is a grammatical error in the current issue of A List Apart.” While I was used to reader mail challenging the ideas in our articles, it was the first time anybody had bothered themselves about the writing. “Would you like to be my copy-editor?” I shot back. “I can’t pay you.”
Within months, Erin Kissane had worked her way up to editor-in-chief. For ten years, she supervised the magazine’s strategic growth, fostered its embrace of multiple disciplines, and interacted skillfully and graciously with the leading minds in web design—our writers. Simultaneously with her editorial work, Erin helped pioneer content strategy for clients large and small, working closely with editors, curators, designers, developers, marketers, you name it. She learned enough about everyone’s jobs to value what they do, get the information great content strategy requires, and sell great content strategy to them—for, like everything else in this business, persuasion is at least half the job.
At last she shares all she has learned. In the past, only her friends, clients, and lucky writers got to know the magic that is Erin Kissane. Now she belongs to the world. We are delighted to present the third volume in the A Book Apart series. Read The Elements of Content Strategy, enjoy it (Erin is a hell of a writer), and go make the web better.
A Book Apart
“After Borders, the 40-year-old retail chain that helped define the age of the book superstore, filed for bankruptcy protection on Wednesday, the struggling book industry was left wondering what was next — and maybe even who was next.”
RELEASED LAST WEEK, Arc90’s Readability 2.0 is a web application/browser extension that removes clutter from any web page, replacing the typical multi-column layout with a simple, elegant, book-style page view—a page view that can be user customized, and that “knows” when it is being viewed on a mobile device and reconfigures itself to create an platform-appropriate reading experience.
In so doing, Readability focuses the user’s attention on the content, creating an enhanced—and often much more accessible—reading experience. It also subverts the typical web browsing design paradigm, where each website offers a different visual experience. Instead, to the Readability user, all web content looks the same, once she has clicked a button to engage the Readability view.
If Readability did only this, it would represent a significant directional departure for the web and for site owners, in that, for the first time in the history of designed websites, branded look and feel is subordinated to a user-focused content experience that transcends the individual site.
Of course, this was always supposed to be possible in HTML, and it always was possible for users of some assistive devices and for CSS experts who felt like creating intricate personal style sheets, but those are edge cases, and Readability is for everyone.
Readability 1.0 was released as open source. Apple used its code for the “Reader” view in Safari. The creators of Flipboard used its code too. And the creators of the open-source Treesaver swapped code and rights with the makers of Readability to enhance both products. I’ve never seen a humble open-source project, created by a not-terribly-well-known shop get so quickly accepted and absorbed by companies like Apple and by the creators of cutting-edge web and hybrid apps.
That was Readability 1.0. What Readability 2.0 adds to the mix is automatic payment for content creators. How it works is simple: I pay a small fee each month to use Readability. Most of that money gets divided between the creators of the web pages I’ve viewed in Readability. This makes Readability 2.0 disruptive two ways:
- As mentioned earlier, for the first time, branded look and feel is secondary to the user’s desire to engage with written content in a visually comfortable environment. (That Readability 1.0 premiered around the same time as the iPad is not coincidental.)
- For the first time, content monetization is no longer the problem of content creators. Writers can stop being salespeople, and focus on what they do best: creating compelling content. The better the content, the more people who engage with it via Readability, the more money writers will make—with no bookkeeping, no ad sales, and no hassle. This is a huge subversion of the ad paradigm.
Many of us who watched Arc90 develop Readability worried that short-sighted publishers and site owners would misunderstand and reject the app, maybe even sic’ing their lawyers on it. But in the hectic two weeks just ending, publishers have had time to absorb what Readability 2.0 does and what it could mean to them—and according to Readability creator and Arc90 founder Rich Ziade, the reaction is positive.
Have publishers suddenly grasped the web? Perhaps not. But it’s a rare publisher who’d say no to extra money, risk-free. We are in a wait-and-see, try-it-and-see phase of publishing and the web—past the initial Web 2.0 euphoria and into the hard business of creating great stuff (and finding new ways to keep old great stuff, like great writing and reporting, alive). No one is quite sure what will work. And publishers risk nothing by participating in the Readability program. If the program succeeds, they make additional revenue for their content. If it fails, it’s no skin off their budget.
I’ve interviewed Rich Ziade on The Big Web Show and I’m an advisor on the project but it was only last night, when Rich was addressing my MFA Interaction Design class at School of Visual Arts, that I realized for the first time how profoundly disruptive—and powerful—Readability 2.0 really is. (Video of that class session is available.)
If you love reading and the web, I urge you to give Readability 2.0 a try.
Macworld editorial director Jason Snell is our guest on The Big Web Show (“Everything Web That Matters”) Episode #38, recording live Thursday, February 10, at 12:00 PM Eastern. Jason, co-host Dan Benjamin and I will discuss the future of publishing, Macworld’s evolving digital strategy, and of course our favorite computers, phones, apps, and tablets.
The Big Web Show (“Everything Web That Matters”) records live every Thursday at 12:00 PM Eastern. Edited episodes can be watched afterwards, often within hours of recording, via iTunes (audio feed | video feed) and the web. Subscribe and enjoy!
WHAT A YEAR 2010 has been. It was the year HTML5 and CSS3 broke wide; the year the iPad, iPhone, and Android led designers down the contradictory paths of proprietary application design and standards-based mobile web application design—in both cases focused on user needs, simplicity, and new ways of interacting thanks to small screens and touch-sensitive surfaces.
It was the third year in a row that everyone was talking about content strategy and designers refused to “just comp something up” without first conducting research and developing a user experience strategy.
Even outside the newest, best browsers, things were better than ever. Modernizr and eCSStender brought advanced selectors and @font-face to archaic browsers (not to mention HTML5 and SVG, in the case of Modernizr). Tim Murtaugh and Mike Pick’s HTML5 Reset and Paul Irish’s HTML5 Boilerplate gave us clean starting points for HTML5- and CSS3-powered sites.
Web fonts were everywhere—from the W3C to small personal and large commercial websites—thanks to pioneering syntax constructions by Paul Irish and Richard Fink, fine open-source products like the Font Squirrel @Font-Face Generator,
open-source liberal font licensing like FontSpring’s, and terrific service platforms led by Typekit and including Fontdeck, Webtype, Typotheque, and Kernest.
Print continued its move to networked screens. iPhone found a worthy adversary in Android. Webkit was ubiquitous.
Insights into the new spirit of web design, from a wide variety of extremely smart people, can be seen and heard on The Big Web Show, which Dan Benjamin and I started this year (and which won Video Podcast of the Year in the 2010 .net Awards), on Dan’s other shows on the 5by5 network, on the Workers of the Web podcast by Alan Houser and Eric Anderson, and of course in A List Apart for people who make websites.
Zeldman.com: The Year in Review
A few things I wrote here at zeldman.com this year (some related to web standards and design, some not) may be worth reviewing:
- iPad as the New Flash 17 October 2010
- Masturbatory novelty is not a business strategy.
- Flash, iPad, and Standards 1 February 2010
- Lack of Flash in the iPad (and before that, in the iPhone) is a win for accessible, standards-based design. Not because Flash is bad, but because the increasing popularity of devices that don’t support Flash is going to force recalcitrant web developers to build the semantic HTML layer first.
- An InDesign for HTML and CSS? 5 July 2010
- Stop Chasing Followers 21 April 2010
- The web is not a game of “eyeballs.” Never has been, never will be. Influence matters, numbers don’t.
- Crowdsourcing Dickens 23 March 2010
- Like it says.
- My Love/Hate Affair with Typekit 22 March 2010
- Like it says.
- You Cannot Copyright A Tweet 25 February 2010
- Like it says.
- Free Advice: Show Up Early 5 February 2010
- Love means never having to say you’re sorry, but client services means apologizing every five minutes. Give yourself one less thing to be sorry for. Take some free advice. Show up often, and show up early.
A few things I wrote elsewhere might repay your interest as well:
- The Future of Web Standards 26 September, for .net Magazine
- Cheap, complex devices such as the iPhone and the Droid have come along at precisely the moment when HTML5, CSS3 and web fonts are ready for action; when standards-based web development is no longer relegated to the fringe; and when web designers, no longer content to merely decorate screens, are crafting provocative, multi-platform experiences. Is this the dawn of a new web?
- Style vs. Design written in 1999 and slightly revised in 2005, for Adobe
- When Style is a fetish, sites confuse visitors, hurting users and the companies that paid for the sites. When designers don’t start by asking who will use the site, and what they will use it for, we get meaningless eye candy that gives beauty a bad name.
Happy New Year, all!