Kendra Shimmell, Tamara Wayland and I recently enjoyed some Spring weather in beautiful Rio de Janeiro while sharing methods for interaction design, collaboration, and communication in an agile environment with forty employees of Globo.com, the Internet branch for Latin America's largest media conglomerate.

The team knew that Rio would be warm this time of year, but what really amazed us was the warmth and hospitality of the people we met. Andrë Braz, Globo.com's User Experience Design Manager and Art Director, and his team were engaged and inquisitive, and really hungry for ways to take their already successful site to the next level of efficiency and innovation.

During the course we talked about how to effectively integrate user experience design into an agile environment, and shared techniques for collaboration and communication that are lightweight to create but provide big impact. The Cooper team showed Globo.com a blueprint for defining and designing digital products and services that centers on users, but within the context of business needs and implementation realities.

Here are a few snapshots from class:
Participants quickly grasped the value of focusing on goals and behavior patterns when developing personas.

A cross-functional team works together to storyboard the key contexts and moments in time that their primary persona will interact with the product they are designing.

A student sketches design concepts for the mobile experience.

The enthusiasm carried over into the final day of the week, during which we were joined by close to 80 Globo designers, developers, product managers, and executives. We can't wait to go back (and I am still dreaming of the feijoada we had on Friday afternoon).

Thank you Globo, and thank you Rio!

Have you ever used a public service that understood your needs? We all have horror stories of waiting in seemingly endless lines at the DMV or hunting forever to find the information we need on poorly designed city websites. Who is making sure that government uses effective design and technology to meet the needs of citizens in the 21st century?

Introducing Code for America

Code for America is a brand new non-profit that is taking on this challenge. And part of the challenge is understanding the target users of the technology. To help in that effort, Suzy Thompson and I taught a day-long workshop on Research for UX Design to the fellows at Code for America.

Code for America signage at their offices in San Francisco, autographed by the 2011 fellows

Code for America helps local city governments leverage the power of the web to become more efficient, transparent, and participatory. Built on a model similar to Teach for America, CfA encourages developers and designers to apply for a year-long fellowship, during which they will create open-source technology solutions for city governments. Out of over 300 applicants, CfA chose 20 fellows for their inaugural year, from a wide variety of backgrounds including Web 2.0 startup entrepreneurs, developers for local city governments and school districts, open source contributors, a researcher for the New York Times, a digital journalist, an intellectual property lawyer/programmer, and a museum exhibit designer.

Code for America 2011 fellows (image used by permission from Code for America)

Code for America Institute

The fellows are spending the month of January in San Francisco at the Code for America Institute, learning from guest speakers about a wide variety of topics, including treating government as a platform (Tim O'Reilly), building local communities (Danielle Morrill), being a change agent and nurturing social network communities (Caterina Fake), and taking an entrepreneurial view of their city projects (Eric Ries).

Host City Projects

Each of the fellows is assigned to one of four city teams, each with a target project:

Boston	An educational services platform that allows the city to track the effectiveness of academic and after-school programs, and allows developers to create apps for student learning outside of school.
Philadelphia	A platform for using social network media to help citizens organize, and to connect government leaders with neighborhood civic leaders.
Seattle	A platform for using social network media to help citizens network and contribute to public safety programs. Also helps city leaders to quickly locate and organize neighborhood leaders.
Washington, DC	Civic Commons: a platform for municipalities to share custom-built technology solutions, so cities can leverage their development investments and avoid reinventing the wheel.

The fellows will spend the month of February in their host cities, learning about the IT infrastructure and interviewing city stakeholders and users of their system. They will return to San Francisco in March to design and develop the open-source applications. They will present and hand-off the applications to their host cities in the fall.

Cooper Training

Because Cooper has extensive experience connecting user research to product design, Code for America asked us to come in and present a one-day workshop. From our courses on interaction design and design communication, we carved out a day's worth of materials on finding stakeholders and users, preparing an interview instrument, conducting interviews, debriefing interviews, and synthesizing and presenting research findings. We also gave them a look-ahead to personas, scenarios, and framework design.

The fellows got a chance to plan an interview instrument and conduct a 45-minute interview with members of the CfA staff. Conducting good ethnographic interviews takes practice -- I think the fellows came out of our workshop with a sense of confidence in talking to their city stakeholders and application users in February. I look forward to hearing about what they learn about their users, and to helping them create personas and scenarios from their findings. And I can't wait to see the amazing applications that result from their work.

Great Government Research and Design

A question to our readers: Where have you seen user experience design principles applied to government applications or services, to achieve an amazing outcome? At Cooper, we're currently working on a project with CalSTRS (California State Teachers' Retirement System), and in the past have done pro bono work with the SF Department of Health. I have also read about fellow Cooperista Renna Al-Yassini's service design work for the Roudha Center in Qatar. What user experience design work in the government or social service sectors has impressed or inspired you?

No one can argue that social media hasn't had a significant impact on modern life. My current favorite example is the Zooniverse series of “citizen science projects” that bring people together to apply human brains to tasks in science that computers aren’t very good at yet, like identifying types of galaxies in Hubble images or craters on the moon. Supported and produced by the Citizen Science Alliance, this is social media at its very finest: Bringing communities of people together for the common good of humanity. The whole thing, I gotta say, leaves me a little verklempt.

On the other end of the ultility spectrum we have Cookie Bonus Solitaire, a little nothing of an iPhone solitaire game that cleverly bakes in cheating. It also incorporates robust social features like profiles and chat, achievements and leader boards, the whole shebang. I used to play Cookie Bonus Solitaire daily on my commute, but got irritated when there were constant updates to the social features of the program. Hello? Solitaire is not a social game, that’s why they call it “solitaire.” I finally deleted the game in disgust when it got to be too much, chalking it up to me just being some old fuddy-duddy who just doesn’t get it.

But, this is where I draw the line.

This is only acceptable in a home-care situation where people can keep track of the health and well-being of infirm individuals. Beyond that? No. Just no. Sleeping is not a social activity, and I say that as a married woman who sleeps alone only on business trips. What’s next? Social colonoscopy?

How did this happen? I can see it now: a conference room at SDI Technologies, a red faced manager pounding the table and demanding innovation. “How can we make this alarm clock more hip? What is it that all the kids are into these days? Social networking, right? How can we incorporate that?”

This, my friend, is where a brave soul should have spoken up. Not everything is social.

After years of mumbling excuses about the cobbler's children and how busy we've been, we're thrilled to announce the launch of our new site. It's taken almost a year from our initial design explorations, but we're really happy with where we've ended up.

While its been a very collaborative effort, it's also been refreshing to design without the usual cast of stakeholders. (In order to overcome the well-known nightmare that is a firm designing its own site, we almost completely eliminated creative reviews by anyone not directly involved in the project.)

We think the new site much better reflects our design sensibilities and the direction of the firm. It's still a bit of a work-in-progress. (For one, we plan on adding social bookmarking features in the Journal when we have a moment.) But we're interested to hear your feedback—let us know what you think in the comments section.

Credits

Design by Nick Myers and Dave Cronin, with help from Jayson McCaulliff, Doug LeMoine, Imon Deshmukh, Martina Maleike, and Daniel Kuo. Copy by Dave and Doug, with editorial assistance from Steve Calde and Suzy Thompson. Code by the amazing Elisha Cook and Andrew Hoag at blackdrumm, and photography by the very talented Emily Nathan.

The recently launched MSNBC redesign really grabbed our attention yesterday. While we don't universally love everything about it, we found ourselves playing around with it a bit longer than we would have expected to. Here's a sampling of some of the comments heard around the studio.

Doug LeMoine:
This is a pretty impressive effort toward designing an interaction framework for a massive media conglomerate with a dozen sub-brands, content licensing deals with who knows how many third-parties, and an absolute clustercuss of a styleguide. I’d say that the designers performed capably under this duress, delivering strong mechanisms for staying upright and pointed downhill amidst the avalanche. I like the nifty “upscroll” that reveals an info-rich header (but crikey this particular header has a heckuva lot going on). The “annotated scrollbar” holds the experience together, providing a modicum of navigational predictability across the various content sets. I have a variety of visual critiques, large and small, but overall I’ll high-five MSNBC for not being afraid to spook loyal readers with new ways of interacting with content.

Imon Deshmukh:
Of course it feels strange at first, and I’m not sure if I would have noticed the option to scroll up to uncover content, had nobody mentioned it. My reaction is similar to how I felt when I first saw the new Cooper site [Editors' note: stay tuned for this!]: I’m not sure if it’ll really work, but it’s something I haven’t seen before and it feels more than an attempt to be different just for the sake of it. Even if it doesn’t work out, trying something new and different when everyone is watching is something I can appreciate and admire.

Tim McCoy:
Kudos to MSNBC for abandoning the cluttered, segmented, ad-saturated layouts typical of news websites for a truly content-forward experience. It’s a lot of change to encounter all at once, so the experience is a bit foreign, but I think that will pass with time as readers learn new idioms and the design adjusts to the strains of use. It is an odd hybrid of the information density of a sovereign desktop/iPad app and the long-page scrolling breadth of a web page. And it speaks volumes about how interconnected our content has become that the editors expect to provide every story with some combination of images, videos, interactives, and related articles.

Dave Cronin:
I really appreciate the fact that the MSNBC team tried some daring stuff with their redesign. As with any such effort, some of these innovations will probably turn out to not-so-good, others will turn out to need some tweaking, and if we’re lucky a couple of these ideas will help us all move forward with how we deal with all kinds of information coming from every different direction. I’m really digging the use of the upscroll to access headlines (in a similar vein to where search lives on the iPhone), and I like how far the vertical scroll has been pushed even further as a primary navigation element, as well as the nifty little jump buttons along the scrollbar. The site is certainly not perfect, though. While I can tell there is an underlying grid, it could certainly be stronger—it looks like every vertical layer is on a different horizontal rhythm. And while I know it’s tough to do anything graceful with big display ads, these feel particularly clunky, especially the way they stick with you as you scroll, breaking the vertical orientation of the page a bit.

Congratulations to the litl team for a great showing at the International Design Excellence Awards (IDEA), taking home awards in packaging, hardware and software, the latter of which we're proud to have contributed to. We're thrilled to have been part of such an amazing team and grateful for the recognition from the IDEA panel and litl.

Here's what the judges had to say about the litl user interface:

Designed to remove the barriers between you and web content, it is extremely simple to use and eliminates the clutter and distractions of traditional computer interfaces.

Credits from the litl blog:

Thank you and credit to John Chuang, Aaron Tang, Chris Bambacus, Chris Moody, Havoc Pennington, Eben Eliason and Ron Frank of litl; Daniel Kuo, David Fore, Jenea Hayes and Noah Guyot of Cooper; and Christian Marc Schmidt and Lisa Strausfeld of Pentagram.

(This was originally published on Playwell, Alan's personal blog.)

Elisabeth Hendrickson has recently opened a new test-and-development training facility in Pleasanton CA called Agilistry. It’s bright and airy, well-lit and well-stocked, and it feels like home the minute you walk in. In order to publicize her new facility, she very generously hosted a week-long intensive learning exercise.

She invited eleven different people with widely varied skill sets, backgrounds, and interests. She challenged them to build a website in five days using the best practices of interaction design, agile programming, and test-driven-development. We christened it “AgileUpToHere” (#au2h) and it exceeded everyone’s expectations (you can see our results here).

Since it was my 15-year-old homophone web site that was being rebuilt, I nominally played the role of product owner, but I was an observer, an instigator, a goad, and a participant. It’s hard to remember when I had so much fun or learned so much. If you want to learn to be great, I strongly recommend Elisabeth and Agilistry.

Things I learned:

1. After 25 years, it’s time to lose the Windows computer and get a Mac.


2. Good agile developers are self confident; confident enough to trust interaction designers to do interaction design without distrustful oversight.


3. There are lots of programmers who understand that relational databases are not the only approach to solving problems.


4. It is time to build software.


5. Test-driven-development isn’t fully understood. In fact, software testing isn’t fully understood.


6. When even the leanest developer in the room sees really high quality BDUF (big design up front) for the first time, they get all woo-woo and want some for themselves.


7. Getting good software built demands the contributions of many different personalities, competencies, and roles, most of which are new and as-yet ill-defined.


8. Two programmers pairing can create more and better code in less time than one programmer can (I already knew this, but it’s always good to see it in action).


9. Even this jaded old fart can still get excited about changing the world.


10. There are many undiscovered and unfilled product niches on the Web, and one of them is “quality”.


11. People want a leader with a vision.


12. Elisabeth Hendrickson (@testobsessed) is a magical woman. To paraphrase Tom Robbins, “she’s been around the world eight times and met everybody twice.” Like a great chef or symphony conductor, Elisabeth knows how to combine the unexpected to create the sublime. She brought together a dozen people from all over the country, each with different skills, background, desires, and expectations, and then she blended them together into a cohesive, happy, effective team.


13. The pre-written code I arrived with was called “legacy” with a grimace, and was quarantined until discarded. Moral: Non-TDD (test-driven development) code is properly regarded like a ticking time bomb.


14. For interaction design, you can’t have too many white boards, made from porcelain-coated steel, firmly mounted to the wall. For agile development, that isn’t such a big deal.


15. Story-mapping is a major component of the bridge between interaction design and agile development.


16. Story-tracking software isn’t quite there yet.

There has been a lot of hype recently as Netflix announced provisional winners of their million dollar contest to improve their recommendation algorithm. The goal was to improve matching by 10%. Since it took over 50,000 entrants the better part of three years trying to improve past 10% this is probably a trick they can only pull off once. Given that their current recommendation engine does a miserable job of recommending movies for me, even a 10% increase isn't likely to be particularly satisfying.

I've rated just shy of 800 movies on Netflix;and just over 150 items on Amazon, yet Amazon's recommendations are usually satisfying while Netflix struggles to accurately recommend any movies I'd like to see. This isn't a case of esoteric movie tastes, in fact I'm fairly mainstream, largely preferring the entertainment of a summer blockbuster to the intellectualism of an indie documentary. The books I like are the opposite: non-fiction, obscure, expensive, limited runs, or out-out-of-print, in short; not popular. And still, Amazon recommends the right books.

Pandora is a music service which delights me by consistently recommending new music to me which I like. Netflix can't give me great recommendations. Amazon and Pandora do. Why?

Clearly the algorithm is a critical part of any good recommendation engine. But there seem to be limits to what can be accomplished just by tweaking the math. If Netflix can only squeeze a 10% improvement out of the calculation for recommendations, where can they turn to get additional increases in quality?

Tweaking what happens before and after the algorithm seems to be the only other opportunities. Both of these are ultimately interaction design solutions. Let's take a look at a few approaches to recommendations used by Netflix, Amazon and Pandora and see how they lead to different results.

Yup that’s right. First they had the idea to get the Internet on your TV (remember WebTV?) then it was all about TV on the Internet (Hulu, CBS, CNN, etc. ) and now we’ve got TV on the Internet put back on your TV (boxee).

For those of you not already in the know, boxee is a multi-platform media center with a 10-foot interface for aggregating video, music and photos that exist both offline and online. Others have failed in this space, but the boxee offering pushes the paradigm of content distribution and consumption in some interesting ways.

inviteme.to is an early stage startup that allows people to coordinate offline social activities with their friends. Founder Andrew Hoag, tired of organizing the "goat rodeo" preceding any event with his friends, found a niche desperately in need of attention, and decided to do something about it. He approached Cooper in April 2008 to work on the design and user interaction for his web-based product.

The people behind inviteme.to

Andrew: We got started 8 months ago and have two full time people and a couple of contractors and outside staff helping us. As for background, I come from the business side, working in enterprise, security and software for 7 years. Most recently I’ve been advising consumer internet startups before launching inviteme.to. My technical co-founder is a developer that came from a large travel site, Sidestep, which you may have heard of. For now it’s just the two of us working full time with a bunch of people helping us out.