Archive for the ‘Design’ Category

Why most freelance writers have bad Web sites (and what to do about it)

I am contemplating redesigning this site to look more professional in my quest to lure more freelance work this Fall. For inspiration, I wanted to check what my colleagues are up to. Truth is, not much. Most freelance journalists prefer simplicity in their site design with many opting to have outdated Web pages.

An example of a bad freelance site

One example is Bob Bly, author of many books on freelance writing. Books that are very useful (in fact, I owe Temple Library a few bucks for keeping them too long). Bly’s page is very 1999 with a simple left hand navigation and a very text heavy content area:

bly.JPG

While Bly may prefer function over form, his site can inundate you with pop-ups such as a “Wait! Are you sure you want to leave this page?” such as when you exit his coaching page. He even has an “e-articles” section that takes you to an under construction message. In his books, Bly advocates an aggressive marketing strategy for selling yourself and his site does just that. However, on the Web, it is not the site owner that piques interest: it is the curiosity of the user. Trying to bombard them is just going to tick them off enough to hit the back button. Keep the user (hopefully a prospective client) so interested in what you have to say that they drill down themselves.

Bly is just one example of a lackluster Web page. There are many more. Google “freelance journalist site“. Go ahead, I’ll wait here. You will even find people who write about the Internet with sub par design and usability.

The good

One freelancer’s Web site I particularity liked was Brad Mackay. One could argue that his rollover based left hand navigation is awkward, but I found it refreshing, and very intuitive. But most importantly it stands out from all of the dull text heavy pages of most freelancers.

Another is Koren Wetmore. The page is very simple with excerpts from the articles on the main page, with a very clean navigation on the left. If you want to read her work it is visually separated from the rest of the page. If you’d like to contact, that is easily accomplished as well. Nothing is being shoved in your face, yet she is promoted and represented well.

As a rule all freelance sites should:

  1. Make the writer easy to contact
  2. Present themselves as a business, not an individual with a Blogger account
  3. Have a home page that does not try to list all of your articles
  4. Let the user decide if they want more details on you or your work
  5. Support transparency and answer questions people have about your article/book/etc.
  6. Stand out without compromising usability

I am not in the business of picking out people who may have site designs I find uninspiring, I wish to see journalists, especially freelancers, embrace all the Internet has to offer. I also know that this Web page isn’t exactly Cameron Moll. As an industry, we can do much better in presenting our true love. Let’s help push it forward.

World, meet Unami (aka what Sean has been working on for weeks)

What happened?

Remember back when when I said I wasnt getting that Web site I hoped for?

I was only half right. To recap, me and three other interns were in charge of building a Web site. We had a grand scheme for all kind of features that basically boiled down to two catagories: Networking (user profies, comments, etc) and presentation (layout, images, etc).

We sought to build the site on some sort of Content Management System and we evaluated our options which all fell through. This when I made the aforementioned post. After licking our wounds we decided to just suck it up and do it ourselves.

From there I took designs given to me by one of the other interns and hand coded an entire news site from scratch. CMS be damned.

Thus Unami was born

What is so diferent about Unami?

Mainly the article page. Take a look below (you might have to click):

As you can see the article page allows for several layers of digesting the story. The top layer allows the reader to skim just the hed, sub hed, and the story highlights. If that interests the reader they can continue down into the article page.

The box next to the art lists all aspects of the story upfront. The multimedia is listed in bullet points so if the reader is not in the mood to read, they can cherry pick the video. There are also relevant links, because after all, this IS the internet.

The article is separated into tabs so the reader can pick and choose the part of the article they feel is the most interesting/relevant. Of course, at the bottom of each tab there is navigation so if the reader wants to read it in the traditional fashion they can. Within the article we also inked via lightbox the videos and pictures so the reader is not interrupted when they read the story (Warning: the video lightbox seems not to work on Firefox Macs…Im working on it.)

Essentially the crux of the storytelling is choice. The reader can chose what they want to read in a non-linear fashion. We try to visibly separate each aspect of the story much like a newspaper article would with sub heds within the story. We try to be very visual playing heavy on pictures and videos.

Is it perfect? No. But its a testing ground for some of the theories on young readers. Do they read long stories? Do they prefer a video to text? Do they just skim?

The Tech Side

While I have dabbled in HTML and CSS I have never done anything to this scale. I also know absolutely no javascript and only a little bit of Flash. I relied heavily on free tools such as Lightbox, Tabifier, and JS-kit comments. I can’t emphasize enough how grateful I am that these people put out their work for free. I also used the very cheap monoslideshow for the Flash rotator.

I took the easy route and did the whole site in tables. While I did have a working CSS-built article page, it rendered too differently in various browsers (Alas, my CSS skills are still a work in progress).

The worst part about the page is that I have to enter every article in by hand. I have to FTP all of the pictures and copy the URLS. It really makes you miss a WordPress or a College Publisher.

That’s it!

So, there you have it. Be sure to let me know what you think in the comments. Constructive criticism encouraged! (Sorry for all the spelling errors, I typed this in a hurry)

Newspapers: kicking it like it was 2004

picture-1.png

While I don’t exactly frequent WashingtonPost.com, I noticed that at the end of their article page they have a “people who also read this read…”

My first reaction was “Hey, what a good idea”

Then I remembered blogs have been doing the very same thing for years.

More design comparisons: USA Today v CNN v AOL

Read/Write Web compares CNN, USA Today, and AOL.

Although RW compares the functionality more than the design.

Newspaper circulation has been on the decline over the past few years, but the traffic to newspaper websites continues to rise . Interestingly, the area of newspaper websites that has experienced the most growth is blogs, perhaps proving that new media formats are beginning to usurp old media in earnest.

Clean design is the future of news sites

Posted on: 1 Comment

I griped recently about how no one really talks about news site design.

Andy Rutledge shut me up.

Andy compares CNN to USA Today pointing out the flaws in USA Today’s approach (that runs on Pluck – as will every other Gannett newspaper within the year).

I think we are begining to see the start of a movement for clean news design that doesn’t try to shove everything “above the fold”.   Internet users are getting smarter and a news site’s main goal should not be to present everything on the front page, but rather give they keys to the user and let him/her decide.  A good search function, tagging, easy to navigate section pages should do it.

Front pages like the NYT will be relics soon.

And by soon I mean in a few years.  I think it will take the first generation of web designers who grew up with the internet to make this change.