Web Stuff and Whatnot

By Eden Jaeger

Archive for the ‘Web Design’ Category:

The Elements of Content Strategy

The Elements of Content Strategy, by Erin Kissane, the 3rd book from A Book Apart

This is another excellent book from A Book Apart. I’m not a content strategist, but dealing with content is obviously a big part of any web designer’s job and it’s something I’d like to get better at. I think this book is a great starting point, sort of an overview and introduction to content strategy. The Book Apart series are brief books, which I think is a great idea, but frankly I would have liked this book to be a bit longer; not too suggest I didn’t get a lot of value from it—I did a lot of highlighting and took a lot of notes. Below are some of my favorite parts.

What is Content Strategy?

“Content strategy is to copywriting as information architecture is to design.” —RACHEL LOVINGER
“Content strategy plans for the creation, publication, and governance of useful, usable content.” —KRISTINA HALVORSON
—pg. 1

Understanding content:

There’s really only one central principle of good content: it should be appropriate for your business, for your users, and for its context. Appropriate in its method of delivery, in its style and structure, and above all in its substance. —pg. 4

Define a clear, specific purpose for each piece of content; evaluate content against this purpose —pg. 7

Publishing content that is self-absorbed in substance or style alienates readers. —pg. 9

publishing everything often means “publishing everything we can,” rather than “publishing everything we’ve learned that our users really need.” —pg. 11

About the importance of editors:

Great writers know what their readers want and need to hear. But the responsibility for validating assumptions about the audience and tuning the content to suit that audience remains with the editors —pg. 18

At the end of the day, we and our clients must remember [that] content is created (and revised and maintained) only when a human being is assigned and paid to do so. —pg. 23

Content and design:

In addition to attending to design considerations like whitespace and typesetting, we can act as user advocates by advising our clients and employers to reduce distractions in sidebars, fight ads that obstruct content, and give readers the equivalent of good light and a quiet room. This is one of the reasons that a multidisciplinary approach can potentially produce better results than content-only gigs for some kinds of projects—when content specialists can weigh in on presentation and design, readers benefit. —pg. 26

For medium-sized and large projects, you’ll want to document the publishing workflow: how content is planned, created, approved, produced, and maintained. —pg. 54

Once you have a sitemap and wireframes to work with you’ll be able to return to the business goals and user needs you collected at the beginning of the project and begin fleshing out the details of your content plan. —pg. 59

High-level content recommendations typically include some or all of the following:

  • Primary and secondary messages to be communicated in each section’s content
  • Primary (and sometimes secondary) audiences to be served by each section’s content
  • Notes on the integration of major new content-related features into the site
  • Early recommendations on voice and tone
  • Recommendations on integrating community features (comments, forums, etc.)
  • A discussion of how each of the site’s major audiences will be served by its content
  • Recommendations on delivery channels for the various kinds of content you’re working with (website vs. email vs. social networks, etc.)

—pg. 60

One of the great challenges of content strategy—and especially of content production—is getting ideas from the heads of experts into the heads of content producers. If you rely on internal experts without a dedicated editor and approval process, you’re courting trouble. —pg. 66

A bit about the content strategy career field:

Here’s a little secret about content strategy: very few people got here on purpose. We mostly wandered in from one related field or another, found ourselves unable to stop fiddling with bad content, and decided to stick around and try to make things better.

Paradoxically, the best way to “get into content strategy” is to begin doing content strategy, whatever your job description currently is.

No matter where you come from, a few characteristics seem to be requisite. You can’t be ambivalent about the web. You might hate it sometimes, but it has to be in your blood. You have to care about getting things right, while understanding that “right” is something that constantly changes. You have to be reasonably good with people and exceptionally good at high-speed synthesis and pattern recognition. You need to have a solid grasp of the basics of information architecture. You need to care about design and front-end programming, which means you need to know enough about both to be able to care.
—pg. 73

Books listed in the resources section:

HTML5 for Web Designers

HTML5 for Web Designers, by Jeremy Keith

This book is a great, brief intro to some changes coming in HTML5 and what we should be aware of during the transition.

One thing I’m a big fan of is the new, short doctype:

<!DOCTYPE html>

Unlike XHTML, anything goes for HTML5 syntax—you don’t need to be case-sensitive, though I expect I will maintain that habit. Code is easier to read when it’s written uniformly.

Nice to see these elements becoming obsolete:

<frame>, <frameset>, <noframes>, <acronym>, <font>, <big>, <center>, <strike>

But take note of the word obsolete. We’re not talking about deprecated elements like we were before. Obsolete elements will still be fully supported by browsers for backwards compatibility, but we shouldn’t be using them going forward (and I can’t imagine why anyone would want to).

Some changing elements:

  • Probably the biggest change for me, the <a> element can now wrap other elements, block or inline, only not other <a> elements
  • With the dropping of <acronym>, <abbr> will be the one choice for all abbreviations and acronyms.
  • <small> is no longer for presentational meaning, but is used to communicate “this is the fine print”
  • <b> no longer means render as bold text, but stylistically different without conveying extra importance; you would still use <strong> if you want to add extra emphasis
  • <i> and <em> have changed much the same way as <b> and <strong>

There’s a lot to learn about the <canvas>, <audio>, and <video> elements. They are covered in the book, but I suspect we’re still going to see a lot change in these areas so I’m not digging in too deeply yet.

Web forms in HTML5 are becoming much smarter than ever before. Of course, you have to see which browser supports which change so while you can begin using the new form features you’re still going to have to write fall-back code for various browsers.

There’s plenty more to learn in the book. I think it’s a must-read for any professional web designers/developers. It’s a quick way to get up to speed with HTML5 and get you started on what to explore next.

Review of Web Standards Solutions- The Markup and Style Handbook

This is the perfect book for someone getting started with CSS and standards-compliant markup. You should be familiar with the basics of CSS and XHTML to get the most out of it.

This book, written by Dan Cederholm, offers very practical, how-to instructions for building standards-compliant web sites that separate content from presentation. Ready to scrap tables in favor of CSS-based layouts? You can read this book to learn how to do it and why you should do it. Some of the other basic elements covered include styling lists for navigation and presentation, styling forms, handling backgrounds efficiently, image replacement techniques, and much more.

There is too much great content to cover here, but what you basically get is all of the basics needed to combine CSS and XHTML to create a standards-compliant web site. This book is a great place to start and I highly recommend reading Dan’s other book after this one.

Review of Bulletproof Web Design

If you want to build a standards-compliant, flexible web site, buy this book. It’s not necessarily for someone just getting started with CSS- you will probably be a bit lost without the basics down first, but once you have built at least one CSS based web site, you will learn a lot from this book.

I am also a big fan of Dan Cederholm’s other book, Web Standards Solutions. If you are new to CSS, you should probably read that one first as it is a bit more on the introductory level.

Overall, this is one of the best CSS books you will find. It’s not a code reference- you get to learn by real examples and work with real code. You will come away from this book with great tools at your disposal like flexible CSS menus and expandable boxes with rounded corners- things you can put to immediate use in your projects. I highly recommend it!

Copyright © 2005-2011 Eden Jaeger

Twitter | RSS | Archives

Back to top