A few days ago, during Cooper U’s Interaction Design training, we stumbled upon Evelyn Ma’s gorgeous sketchnotes. They captured the key takeaways from the class in such an elegant and visually intriguing way, we thought we’d pass them along to you.
Most of us follow a daily routine. We awake at about the same hour, maybe hit the snooze a few times, grab breakfast and a shower, dress and hit the road. Usually it’s the same road — and the same mode of transportation, with maybe a beverage of choice on the way, and then in the door at work at roughly the same time, with all the familiar tasks awaiting.
We continue our conversation with Alan Cooper at Sue and Alan’s warm and welcoming ranch in Petaluma, CA, which, in addition to themselves, is home to sheep and chickens, a cat named Monkey, and a farmer who works the land.
Part 2 brings us up to present-day, and discussions around the applications and fundamentals of Goal-Directed Design that support its success at Cooper and beyond.
From Theory to Practice
In our last post, we explored a variety of methods for capturing user research. Yet a question lingered—how can you effectively use video in your research without influencing the participants?
Here are some tips and tricks to minimize the impact of using video in research engagements. Keep in mind, these tips are focused on conducting research in North America—the rules of engagement will vary based on where you are around the world.
You’ve been preparing for your research—recruiting, screening participants, devising schedules, testing discussion guides—and now you are deciding the best way to capture your research. But how? If you’re busy scribbling down notes, you might miss a sound byte. If you film the interview, you might unknowingly influence the conversation. These are all serious considerations. Properly capturing and documenting each research encounter prevents spending time and money on data that sits solely in the memory of the researcher.
How you choose to conduct and capture your research will greatly impact your outcomes, and ultimately your client outcomes. I’m going to highlight a variety of research capturing tools, and then we’ll have a future post about how to effectively videotape research. Both the type of research you’re conducting and its purpose will help you decide which capture method is best.
Before we begin, I wouldn’t recommend going into research alone—you will struggle to document while maintaining a conversation. A good structure is to have a moderator and a note taker, that way one practitioner can focus on conversing with the participant, while the other focuses on capturing what is occurring.
Or: How persuasive design saved my lunch
While I was on route to Amsterdam for IXDA14, something struck me about the way the dinner options were presented to passengers. Here’s what was happening. The flight attendant delivered the menu in the same way to each row:
“Would you like barbeque chicken, beef strip, or vegetarian?”
I’ve been a vegetarian for twenty years now, and I’m a little sensitive to these moments. At first, my identity hackles were raised. “Hey!” I thought, “Why wouldn’t it be ‘Chicken, beef, and spicy red-beans-and-rice?’ We eat food, not a category of food! Those options should be presented as equals because we’re equals…Blah blah blah…ramble ramble…”
Fortunately, as is my habit, I caught myself mid rant, and tried to consider what was good about it. And sure enough, on reflection it’s the exact right way to present these options. Cooper’s been paying more attention to persuasive design of late, so let me explain, because that’s exactly what’s going on. The flight attendants are using choice architecture to keep vegetarians fed.
You see, one of the problems that vegetarians encounter when eating buffet-style with omnivores is that when there is a veggie option present, if it’s too good, there’s a risk that the omnivores will eat all the veggie stuff before we get to the front of the line, leaving us poor suckers with empty plates and sad-trombone bellies.
If the attendant presented “chicken, beef, and spicy red-beans-and-rice,” that’s exactly what’s at risk. An omnivore hearing that might think, “Hey, I’m a huge fan of spicy red beans and rice! Cajun spice is awesome. Bam! Let’s kick it up a notch!”
But when hearing a menu consisting of two easy-to-visualize options and the category of “vegetarian,” omnivores are more likely to be turned off by that third option. “Vegetarian? Screw that. I’m not a vegetarian. I like my meat heaping and with a side of meat. Meat me up, attendant, with the finest, meatiest meatings you have!” They’re less likely to ask after the actual contents of the vegetarian option, as they’re busy thinking about whether they’d like chicken or beef.
Meanwhile the vegetarians (even if their delicate identities are a bit bruised) are relieved when they hear that their needs have been considered. The unlucky ones in the very back of the plane (who failed to arrange a special meal in advance) might even get to eat.
|descriptive option||categorical option|
|omnivores||Might choose :)||Less likely to choose, still :)|
|vegetarians||Less to eat :(||More to eat :)|
It’s not foolproof, of course, but I’ll bet if we could do a plane-by-plane comparison of “vegetarian” vs. “red beans and rice”, the categorical option would result in much more of everyone being happy. And that’s one of the powers of well-done choice architecture.
Recently at Cooper, we updated our website with a focus on responsive web design. Working with Cooper’s other great developer, Elisha Cook, I learned a lot in the project, though at times it seemed my head would explode trying to figure out solutions to various problems presented by responsive web design, so when I heard that CascadeSF was hosting a presentation on this very topic, I was eager to attend and see what I could learn.
CascadeSF is a collective of San Francisco-based web designers and developers who meet periodically to keep up-to-date on design trends, standards, and techniques. On July 24th, the presenter was Pauly Ting, a Lead UX Designer at Tigerspike SF, founder of Feedia, and co-founder of TwoCents. The MeetUp was hosted in the offices of the residential real estate site, Trulia, just a block away from the Cooper studio.
Digital Evolution: From Fixed to Responsive Layouts
The focus of Pauly’s presentation was on planning content for responsive layouts. Responsive layouts present new challenges for organization and delivery of content. We are accustomed to the page-based approach to organizing content, largely because that is how content has always been organized and delivered. For example, the printing press has a fixed width and height based on the page size. The Gutenberg Press revolutionized content delivery in the 15th century by organizing content as hand-set letters and graphics arranged in rigidly determined rows that could then be mass produced. It was a new paradigm, taking book production from the hands of scribes locked up in monasteries, and distributing books more widely, making education of the masses possible for the first time, which of course changed the world.
We’ve all been there: you’ve got a few days to throw together a prototype. For expedience sake, you go to one of your large, well known tools to get the job done. The files quickly become bloated and crash—hours of hard work lost. There’s got to be a way to create prototypes at a similar level of fidelity with a lighter weight tool.
After test driving some alternative prototyping tools I discovered that there are indeed other good options. Here is an overview of what I found, followed by assessments of each tool, with hopes it will help fellow designers in the prototyping trenches.
Choosing the tools
After researching existing prototyping tools, I narrowed a long list of about 40 to a small set of 10 that looked the most interesting. Some factors that influenced which tools I selected include:
- Hearing about the tool from fellow Cooperistas or other colleagues.
- The popularity of the tool based on what I read in other blogs.
- Whether it looked cool or exciting from my first impression of the design and features.
This is not a comprehensive set of tools, but includes the ones that I was interested in checking out.
Hi, my name is Elisha, and I’m a developer. I know that most of you aren’t, but I want to talk about a fairly technical problem related to website optimization, and a new tool I developed to solve it — called Siteglass. Why would I want to do that? Because performance is an essential ingredient in good UX. But before I delve into that relationship, it might help to first know a little about what I do here at Cooper.
I’m a User Interface Developer. That means I take designs and turn them into interactive interfaces. As with all translations, there is a lot of room for interpretation. So, aside from the technical side of things, I consider it my main task to try to convey the intention of the design through the chosen platform (iOS, web, etc.). Sometimes there are creative choices, like defining the exact characteristics of an animation, but ultimately the goal is not to make the design my own but rather to not get in its way. This means doing whatever is possible to avoid degrading the design vision due to technical artifacts of the translation process.
Now let’s descend from the lofty height of that last paragraph and talk about websites. A lot of what I build these days are websites and they pose unique challenges, as each platform does. Browser inconsistencies, lack of typographical control and wide variations in screen size are some of the hurdles to creating a solid experience for users. Today I want to talk about an issue that is easily overlooked during design and development but can have a huge impact on user experience: page load performance.
Old School Radio Meets the Digital Age
Take a look inside Cooper’s June, 2013 UX Boot Camp with American Public Media’s Marketplace Money radio show, where students explored the next horizon of audio programming—a paradigm shift from broadcast to conversation-based platforms.
Students rolled up their sleeves to help the show respond to the trend away from traditional radio by finding the right mix of alternative distribution platforms. Marketplace Money came equally ready to take a radical departure from their current format in order to create a new model that redefines the roles of host, show, and audience in the digital age. To reach this goal, students focused on designing solutions that addressed three big challenges:
- Engage a new, younger audience that is tech savvy, and provide easy access to content via new platforms, such as podcasts, satellite radio shows, and the Internet.
- Inspire audience participation and contribution. Facilitate conversations and inspire people to share their personal stories so that listeners can learn from each other.
- Design ways for the host to carry an influential brand or style that extends beyond the limits of the show and engage with the audience around personal finance, connecting with listeners in ways that are likeable, useful, and trustworthy, making the topic of personal finance cool, fun and approachable.
At the end of the four-day Boot Camp, student teams presented final pitches to Marketplace Money, and a panel of experienced Cooper designers offered feedback on their ideas and presentations.In the following excerpts from each day, you can test your own sensory preferences for receiving content as you see, hear and read how design ideas evolved at the Boot Camp, inspiring new relationships between people and radio.
- Agile (24)
- Architecture (10)
- Automotive (5)
- Awards (4)
- Books (18)
- Branding (17)
- Business (55)
- Classes (43)
- Clients (19)
- Communicating design (53)
- Cooper (62)
- Cooper U (68)
- Critiques (49)
- Culture (4)
- Design & engineering (31)
- Design disciplines (15)
- Design in organizations (64)
- Design principles (49)
- Design the Future (12)
- Drawing Board (9)
- Education (41)
- Events (81)
- Experience design (58)
- Features (103)
- Financial services (13)
- Games (4)
- Humor (21)
- Industrial design (16)
- Information design (26)
- Innovation (72)
- Interaction design (163)
- Interaction patterns (20)
- Interface Design (19)
- Journalism (5)
- Leadership (7)
- Media (14)
- Medical (27)
- Methods (35)
- Mobile (34)
- News (32)
- Newsletters (34)
- Personas (40)
- Platforms & technology (22)
- Presentations (19)
- Product definition (16)
- Prototyping (7)
- Requirements (8)
- Research (38)
- Service design (23)
- Startup (12)
- Strategy (34)
- Sustainability (13)
- Tablet (13)
- Techniques (72)
- Travel (12)
- Trends (40)
- TV (6)
- Typography (7)
- User experience (28)
- Video (11)
- Visual design (51)
- Web (34)