rare pattern thoughts in a blog

@KathySierra tweeted a link to this, and it's just too good not to share:

Liz Danzico shares some simple but insightful thoughts on usability and how to think with regards to redesign....

How Not To Get Noticed
View SlideShare presentation

I suppose I should feel like the cool insider for being a Joost beta tester. All I did was fill out a form some time ago.

Joost has a pretty logo, and their website is full of Flashy color. However, the actual Joost application experience is much more monochrome.

I find the GUI a bit clunky, but that's to be expected in beta. It's better than the ridiculously bad Comcast digital cable UI, a little. Personally I found the placement of navigation buttons to be awkward.

I spent only 15 minutes or so in my first try of Joost. Most of the time I was trying to scroll through channels to find something that actually interested me. This is where the navigation proved a bit challenging. I think my experience was hampered by the fact that I was trying it out at peak hours -- prime time. Maybe in the morning it would be better.

My first impression was that there wasn't all that much on Joost. I can spend hours surfing through what, 500 channels of television on Comcast, and find nothing on. Same with Joost, I fear. In the end, Joost can be only as good as the content it presents.

The low resolution of video is to be expected. You're not going to get high-quality video through the puny ISP bandwidths available today in the US. That puts an imperative on Joost to offer something different, something somehow better -- or at least other -- than what we find on the three-digit cable channels.

Maybe I'm the wrong customer because I'm watching TV on a 42" plasma HDTV. (Hey, it was a deal and it was cheaper than the smaller LCD.) I look at upconverted DVDs and HDTV programs and see something new: details. High resolution is nice.

I'll try Joost again and perhaps share some more thoughts. I hate to leave this post on such a down note, so I'll give it another shot. I want it to be great. I'll settle for okay.

One of the challenges of launching a new community or social networking site — or introducing new users to an existing site of more-than-modest complexity — is turning people on to the various features and areas. Any community site owner can rattle off a dozen "How do I — ?" questions that came flooding in to them in the first days and weeks of a public launch. (Even worse are the expected questions nobody is asking, because nobody has discovered that cool new widget or feature that apprently is languishing in obscurity.)

Ideally, good design can avoid the more obvious questions like, "How do I sign up?" But even the best-designed social networking site or online community is going to need some sort of introduction to its (hopefully) rich features. After all, new tools, ideas, widgets and usage trends are emerging every day, to the point that new sites almost always reach into feature areas that, for many, if not most, users were until that point largely unknown.

The flip side is that these days even 1-year-old sites and software can seem almost stale. People have come to expect almost any new community or "social networking" (which itself is a relatively new buzz phrase that reflects features that largely did not exist not all that long ago) site is going to offer new frontiers to explore, be they the as-yet-unknown features mentioned above, more common features offered in new ways, or both offered to existing online communities that have been under-served. As someone who develops Drupal-powered sites, which almost always embody myriad powerful features, I can say that, from my experience, this is a challenge that arises with almost every website launch.

The catch-all solution for the challenge of introducing a new site and/or new features to new and prospective community members is the site tour.

Creating a good site tour is always an editorial challenge. The site administration team has to come up with a good, clear, instructive, and hopefully entertaining (or at least certainly not boring) introduction to the site. Usually that consists of your basic page of text with a few graphics. More ambitious or resource-flush groups might produce a video or flash animation that gives an animated presentation. (My own personal bias is to largely avoid these presentations, as they almost always are boring, they almost always take a lot of time to plow through, and they almost always instruct by emulating reality, without any chance for folks to actually do anything — and there's no topping learning by doing.)

Enter Amberjack, a new open source JavaScript library that makes it incredibly easy to create site tours that walk users through the actual site. Licensed LGPL, with a fabulous online wizard that even a Luddite could appreciate, Amberjack is a way to create annotated site tours on actual site pages.

But don't take my word for it. Check out this quick site tour.

[image: "Technorati's new look", posted by scattered sunshine]

This will take some getting used to....

...but I think I like Technorati's new look. More colorful, less of that ugly green, and a little gel-effect to the graphics. Nice!

As for usability, it's much more personalized, less general, on the home page. But I think that's a good thing.