User Experience

posted 07/06/08 by Rick Webb

In 2007, the Barbarian Group formally established a well-staffed, well-organized department around User Experience design. Lead by Justin Baum, the group now has 5-7 people operating full time on an assortment of projects. Justin was a Barbarian back in the day, before he left to pursue formal career in User Experience, finally landing in the UX group at Apple out in the bay area before we lured him back to start our UX department.
The varying nature of the projects we do here necessitate different methodologies, processes, and teams. It is important to be able to define what process and skills a particular project warrants. A lot of the skills and methodologies being described in the UX wiki are not all exclusively owned by IAs and Interaction Designers at The Barbarian Group. The visual designers, flash artists, writers and creative leads on our projects make UX, IA and IxD design decisions all the time. The goal of the UX department here is to foster and grow more awareness around IA and IxD skills and methodologies and incorporate them into our design process and culture.
Broadly speaking, our UX department, like the company as a whole, follows processes around two different methodologies: waterfalling, and Agile. Each has its own process – and we’ll talk a bit more about this in the Processes and Methodologies section, below. We’ll just talk a bit here about some of the deliverables that come out of these processes, and what might be relevant to You.
At The Barbarian Group we put an emphasis on fostering a deep understanding of the people we create websites, products and services for. Over the years, companies have had various ways of framing and thinking about their customers – marketing segments, users, consumers, and demographics are a few words that represent these mindsets. As the creators of digital products and services we find ourselves in a position where marketing a competitive feature set to potential consumers is becoming an out-moded way of thinking. The more connected and savvy people become, the less effective strategies rooted in thinking of the customer as a “consumer,” “user” or “segment” are. In particular, on the web, the most successful sites are driven by a constantly evolving understanding of what people do, why they do “it”, and in what contexts “it” happens. In other words successful products are rooted in an understanding of peoples’ unique behaviors, motivations and contexts.
Lets look at the social web as an example of success driven by an understanding of the people using the products. Morgan Stanley points to social websites as the “hottest” and fastest growing area on the web. Applying the old strategies and ways of thinking may lead a company to believe that feature parity in the social space will lead to success. A feature-driven design strategy, if you will. There is an apparent demand for social features such as video sharing, photo sharing, profiles, friends lists, messaging, comments and so forth. A company by the name of Ning, in fact, makes it very easy and very cheap to support this kind of strategy. For nearly nothing, anyone can setup a feature rich social-network and augment it with a myriad of equally free widgets.
But is this what people really want? Is this the recipe for success and desirable experiences on the social web? In the vast majority of cases we don’t think so. Aside from the Myspaces and Facebooks of the social web, the majority of successful sites are focused on supporting a specific set of behaviors, motivations and contexts. For example Flickr, YouTube, Last.fm, Twitter, and Digg are some high profile cases. While they all may have user profiles and some incarnation of a friends list, their success is driven by how well they have understood, supported and continually listened to the behaviors, motivations and contexts of the people using their services. They obviously aren’t perfect, but they are all headed in the right direction – a departure from thinking of consumers as a market in need of feature parity and towards something that meets the focused and unique needs of individuals.
For any client dipping their toe in the social web or looking to create a product that builds upon their existing conversation with their customers, we recommend beginning with research. Until you fully understand and can empathize with the people you are trying to engage with, you won’t have a successful strategy. We have found a combination of traditional quantitative techniques and qualitative ethnographic techniques - such as contextual inquiry, observation and interviewing - are the key to design research that can meaningfully inform a strategy. Investing in this type of research leads to strategies that set you up, not only to come out of the gate with a unique and meaningful experience for your customers, but also to adapt as you learn more about them and how your product fits into their lives.

Here are some recent posts from our employees about User Experience:

The New RockHall.com

Big news today!
For the last year, we’ve had the great pleasure of working with the Rock and Roll Hall of Fame and Museum to redesign their website. It didn’t take more than a second after meeting everyone at the Rock Hall to see that they are extremely passionate about the preservation of rock and roll.
The Rock and Roll Hall of Fame and Museum shares an immersive, interactive experience complete with sound, video, and lights, not to mention all kinds of stuff from your favorite rock and roll artists. The music nerd in all of us wet our collective pants over Mick Jagger’s Union Jack cape (from the Stones’ 81-82 world tour), the larger than life-size photography of Jimmy Page in mid-backbend, or the phone in the Annex’s John Lennon exhibit (if it rings, answer it. Trust me). Rick’s mind was blown by the hand written lyrics to “Love Will Tear Us Apart” by Joy Division, and David Byrne’s original polaroid artwork for the cover of “More Songs About Buildings and Food.”
But all this needed some help translating to the web. That’s where we came to play.
The passion behind the “most powerful art form ever created,” to quote Greg Harris, Rock Hall’s VP of Development, wasn’t translating well in the online world. Static, informational pages dominated the landscape. Media types present in the offline experience were placed sporadically throughout the site. The mission of preservation and education of a legitimate art form wasn’t being fulfilled, and the story of rock wasn’t being told as it should be.
But today – no longer.
The experience design of the new RockHall.com shifts the focus of the site to the content that makes the Museum unique, both in the educational, historically oriented content we create, as well as the information about the museum and its programs. The Rock Hall is actively creating new educational programs, events, exhibits (and so much more), and we needed to capture and translate that online.

Too much realtime

Facebook just made an interesting change to their home page. They introduced the option to view two “different” feeds. The “news feed”, the highlighted stuff we are all used to, and new “live feed,” everything all your friends are doing play by play. The way they designed the user interface and the language they chose is a bit clunky and creates some interesting problems going forward.


Current

1) The design presents itself as if there are two separate feeds, a live feed and a news feed. This is reinforced through their awkward navigation-like treatment of the functionality. The truth is there is ONE feed with different filters to apply. Those filters are lists, networks, locations, apps etc… You know, all the stuff in that big left column.

2) There is an over focus on realtime. I can’t believe they included an unread count for the live feed. Its probably there to get people to discover the feature and hang around longer. If people do discover and use the feature they are exposed to unfiltered information, a lot of which I find completely useless. Not exactly something new, and not helping solve the information overload problem. Is a raw unfiltered list of stuff really a new feature these days? Do I need an unread count for my Facebook news?

I would love to have been a fly on the wall for some of the design conversations that led to this. I thought facebook had a big filtering win with their last major re-design. The addition of lists, the ability to change the default filter on the homepage and the other application and network filters in that left bar were fantastic enhancements. So what happened here?

I sketched up a few other ways they could have gone…

As_filter


“Live feed” as a filter


They introduced this powerful left-hand filter column last re-design… why not just make the live feed part of that? Certainly more elegant than adding another layer of clunky navigation on top of the news feed. The only logical reason to not do this is that they may want you to view other filters (lists, networks, geos etc) as both live or highlights in the future. So why did they not include the live option for all the filters? Why can’t I see my TBG list bellow as both live and highlights? I would wager because it would take A LOT of computing power and other difficult tech. Understandable, but it sure would be nice.

As_persistent_setting

“Live” as a persistent option

Computing power be damned, lets pretend. Lets also try something a bit more usable and clear. If you use the new feature you will notice the navigation items swap places and become headers for the news feed when clicked on, tisk tisk. Here is a quick n’ dirty sketch of what it could look like if you were able to see all filters as either live or highlights. Even though this probably wasn’t an option, I think it underlines the problem with the language they have chosen. News Feed and Live Feed imply two separate feeds… when in reality you are seeing either highlights or live updates of one activity stream. At least that is the mental model / agenda I am arguing for. All in all this approach is too busy. I really liked the simplicity of the filters on the left and a clean header. Although I am sure there is a more elegant solution in there.

My gut says the way they implemented this feature is going to feel confusing and not so useful to users. I think what Facebook chose not to include in the news feed was part of its charm. Giving the user the ability to see more information is not a bad thing, but getting there is not an A/B, black and white thing. Right now the faucet is either open all the way or at a trickle. Its the smart multi-levels of filtering, refinement and nuance that are missing. It doesn’t feel like the same level of polish was applied to this as was to the lefthand filters.

The key to the realtime web is filtering and I like what Facebook did last redesign around it. But here, Facebook has backpedaled a bit and given its users the key to wide open faucet, again. Im being a bit hard on them yes, but these issues around filtration and pulling value out of activity streams are the problems to solve in 2010 for the realtime web. I was expecting more from one of the leaders in the domain, and hope they have some better thought out moves up their sleeve, or perhaps this a transitional interface to something new.

Launched! Kashi (again!)

SPOILER ALERT: You can always improve on something great!
We’re now in our third year of The Barbarian Group’s collaboration with Kashi. We’re calling this release a refresh rather than a redesign. To clarify, think about the project as a house. When you do a redesign, it’s like tearing down a home to its foundation and starting fresh. That’s not what was needed here, for our foundation was already stable, our website was already successful. Think of this release like remodeling a kitchen, it’s an improvement of what was working, and an optimization of what wasn’t. So we put on our thinking caps and many months later, we’ve surprised ourselves yet again!
The countless improvements to the site are too many to list, but some of our favorites include: a redesigned navigation system, a dynamic footer showing the current community activity, a vastly improved commenting system, a simplified sign up and log in system, an improved look and feel, and of course, a ton of IA and UX refinements. And that’s just what the user see’s. The site is faster, more enjoyable, easier to use, and most importantly, easier to find what you are looking for and more likely to discover things you didn’t know were here. On top of this, we are already working on a number awesome super secret features and updates to be launched soon, so stay tuned for those in the coming months!
We love this client, and we hope you enjoy the site!

Holy Shit! The New Redbull.com

You know that Red Bull makes an energy drink. You may even know that Red Bull puts on those wild events where people drive shit off a dock into water. BUT did you know that Red Bull invented it’s own sport (Red Bull Air Race) or a helicopter that can do a back flip? Has two Formula 1 teams? Hosts a Cliff Diving world series? Could definitely take your dad in a fight? Throws the biggest world wide break dance competition? Made downhill full contact ice hockey racing a real thing? Probably not.
That was the problem for Red Bull online: diffused presence, minimal cross-pollination of their awesome properties, poor search, and no clean way to show off and share their sickness. The truth is, Red Bull is everywhere, and they wanted to show everyone who has ever taken a sip of their magical beverage what they mean by “Red Bull Gives You Wings”.
We spent the last few months working with Red Bull and just launched the new Redbull.com! It’s pretty fabulous really. We took all their different properties across the globe, housed them within one awesome CMS, made the site content driven, and got out of the way of all the sick content that you really want to see. Oh yeah, and it’s built in HTML (unlike their previous sites that had heavy use of Flash) so it’s now search friendly and easily shareable and trackable. Bitchin, right?
Take a look at the homepage. It’s built to be modular and highlight the best of the best. It even has a feed that is sortable by media type.

Information Saturation

There’s simply too much stuff in the world.
Basically, that’s what I’ve surmised. Even before The Internet became the most convenient and preferred method of information delivery I remember realizing, as a young boy, the amount of information that existed in the world. And I was scared then.
Now with every passing second the tubes that connect The Internet grow ever longer. You can pretty much get some kind of information about anything you can imagine. This is obvious. And with this incredible access comes an easy way to seek out anything that is of interest to you. Where before you had to go to the music store to find out which cool new band had debuted (or read the liner notes of your favorite album to get all the bands that were thanked), now you just search. And search. Newest games? Check. Obscure limited edition books? Check. Sneakers? Check.
The Internet has basically made me a Jack of All Interests. I like a bunch of things and can try and keep track of them but because I can so easily find out about new things I rarely dive really deep into any single one of them.
And with all the interests I have comes the problem of tracking all this stuff. What an ordeal. There are lots of webapps that help you keep track of your life, but then you have to keep track of those!
But now I feel like I’m complaining, and this is sounding like some spoiled 1st world problem post so I’ll stop.

The Push-Notification-Pocalypse

I’ve been thinking a lot about the potential abuse, misuse, and overuse of push notifications on iPhone OS 3.0. I wrote about it on my site: Badge Blindness and iPhone Push Notifications.
Warning: I use a colorful word or two and disparage digital advertising. Needless to say, my views don’t necessarily represent those of my employer, colleagues, or industry. But you know I’m right.

Coxcombs and the British Hospital System

This is a nice article. It’s nice to be reminded that information visualization is not just a fad (as it starts to seem at times), and can be part of effecting change in a very real way, even back in the day before Processing :) It helps to have connections with Queen Victoria though.

Timeless Design, or Getting It Right the First Time

I came across a really interesting article on Ministry of Type (via kottke.org) about the UI that was developed for the Xerox Star computer way back in 1981.
In it, Aegir (what a rad name) discusses the minute details that designers of the interface needed to account for when creating the graphics. Because of the limitations of the black & white display device used in the Star, the icons they created needed to account for the dithered hash pattern they used to create a gray colored background. He goes on to detail why it’s not only good but essentially necessary for all designers to know the limitations of the device/situation they are designing for. And I 100% concur.
He also discusses how with some updated graphics, the desktop UI model pioneered by the Star would essentially be the same as any of our modern operating systems UIs. And that got me thinking about timeless design, or the situation where you find a great solution to design problem. Is this it? Is the desktop model the best we can do? 1981. That’s nearly 30 years ago! And as much as people have complained about the desktop metaphor as a user interface a part of me knows those designers at Xerox PARC came up with a rather elegant solution to the problem of interfacing with and manipulating virtual files.
So, to my point for this post: is there such a thing as getting it right the first time? In our consumer culture it seems to me that we are constantly going back to the drawing board, revising, iterating, re-developing things we use all the time to make them more efficient, sexier, better. But if you look around you can also see examples of models that haven’t really changed since their inception – only been revised. The desktop UI. The car. The mouse. The camera. There are numerous examples.
I think though, it’s a testament to human ingenuity that we keep at it, despite how many times we might arrive at the same conclusion. Because sometimes a new idea does come up, and in that instance, we have innovation.