Web Design Design/Tech

Best practices and trends in page look and layout.

Over on my O'Reilly Media blog, I've written "Will Facebook (all but) replace corporate websites?," a look at where I think the third-party social media websites are going. Here's a taste:

The goal of most websites is to extended the interaction with the visitor beyond this one visit: we seek to sell them a product, join our mailing list, buy tickets to our event or subscribe to us in a news reader. Facebook is quickly becoming the most important email list and news reader. If it continues to innovate (and borrow ideas from innovative competitors) it could quickly become a major commercial portal as well. As its adoption rate climbs within the ranks of our target audiences, it becomes an effective way to extend visitor relationship and build more intimate brand identities.

This will change company's interactions with customers, who will start to expect and then demand real-time interaction. This can take many forms--status updates, calendars, videos--but the emphasis will be on immediacy. The style will shift from slickly-produced mass marketing to a one-on-one responsive back and forth. Smart marketers will think less in terms of selling and more in terms of relationship building. Analytics and constantly-rolling A/B tests will give us a near real-time gage with which to measure the success of these relationships. The recession is bringing a new urgency for measurable results and might actually help shift corporate and non-profit budgets away from high-price opinions and toward this new style of social-network-mediated marketing.

It will be interesting to see how organizations adapt to social media's evolving role.



A video post about using free Google tools to understand your website and customers. Focuses on Google Webmaster Tools, Google Analytics and Google Website Optimizer.
Web 2.0 tools have changed the boundary lines between techies and program staff in many nonprofits over the past few years. At least, they should have, though I know of various organizations that haven't made the conceptual leap to the new roles.

OLD SCHOOL: Webmaster

Let me explain by talking about my own changing work role. Even a few years ago, I was a paid staff webmaster. You could divide my work into two large categories. The first was techie: I managed server accounts, set up required databases, designed sites. I got into the HTML code, the PHP, the Javascript, CSS, etc.

The other was content: when program-oriented staff had new material they wanted on the website they would email it to me or walk it over. I would put in my work queue, where it might sit for weeks if it wasn't an organizational priority. When it came time to add the material I would boot up Dreamweaver, a relatively expensive program that was only accessible from my laptop and I would put the material onto the website. Needless to say, with a process like this some parts of the website never got very much attention.

At some point I start sneaking in a content management system for frequently-changed pages. This seemed very hackish and not good at first but over time I realized it greatly speeded up my turn-around time for basic text content. But the organizations I worked for still relied on the old model, where staff give the webmaster content to put up.

NEW SCHOOL: Web Developer

Nowadays I'm a web developer, a freelancer with an ever changing list of clients. I typically spend about a month putting together a site based on a content management (like this) or automatic feed system (like I did for Philadelphia's William Penn Charter School). I do a certain amount of training and while I might add a little content for testing purposes, I step back at the end of the process to let the client put the material up themselves. I'm available for questions but I'm surprised about how rarely I'm called.

Here's two examples. Steadyfootsteps is a blog by an American physical therapist in Vietnam. When we started, she didn't even have a digital camera! I gave her advice on cameras, started her on a Flickr account, set up a fairly generic Movable Type blog with some custom design elements and answered all the questions she had along the way. She went to town. She's put tons of pictures and embedded Youtube videos right in posts. Here's a non-techie who has contributed a lot to the web's content!

Penn Charter is a school that was already on Flickr and Youtube but wanted to display the content on their website in an attractive way. I pulled together all the magic of feeds and javascripts to have a media page that showcases the newest material.

They're very different sites, but in neither instance does the client contact me to add content. They rely on easy-to-use Web 2.0 services: no specialized HTML knowledge required.

NEW TOOLS, OLD MODEL

I got an email not so long ago from an old boss who manages a monthly magazine. Her site has been radically rebuilt over the years. Dreamweaver is out and content management is in. They use Drupal, which my friend Thomas T. of the Philadelphia Cultural Alliance tells me won the recent popularity contest among nonprofit techies. This is great, a definite step forward, but what confused me is that my old boss was asking me whether I would be interested in returning to my old job (the successor who oversaw the Drupal upgrade is leaving).

They still have a webmaster? They still want to funnel website material through a single person? Every staffperson there is adept at computers. If a physical therapist can figure out Flickr and Movable Type and Youtube, why can't professional print designers and editors?

My hourly rate ranges from two to five times what she'd be likely to pay, so I turned her down. But I did ask why she wanted a webmaster. Now that they're on Drupal it seems to me that they'd be better off switching from the webmaster to the web developer staffing model: hire me as a freelance consultant to do troubleshooting, staff training and the occassional special project but have the regular fulltime staff do the bulk of the content management. I'd think you'd end up with a site that's more lively and updated and that the cost would about the same, despite my higher hourly rates.

I've heard enough stories of places where secretaries have come out of the shadows to embrace content management and have helped transform websites. I'm the son of a former secretary so I know that they're often the smartest employees at any firm (if you walk into an office looking for the expert on advanced Excel features you'll surely find them sitting right there behind the receptionist desk).


FINALLY: WHAT'S UP WITH DRUPAL?

I'm trying to join the bandwagon and use Drupal for a upcoming site that will have about a dozen editors. But there's no built-in WYSIWYG editor, no little formatting icons. Sure, I myself could easily hand-code the HTML and make it look nice. But I don't want to do that. And it's unrealistic to think I'm going to teach a dozen overworked secretaries how to write in HTML. The interface needs to work more or less like Microsoft Word (as it does in Movable Type, CushyCMS, Google Docs, etc.)

Most Drupal sites I see seems from the outside like they're still old school: staff webmaster through whom most content funnels. Is this right? Because if so, this is really just an institutionalization of the content hack I did six years ago. Can anyone point me to lively, active Drupal sites whose content is being directly added by non-techie office staff? If so, how is it set up?
Every website should try to serve a clear set of purposes. Even a personal blog has a target audience, one's friends or family perhaps. While a good site looks simple, it is often very complicated "under the hood."

Google went from being a grad school project to the world's most important search engine by ditching the design clutter of its competitors for a very clean homepage with maximum white space. This effect focused one's attention on the search function. More PhD's are said to work at Google than at any other company in the world, yet the complicated engineering and the tremendous computer infrastructure that brings that logo and search box to your computer is invisible to the average user.

Even websites without PhD designers need to marry a simple outward appearance with a more complicated set of calculations around intended audiences. The average visitor looks at one or two pages on a site and then hits the back button. Often they'll be following a search link and looking at a page buried deep in your site. They'll be there seeking out specific information and you only have about twenty seconds to pitch your site and keep them there. You need to give them a very concise description of yourself or product and you need to entice them with related material.

Any site that consists of more than three pages presents visitors with more information than they can handle. Good design works to funnel visitors to the specific content they are looking for. It's relatively easy to get a first-time visitor but successful websites keep them on your site and give them reasons to return. The key to this is defining your audience and presenting your material with them in mind.

Once you've identified your constituency and built your design, the next step is release. You don't want to pander to a potential audience, but instead converse with them. It's fine to mix different elements of your life together and to write creatively off-topic once in awhile. There are a thousand generic websites crammed full of useless bu zzphrases and unused featured. What you want is one that will have a voice, that builds a niche that no one else might ever have identified. When it comes time to produce content, forget all the slick marketing calculations you've done and let your quirkiness shine.

This essay was originally written in 1995.

IT'S HARD TO IGNORE the sorry shape of the social change community. The signs of a collapsed movement are everywhere. Organizations are closing, cutting back, laying off staff, and dropping the frequency of their magazines.

On top of this, the basic resources we've depended on are getting scarcer. Paper prices and postage prices are going up. Direct mail solicitations are for many economically-unfeasible now. With every abandoned mailing list, with every discontinued peace fair, we're losing the infrastructure that used to nourish the whole movement.

Here in Philadelphia, the last few years have seen food coops close, peace organizations lay off staff, and the bookstores discontinue their political titles. I've been meeting people only a half-generation younger than I who aren't aware of the basic organizing principles that the movement has built up over the years and who don't know the meanings of Greenham Common or the Clamshell Alliance

Like many of you, I'm not giving up. We can't just abandon our work because it's becoming more difficult. We need to struggle to find creative ways of getting our message out there and communicating with others. What we need is a new media.

The Promise of the Web

The Web's revolution is it's incredibly minimal costs. Fifteen dollars a month gets you a homepage. As an editor at New Society Publishers (1991-1996), I've always had to worry whether we'd lose money on a particular editorial project, and it sometimes seemed a rule of thumb that what excited me wouldn't sell. With the Web, we don't have to worry if an idea isn't popular because we're not putting the same level of resources into each publication.

Never before has publishing been so cheap. Just about anyone can do it. You don't need a particularly fast or fancy computer to put Web pages online. And you don't have to worry about distribution: if someone sets their Web browser to your address, they'll get you "product" instantly.

All the forces pushing movement publishing over the edge of financial insolvency disappear when we go online. Switching to the Web is a matter of keeping our words in print. The Web is the latest invention to open up the distribution of words by birthing new medias. The printing press begat modern book publishing just as the photocopier begat zine culture. The Web can likewise spawn a media where words can flourish with less capital than ever before.

Advertising Each Other

The problem with the Web is not accessibility, but rather being heard above the noise. People generally find your website in two ways. The first is that they see your web address in your newsletter, get on their computers and look you up; this of course only gets you your own people. The second way is through links.

Links take you from one website to another. Webpage designers try to get linked from sites of similar interest to theirs, hoping the readers of the other site will follow the link to their webpage. This bouncing from site to site is called surfing, and it's the main way around the web.

Linking is a very primitive art nowadays. The Nonviolence Web has internal links that actively invite readers to explore the whole NV-Web. Everytime someone comes into the NV-Web through a member group, they will be inticed to stay and discover the other groups. By putting social change groups together in one place, we can have a much-more dynamic cross-referencing. Think of it as the equivalent of trading mailing lists in that we can all share those web surfers who find any one of us.

In the web world as in the real one, cooperation helps us all. If you're an activist group doing work on nonviolent social change then contact us and we'll put your words online. For free. If you have your own website already, then let's talk about how we can crosslink you with other groups working on nonviolent social change.

Come explore the Nonviolence Web and let us get you connected. Come join our revolution.

In peace,

Martin Kelley

Hire Martin! I build sites and online promotion campaigns to your specs and budgets and can be your guide to social media marketing.

Also available: my resume, a brief biography, organizations I've worked with, speaking and workshop engagements, client recommendations and a portfolio of recent work:

Recent Entries

Recent Comments

Archives