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:

iPad Controlled Blimp

From the very awesome Breakfast...
Imagine the world’s top designers packed in at a killer event, filled up with all the booze they can drink. What kind of experience could you possibly create that’ll catch their eye, and maybe even make them crack a smile? Simple: you fly a massive iPad controlled blimp over their heads.


Schooloscope

Schooloscope is a new thing from Berg – read the blog post here.

What if a school could speak to you, and tell you how it’s doing?
I have happy kids, it might say, or their exams results are great…


Schooloscope attempts to bring simplicity, familiarity, and meaning to government education data, for every parent in England.

Mag +

User Experience Gold…
This conceptual video is a corporate collaborative research project
initiated by Bonnier R&D into the experience of reading magazines on
handheld digital devices. It illustrates one possible vision for
digital magazines in the near future, presented by our design partners
at BERG.

Soundbytes from Managing Experiences 2010

I recently went to Adaptive Path’s Managing Experiences conference and enjoyed it quite a bit. It focused primarily on people involved in leading multi-touchpoint customer experience work, not a group I rub shoulders with on a regular basis. MX was a nice balance of theory, case-studies, in-house/agency perspectives, and some random thoughtful bits. Bellow I compiled and paraphrased the soundbytes that stuck out to me into some raw notes…

  • Successful teams and companies use “envisionment” to help articulate and establish vision (Spool). Envisionments on delicious.
  • Teams often fail because they stop at envisionment and don’t follow through with actually shepherding the vision (Spool).
  • A good vision is a stake in the ground on the horizon. No one can get there right now, but everyone can see it and ensure their work moves the team a (small) step closer (Spool)
  • A good vision is specific to the experience. Its something that is yours. When looking at your vision could it be easily co-opted by someone else? Avoid generic articulations of vision. (Spool)
  • Don’t go for a lofty enterprise wide vision. Focus on small butt critical pilot programs. (Spool)
  • Less power points more envisionments (Craig Butler). Given the word on the street about Tufte and kittenz this is probably a good idea.
  • Help articulate vision with philosophies (Merholz). Tenants, principles, mantras, not sure what to call them but I like them. Concise philosophies can be the jumping off point for bigger conversations or be reminders of those conversations for a team that is off in the details of a design. The Tivo example being Merholz favorite it seems.
  • Based on his research, Spool says that the ability of everyone on a team to article vision is one of the three most important factors of success. While not the be all end all, lists of philosophies are a nice way to keep vision alive for the duration without having to flip through power points or read sleepy documents. For example, vetting design decisions against philosophies in addition to objectives.
  • Experience strategy should ultimately provide clarity (Lara Lee). Seems obvious, but when I reflect on the countless 100 slide power points and mind numbing word docs created in the name of strategy, clarity seems under valued.
  • Two kinds of experiences, adaptive evolving ecosystems aka youtube, and constrained fixed systems aka turbotax (Lara Lee). Both have there place, but the unpredictable and constantly evolving adaptive experiences have irresistible qualities. I would like to work on those please.
  • Hiring out usability / observation is like hiring out your vacation. Its all about hours of exposure for designers (Spool). Hilarious way to put it, but painful to hear for those that are not able to always participate for whatever reason.
  • Daniel Kahneman’s Peak-End Rule: The most memorable moment of an experience is either the best or the worst part of it. (Brandon Schauer).
  • Successful teams are cross-functional (Spool). Not much more to say. He has done the research to back it up. Do everything you can to avoid the dirty waterfall hand off. It doesn’t mean adopting a prescriptive agile methodology, it means working together across disciplines from the beginning to the end (if there is one).
  • Celebrating design failures is a key part of successful teams / organizations culture. “Risk averse companies produce crap.” (Spool)
  • Management’s job should be about setting the organization up to recover from small failures. From the learnings of many small failures come the big successes. (Lane Becker)
  • To avoid becoming a dinosaur hire and promote people who annoy you. (Neff Hudsun)
  • Documentation is a record of failed collaboration. (Lane Becker)
  • What is your organizations currency? (Margaret Gould Stewart). She talked about how after her shift at Google from Consumer products to YouTube she noticed a change in organizational currency. Search / consumer products favored the ability of designers to get their hands dirty with the developers while YouTube’s currency was more focused on quickly producing high quality design iterations. Whats your organizations currency?
  • In fast moving organizations talking a lot about process is the best way to get yourself marginalized (Stewart).
  • In organizations with complex evolving ecosystems (YouTube) situational awareness becomes the product strategy for fast moving cross disciplinary teams (Stewart). I love this one. It highlights the need for knowledge management and cross disciplinary collaboration tools.
  • On style guides – Communicate boundaries so that people can knowingly break them (Stewart)
  • Customer experience design requires balancing message vs functionality across all touch-points (Heidi Reinfeld). I like the idea of the focus on message or functionality shifting across different parts of a customer experience. Heidi showed great examples of how their Chipotle packaging, website, store and iPhone app designs pulled from the same brand promise / mission but brought the brand to life in very different ways. It reminded me of the Virgin America in flight safety video. The VA video is SO on brand but lacks any of the aesthetic attributes that sticks out so much in the functional parts of the customer 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.