cooper

Journal   A blog about design, business and the world we live in.

Branding

Recent articles

Cooper helps Chefs Feed launch new social features

Who do you trust for food advice? Review sites like Yelp are bloated and contain a cacophony of opinions. Others just aggregate shallow star ratings. Reviewers often have tastes and preferences that might not match your own. And even if you find a good restaurant, how do you know what is the best thing on the menu?

The idea behind Chefs Feed is that the best food advice comes from experts - professional chefs, and friends with discerning taste.


Currently available in nine US cities, the app doesn’t just tell you where to go, but also what to order, providing an insider’s look at each city’s eateries.

When Chefs Feed approached Cooper, the startup was about to make a big leap. Lots of people were downloading the app, but its functionality was limited to a few features like reading and bookmarking chefs’ reviews. With the user base expanding quickly, Chefs Feed needed a blueprint for making the app a platform for interaction between chefs and foodies. The app also needed features to help friends trade dish recommendations and share their passion for food. In short, the app was to get social.

Read More

Fixing a broken user experience featured on Smashing Magazine

There's innumerable ways to arrive at a state where a company's product offerings present a frustrating or broken user experience. Few organizations can't realistically throw everything away and start over. If it's broken, you need a strategy that allows you to iterate toward a better user experience. Cooper's Stefan Klocek outlines one approach Cooper uses with clients to improve user experience across an organization's suite of products.

From the article:

Unless you’re developing completely new products at a startup, you likely work in an organization that has accumulated years of legacy design and development in its products. Even if the product you’re working on is brand spanking new, your organization will eventually need to figure out how to unify the whole product experience, either by bringing the old products up to par with the new or by bringing your new efforts in line with existing ones. A fragmented product portfolio sometimes leads to an overall broken user experience.

Understanding an organization and its users and designing the right interaction and visual system take exceptional effort. You also need to communicate that system to teams that have already produced work that doesn’t align with it. This isn’t easy work. In this article, we’ll introduce you to a strategy for fixing the broken experience that starts with surface improvements, goes progressively deeper into structural issues and ends with a big organizational shift.

Read the rest of the article, meet The Hierarchy of Effort (pictured below), and enjoy the discussion over at Smashing Magazine.

Read More

Elevating the brand and visual strategy with the experience workshop

Defining and creating a memorable experience for your customers is no easy task. Product owners and development teams can easily rattle off ideas to designers about what features are necessary to stay competitive. But if you ask them to share their vision for the overall more subtle emotional aspects of the experience, they often get quiet or resort to the familiar old UI clichés of "simplicity, intuitiveness, etc." This means that you often start your design work with less insight than you need to drive visual and interaction design.

Enter the experience workshop - a collaborative meeting and setup where clients can really talk about what a great experience can feel like among a sea of inspirational images, digital interfaces, products, services, brands, cars, textures, and more. Companies that build digital products and services are engaging in a new level of competition; it's no longer good enough to deliver a usable product. Our designs must reach an aspirational vision that elevates the experience beyond mere usability, and a visual, collaborative workshop pushes people to explore and discuss the possibilities.

The workshop helps teams discuss what attributes are inherent in these other experiences that are meaningful to the experience they're defining. After a process of prioritization and discussion, the end result is often a huge cloud of ideas and words that sit on a spectrum from a poor experience to an ideal experience. The examples aren't what's important for our output. We collect insight from the discussion, the words, that help us define the ideal experience.

The workshop brings teams together to learn and collaborate on the experience. What I love most about this activity is the connections made from people across different teams that can relate on a personal level because of their shared experiences. It's not just a visioning exercise for the future; it's a team-building event.

Check out the above video to see a glimpse of the workshop in action. And if you want to learn more about how to conduct a workshop and integrate this new approach into your company, you can sign up for an upcoming Cooper U Visual Interface Design course. In fact, we have just a few spots left in next week's class (May 7-8), if this post left you inspired...

Beyond the pixel: Measuring visual designers’ strategic value

I collaborate with clients about how to scope and staff project work, and they often have questions about when to bring a visual designer into the process. In the early part of my career, I wouldn't have had a good answer; it likely would have been something like, "at the end." But after 20 years of working in-house and as a consultant with product teams in various capacities — and having no background in visual design myself — I have a much different perspective on the value that visual design thinking has throughout the process of building a product.

Visual designers bring a unique perspective to product vision

First, visual designers are uniquely skilled at defining the overarching experience strategy, called attributes, for a product or service. These aren't specific design principles, but rather descriptions of what the experience should feel like for users, customers, and anyone interacting with it.

One way to define experience attributes is to conduct an experience workshop, where you facilitate a brand and "look and feel" discussion with stakeholders. Framing the discussion by using visual artifacts (pictures of products, cars, buildings, interfaces, art, etc.) helps stakeholders to engage at a visceral level instead of relying on cliché's or generalizations. Visual designers, on the other hand, are great at this, as they are skilled at talking about how the things we see translate into certain feelings and emotions, and how visual elements relate to brand perception.

experience workshop
Facilitating an experience workshop with images makes it easier for participants to articulate what visual approaches feel appropriate and inspiring. A visual designer is skilled at using this input to shape a visual strategy.

Even for companies with a well-defined brand and digital branding assets, it's vital that the product team has a good understanding of what the brand means in the context of the product or service you are designing. This isn't just about proper logo use and the corporate font. It's about knowing how your company wants users to feel when they are using your brand, and about how your users want to feel while using them. Understand that intersection, and you have gold.

Look at things differently during field research

During design field research activities, a visual designer can focus on things like the visual look of the physical environment in which people use the product or service we are investigating. For example, in a medical setting, the visual designer may pay special attention to the signage and décor within a hospital. We wouldn't mimic this in an interface, but getting a feel for the environment can give us clues as to what kind of visual styles may fit—or not fit—within that setting.

visual design research
Jayson, a visual designer at Cooper, gets to experience user research firsthand at a doctor's office.

I recently worked with Jayson McCauliff, a visual designer, on a product for a large technology manufacturer. The product's users were internal, so Jayson took photos of lobbies, wall art, the small in-house museum, and even the cafeteria. The effort was worth the funny looks he got, as the images later helped give him inspirations for some subtle background textures that made a direct appearance in the interface. (See more about how visual designers work at Cooper)

Early design thinking should include visual language explorations

While the interaction designers begin a design solution phase by exploring key interactions and high-level workflows, the visual designer can explore high-level visual style approaches. Because stakeholders may not be used to or comfortable talking about aesthetic and brand, having someone who understands visual design but can communicate about the effects that color, shape, white space, etc. have on users and brand are vital to making sure that everyone is aligned. It takes skill to talk about style concepts without having the conversation degrade into an argument about the specific shade of blue in a style study, so it's important to have someone who is proficient in facilitating these discussions and in creating artifacts that solicit the right kind of feedback.

visual studies
Visual language studies keep initial visual strategy conversations focused.

Defining and building a winning product includes attention to the aesthetic and overall experience

Last, visual design isn't just about producing beautiful visual assets for the development team. It's also about creating a coherent product or service in the first place. A visual designer brings a unique perspective to problem solving that augments the other design team members. We find that having the visual designer involved early in design exploration activities makes our design concepts better and more well-rounded. When we are fleshing out the design framework, early and consistent involvement from the visual designer ensures that the interaction design isn't getting too crowded, and that the overall experience is achieving the experience strategy we defined early in the project.

During detailed design activities and implementation, the visual designer needs to be able to react quickly and fluidly as the design and implementation iterate and get refined. If the visual designer has been involved with the project from day one, it's easy for her to work in an agile way while still maintaining the original spirit and intent of the design, and she'll be able to make good decisions and recommend improvements because of that greater understanding.

As you plan your next redesign effort, make sure that a strong visual designer is part of the team from day one. You'll not only gain efficiencies when it's crunch time during implementation, you'll gain a valuable strategic partner and an overall better experience.

Sign up for the visual design course

Learn more about the role of visual design, experience attributes, experience workshops, and effectively presenting visual design to stakeholders in Cooper's Visual Interface Design course on February 6 - 7.

Read More

Platfora website debuts!

Platfora, a new startup in the Hadoop business intelligence space, is working with Cooper to design an elegant, intuitive interface to bring clarity to the chaos of big data.

After Platfora received 5.7 million in funding from Andreessen Horowitz; Cooper worked on a rapid, collaborative two-week timeline with a team of five designers to create their website, www.platfora.com. Platfora CEO Ben Werther said, "we wanted to convey the clarity and simplicity that we are striving for in our product experience — without showing actual screenshots. Cooper's design work on our website conveyed this message perfectly."

Credits: Jim Dibble, Golden Krishna, Martina Maleike, Doug LeMoine, Nick Myers

A clean sans-serif designed by Minneapolis type foundry Process combined with rich, vibrant visualizations designed by the Cooper team combine for a unique and beautiful site we're proud to have been linked to in the Wall Street Journal, TechCrunch and New York Times.

Immediately after launch, the site received rave reviews on Twitter:

See the site at www.platfora.com.

Related Reading

Read More

What marketing executives should know about user experience

Like it or not, the digital world has changed at a wicked pace, and more and more interactions between companies and their customers now happen via an interface. Software serves us everywhere, and the user experience now shapes these interactions every day. At the center of all this change sits the brand. TV and print advertising now regularly feature digital experiences from the likes of Apple, Google, Toyota, GE, and Amazon. The visual interface has become the new face of your brand. This means that the role of Chief Marketing Officers (CMOs) is now harder, and their influence must reach further into the organization than ever before.

Customer interaction cycle
More customer interactions are now digital, and the brand sits at the center

Expectations are now much higher. My wife, for example, has lost all patience with technology. She hates how TiVo doesn't record her programs on time; her Dell laptop seems to break frequently; her iPhone is too slow. It's not just my wife, though. I see it frequently in healthcare and financial services. Even employees in larger enterprises have lost patience and expect better.

At Cooper, I see clients struggle with traditional marketing practices to deliver software that lacks the deeper level of engagement that customers are looking for. Some of our clients have changed their approach to marketing and product design and are reaping the rewards with a place on Forbes' Most Innovative Companies list.

Read More

Cooper helps TaskRabbit design new iPhone app for help with chores

TaskRabbit’s service connects people who want help with simple tasks—anything from walking the dog, standing in line at the DMV, or moving furniture—with “Rabbits,” a network of background-checked and pre-approved individuals who have the skills and time available to complete tasks.

TaskRabbit
With a design ideal for mobile task posting, the app provides a simple, seamless process for securing extra help.

Cooper designers collaborated closely with developers at Pivotal and the TaskRabbit team to design a user experience specifically optimized for busy, on-the-go people, offering timely help for folks with unfinished errands or other tasks. With just a spin of the wheel and a few taps, the app enables a task to be posted on the TaskRabbit service network in a matter of seconds with minimal, if any, typing.

TaskRabbit
Credits: Faith Bolliger, Jim Dibble, Glen Davis, Tim McCoy and Nick Myers.

TaskRabbit, has more than 1,500 runners in San Francisco, Boston, Los Angeles, and Orange County fulfilling up to 3,000 tasks per month and they just opened the service in New York City.

Congratulations to the TaskRabbit team, as the new app release has been featured on Mashable, TechCrunch, and Forbes and has received great reviews.

Download TaskRabbit at the App Store and start getting stuff done! Read More

The visual interface is now your brand

At the recent Interaction 11 conference, I spoke of the growing importance of visual interface design to both brand and user experience in an increasingly digital world. In this new world, visual interaction designers face big challenges and bigger expectations, from both users and clients.

While designing visual interfaces for dense, complex products, designers can also influence brand perception by creating experiences that are both memorable and useful. In my session, I discuss how to design a unique visual interface that puts the needs of the users first; how to add surprise and delight to critical moments of the experience; and how to use craftsmanship and attention to detail to set your design apart in a visually complex medium. Finally, I talk about how visual designers can effectively frame conversations with stakeholders about brand and experience by using personas, experience attributes, and stories to convey design ideas. Enjoy!

Presentation on Slideshare

You can also view a crisper version of the slides on Slideshare: Slideshare.

Related Reading

Read More

Whimsical interaction design—a follow up

Last year Dave Cronin wrote this post about whimsical interaction design. In that spirit, I wanted to share our work on the litl webbook.

In my mind there are a couple approaches to incorporating whimsy into interaction design: To bring a little dash of entertainment to a capability that already has to be there (e.g., jiggling icons on the iPhone), or to add something for the pure joy of it (e.g., Easter eggs in software).

In this first example, the whimsical element brings a bit of delight to a moment that could have been upsetting to users.

The Retro Outro

The litl can take the form of a traditional laptop, or be flipped into a easel configuration. This flexibility creates potential confusion because the hinge that enables the flipping has two buttons on opposite ends: One is the power button, the other is a menu/select button. When the litl is flipped between configurations, the relative position of the buttons swap left to right, making it easy to imagine pressing the power button when you intend to press the menu button. So we explored some solutions — a confirmation message, or maybe the double-press required by projectors. Both of these felt too "computer-y" for the litl experience.

When the power button is pressed, the video on the screen begins to compress vertically. If you keep holding the button, the video compresses down to a single dot and the litl turns off, just like older CRT TVs — hence, "retro." If you release the button before the video compresses completely, the video springs back to full screen and the litl stays on. One of the keys to making this work is it's responsiveness. (The litl development team did a great job of tuning the feel.)

The Giggle

The other whimsical detail we added just for the fun if it. If you press both of the buttons on the hinge at the same time, the litl will giggle, as though you've tickled it. It's just a fun element that further emphasizes that the litl is different that other computers and has a personality all it's own.

It can be hard to work whimsy into enterprise applications and tools that people use all day. That extra little bit of entertainment usually comes at the cost of speed and efficiency. But for consumer products it may be worth considering some whimsical solutions to sticky design problems, or just adding some fun surprises. It's a great way to create an atmosphere and experience that becomes a deeper kind of branding. Read More