Sketch-a-Move from Superflux on Vimeo.

(via @karrio)

A very interesting conversation is going on over on http://www.uxbooth.com. As the need for beautiful things and big ideas evolves into a need for usable things and open platforms, the role of the Creative Director is changing.

Enter the User-eXperience Designer, the man (or woman) “with the plan” for how the experience will work, grow, spread and evolve. Some argue that this is still the CD’s role, and others see the new emphasis requires balanced influence from more than one skill set. They overlap, sure, but just as the copywriter/designer team was shown to work best in the past in the advertising industry, so too this matchup will become the norm, I predict. It works for building architects and designers; car companies; event planners; game designers… but agencies still seem to struggle with it.

If you’ve hired a UXD, it’s not too late to elevate and socialize their importance and impact. If you haven’t got one yet, it’s not too late. Just be ready to create some Exceptional Experiences.

Phil “PhotoPhilCro” Crozier’s Final Canvas

50 new Nissan Cubes are driving off Canadian cubes dealer lots this month. Each one’s being driven by a brand advocate you only wish you had hired to tout your brand.

The new cars are the reward for months of creation and promotion by these musicians, DJs, dancers, programmers, designers, bloggers, podcasters, poets, writers and artists, and all kinds of creative thinkers; the cream of the crop of 500 competing “auditions” broadcast online over the last three months via social channels. Nissan openly called The Hypercube a social media marketing experiment, choosing to invest only in this channel, and is now pleased to announce (or tweet, perhaps) the successful proof of their thesis.

Nissan Canada’s creative agency, Capital C, went beyond the boilerplate hey-make-us-a-video and please-retweet-our-propaganda “campaigns” that are all too common these days, by offering prizes on which creative minds could really envision spending time and effort.

The Contest

Of 7000 applicants, 500 elite were given Hypercube canvases to audition for the mass public, stumping for daily votes with photos and animation, video, poetry and song. Competitors even took their campaigning offline, including Telma “TSwizz” Costa, who created and distributed pins to drive traffic, and Sean “Cube Man” Williams who literally drove offline traffic in his homemade cardboard Cube costume.

The cream rose quickly, as canvasses brought out the best from these competitors. And believe me, if you followed or friended any of them, you were hearing about it.

Over the course of the contest, so much exceptional content was created, it’s difficult to “highlight” the best stuff. Here are pieces of just three of the intense and daily updated canvasses:

Tony “Tony Holiday” Elston’s final canvas

Brittany Jade “Gunandagirl” Hanson’s final canvas

Delphine “Delf Berg” Bergeron’s final canvas

You can view all of the winning canvasses at thehypercube.ca

The Platforms

The Hypercube site was just the town hall of this experience, though, as competitors created videos on YouTube…

Posted images to Flickr…

Tweeted (like crazy)…

built web pages and blogs, and invoked social graphs from their other communities. For example, contestant Andre Molnar looked to leverage the passionate Drupal community, by promising to create the “Drupliconcube,” a Nissan cube “decked out in Druplicons, spreading the Drupal love to the streets.

Deeper Interactions

More than just pleas for votes, these daily updates became meaningful interactions between the competitors. Williams sent out a YouTube dance-off challenge to his fellow participants, and created this mashup:

Some social media users voiced disapproval of the campaign, including Shawn Micallef, who questioned the quality of the engagement suggests a line had been crossed, from daily updates from friends and outright spam. I disagree, as social media users are constantly pushing out posts and tweets that may annoy some, but be useful to others. This is the very nature of Social Currency, and one can, in fact, “Unfollow.” Furthermore, this type of repetition occurs with non-marketing events even more than with campaigns. When Michael Jackson died, or during the Obama campaign, the tidal wave of repetitious posts seemed to drown most other conversation. The Hypercube campaign wasn’t perfect, but neither is Facebook, nor Twitter, themselves.

The Finale

Such a momentous story had to end with an explosive climax, and on June 24, it did just that. Contestants gathered with friends at events simulcast in Toronto, Montreal and Vancouver. (Small-town contestants got together on their own in other provinces, too.) Contestants performed live between DJ sets, mingled over drinks, and sat in the highly-coveted Cubes on display. Winners were announced across the country via big screen video and some tight computer graphics. The dance floor of CiRCA in Toronto was like a minefield as groups of friends exploded in cheers when the local winners were listed off. It seemed like an endless supply of car keys were handed out, and many of the winners were ironically rendered speechless.

One can’t argue the level of quality and vastly disparate creative skillsets with which the Cube brand has been aligned.

The Outcome

Now, Nissan Canada has tons of authentic content to work with, generated by skilled creatives at a low cost. The winners are required to update their canvasses twice a month for the next year, but the brand will get a lot more than that, I predict, as these content generators are eager to share their experiences on the road. And they’ve also got promises to keep with their fans. Singer/Cube-winner Curtis Santiago promised to drive to a voter’s house in his cube, anywhere in Canada, to play a house party. No doubt he’ll be blogging and vlogging the whole trip.

I’ll admit, at first glance, I assumed Nissan Canada and Capital C’s campaign was a huge gamble. All too often, big brands create deep connections with new communities, but then drop these connections as soon as their campaign is over. Nissan has demonstrated how to think and plan long term; find–no, create passionate advocates who themselves created a plethora of content and awareness; and build a brand in partnership with their customers.

The Community

Moreover, this campaign was just the spark, a great success already, but the story of the Nissan Cube and the CubeCommunity is just beginning. Cubecommunity.ca teases us with a “coming soon” page, but the long-term strategy is obvious, as the community has all of the core requirements, starting with deeply invested and passionate community leaders. I look forward to following this community, and, in many ways, the hard work for Nissan and Capital C has just begun.

I’m happy to admit, the bar’s just been raised for “social media marketing.”

It’s been too long since I posted a three-pack from Organic’s ThreeMinds blog. These great posts are creating a lot of discussion:

1. Where Does Brand Experience Begin and End? by Anthony Viviano and Sarah Jo Sautter examines the rare execution of holistic brand experiences, across media and from web to office or retail.
2. Do Social Media Marketers Dream Of Monitoring Tools? by Anna Banks outlines the features needed for deep social media monitoring. This new discipline is noisy, and expanding rapidly. And also;
3. Why You Shouldn’t Care About Seeing Flash on iPhone by Fang-Yu Lin shuts down the speculation. If you care about user experience, you’ll understand why.

Here’s a quick tip. If the list of items isn’t intuitive to the user (provinces/states/countries, departments in their company, or anything else guessable by seeing only one of the items) or if the list is shorter than five items, don’t use a pulldown. That’s what bullet selects, checkboxes, and DHTML/Ajax is for.

Pledge with me:

I’ve never used Lolcats on my blog, so this is the first, and last time. Promisses.

Photo credits: Marc Shandro.

Back in May, I tweeted eight “Web Strategy Reminders” that got some great responses. Here they are altogether, with two bonus reminders to allow people to laugh like Count von Count when they’re done.

Web Strategy reminder No. 1: If you’re just adding a “Community” tab to your web site, You’re doing it wrong.

Web Strategy reminder No. 2: If you’re pushing Content out through banners, You’re doing it wrong.

Web Strategy reminder No. 3: If everything you build has a unique interface, You’re doing it wrong.

Web Strategy reminder No. 4: If you start with a tactical gimmick on a platform your market doesn’t use, You’re doing it wrong.

Web Strategy reminder No. 5: If your platform doesn’t separate form from function, You’re doing it wrong.

Web Strategy reminder No. 6: If you’re ignoring the fact that Search is the number one way that users find you, You’re doing it wrong.

Web Strategy reminder No. 7: If you’re not considering how your experience will change over time, You’re doing it wrong.

Web Strategy reminder No. 8: If you’re not implementing a holistic measurement strategy beyond clickstream analysis, You’re doing it wrong.

Web Strategy reminder No. 9: If you’re ignoring the fact that your employees are telling the story of your brand (good or bad) better than your corporate web site, You’re doing it wrong.

Web Strategy reminder No. 10: If you’re excited about your new banner ad pushing to your new television ad on your new Flash web site, You’re doing it wrong.

Apparently, API stands for All Projects are Implemented, according to some agencies. Marketers are trying to find their way in the Times-Square madness of the Social Media space, but when someone is asking for directions, they don’t really want every street on the whole map.

With Twitter, for example, it’s still important for strategy to drive decisions on tactics. An open API seems to be a maddening siren’s call for agencies and developers, causing them to lose all sense and launch campaigns just for the sake of integrating Twitter.

Let’s learn from these campaigns and stop all the gimmickry.

Skittles

If you haven’t heard of the Skittles.com debacle (which they continue to host), welcome to the Internet. Kidding aside, this web site has thrown away caution and its brand, allowing Facebook, Twitter and YouTube to define its message and its value. Upon launch of this “strategy,” users gamed the sites, associating swear words, offensive posts and negative messaging. Now, weeks later, the aggregate social destination sits passive; the brand message confused and tarnished.

The glass-half-full viewpoint: I should, however, acknowledge the 1 million+ fans subscribed to the Skittles Facebook fan page. It will be interesting to see what, if anything, Skittles does with these subscribers.

FixOutlook.org

This recently launched grassroots site hopes to grab the attention of the Windows Beta evaluators, and send a powerful, organized message to Microsoft before they commit to the sin of continuing to use Word to render emails in the 2010 version of Outlook. I admit, it’s a noble cause. But the twitter implementation at the core site is reminiscent of 90s designers using animated gif backgrounds just because they could. It was a terrible idea, and the addition of a Twitter avatar feed doesn’t change this. This is/was a great opportunity to unite these users in a deeper way.

The glass-half-full viewpoint: The people behind this cause did keep it simple, and don’t necessarily have a need for a long-term view. The virulence of the tweets are visible, and I’ve yet (with 17,489 “tweetitioners”) to see any tweets against the campaign.

Terminator Salvation (Resistance 2018)

The film over-promised and under-delivered, so I suppose we could say the Twitter campaign stayed true to the brand. This Twitter game sent Jumbled words to decode and trivia questions to answer to followers who would earn points. It also incorporated some Terminator-world messages, such as, “You have been harvested by the machines, you lose 5 points.” Games on Twitter are starting to multiply, and this one seemed to have good promise, but the challenges became repetitive quickly, and the burning Terminator face rolling by among my smiling happy Twitter friends weakened the impact of the experience. If this is SkyNet, we have nothing to worry about.

The glass-half-full viewpoint: Games on Twitter are still a new concept, and this early attempt did earn some pretty good reach and buzz. It does foreshadow more robust and solid twitter contest and gaming to come.

Polar Ice

The ultimate in Twitter API gimmickry lives at PolarIce.ca. This flash site pulls in what appear to be completely random Tweets, with a muddled interface featuring confusing functionality creating the ultimate why-am-I-here experience for users. It seems Polar Ice just likes Twitter. But what does this have to do with Vodka, or partying?

The glass-half-full viewpoint: If you have a glass half full of Polar Ice, tip it back and Google your way off this site.

Nike’s The Hookup

Nike’s work-in-progress started with a whimper, but is now, it appears, starting to evolve into something a little more useful. The Hookup tweets local shoe drops to followers, and has other functionality pulling key terms for their fashion product/item/lines called “icons.” Fans are starting to use the tag #thehookup, which may connect to this strategy too, but it’s difficult to say.

The glass-half-full viewpoint: There is a lot of activity around these items on Twitter, and this team has a long-term view. A few changes will lead to success for this program.

(Full disclosure: I work for Organic, with Nike Canada as one of our clients. I haven’t, however, worked on The Hookup)

What’s the common thread here? These API implementations are all ideas conceived based on the brand’s needs, instead of the users’.

If instead, one considers the drivers behind users’ behaviours on Twitter and other Social Media, one realizes that these are surface ideas that don’t serve their preferences, desires and needs. Start with user-centric thinking, think long-term, and ease into Social Media with grace and success.

I clicked my laptop out of hibernation the other day, and spent an hour or so working on a screen set at 1024×768, mostly reading RSS feeds in Netvibes. (Click the image to enlarge)

I realized after a long while that my workspace was very small, and just wondered when I decided that this was normal, as I’ve slowly built up a ridiculous navigation-to-workspace ratio, amplified when I have a low res setting.

Just thought this was funny. Shaking my head; now back to work.

You may not have known this was so important. But Goodie Bag TV demonstrates why progress bars are just one of many best practices of predictability in experience design. Embrace progress bars.

And make sure your interface is predictable!

Organic’s ThreeMinds blog has a couple of great posts that I think you’ll enjoy:

1. Social media micro case study: “X-Men” by Russ Hopkinson estimates the value of a brands’ friends on MySpace, and what they may have lost.
2. Turning Nothing Into Something by Michael Beavers examines a fantastic idea from ThisIsReality.org — Advertising in context on a 404 error page. And also;
3. A Look Back at Some Favorite iPhone Apps from 2008

A few days ago, I did my part to support the North American car industry by purchasing a Ford Flex. Among the myriad of standard features, Ford (and I’m sure many other manufacturers) has upgraded, compacted and simplified the key fob. This remote entry system used to be a separate piece of equipment dangling from my keychain. Now, it has been integrated into the key itself; it’s overall foot print is smaller and more intuitive — one item gets me into the vehicle.

I’m not trying to sell you a Flex. (You can follow @scottmonty for that.) The point here is that car designers push forward with all of their designs on a macro and micro level. There is always room for improvement on any interface (more times than not, there is lots of room).

Follow these eight recommendations to improve your user experience:

1. Plan your strategy and your user experience before you build
2. Develop a long-term strategy
3. Prototype — e.g. with Axure, or paper prototyping
4. Build a site using a malleable CMS, structure and design
5. Never assume what’s been done in the past is perfect
6. Test and analyze your interface
7. Listen to your users
8. Experiment, but try not to make your users think

I admire more and more the interface subtleties of the Wordpress admin interface. Overall, I would simplify the pages for faster management of posts and comments, but I’m sure there’s some plugins for that.

Specifically I like the flash-and-fade error and confirmation message after an action is taken.

Big, bold, and then it becomes unintrusive all by itself. (Did you miss it? Refresh this blog to see it again.) Note that I’ve changed the colors to match my blog to demonstrate the change from sparkling to faded. I’ll be recommending this type of message styling for many web sites in the future.