Image for post
Image for post
Illustration by Edward Abbott

Why Human-Centered Design Needs a Visual Storyteller, and How I Became One

Edward Abbott
Sep 12, 2017 · 8 min read

People think better in pictures. Some authors draw out an entire world and their characters before they ever start writing. Imagine how helpful it would be as a writer to see your characters as they interact with their surroundings while you tell the story of their journey and experiences. As a designer, this idea of capturing customer journeys by sketching them is how I better understand customers and their needs.

I’m a visual and experience designer at Capital One; it’s my job to make sure that when a customer uses our products they don’t have to think about how it works. That’s great—but I wanted to build on that. In some cases, customers are interacting with us under inexact circumstances. What if your debit card was lost or stolen? What if you saw fraud on your account? It can be scary stuff. It’s also a defining moment for how we react and what we serve to them.

Jumping in on a project and moving right from research and customer interviews to high-fidelity design has been done and can work. With this approach, maybe you’ll get lucky with a perfectly intuitive customer experience. But do you really get it? Can you really have empathy for exactly what customers need without hearing it directly from them? If you have the capacity, I really recommend being there from the beginning. And if you’re able to be there from the beginning, I’ve found that sketching those experiences is one of the best ways to share that empathy with those who can’t be.

Image for post
Image for post
“No, not my wallet!”

Now, I understand that we all can’t be there 100% of the time. It’s just not realistic. Before we figure out how to solve for the problem we need to understand the customer narrative and how we can socialize that story to our stakeholders. An illustration gives them a real-life visual example of who we need to help, what they are going through, and how we can start to think about helping them.

Visual Storytelling helps translate empathy for other designers, stakeholders, and partners who don’t get to be there during research.

Before I start putting “pencil to paper” to sketch out the customer experience, I am able to visualize their words. I remember how they felt and how excited they were to get their problem resolved. I can now tell that story through illustration. It gives me that connection, that true feeling of human-centered design.

Image for post
Image for post
“I really need my card but I can’t leave the house”

I was drawing a storyboard for an internal animated video of On-Demand banking products. The experience involved a customer who had a plumbing disaster in her home. She also needed to order a new debit card but couldn’t leave her home to go to a branch. Because I could listen to her story, see her expressions and feel her frustration, I could visualize that anxiety.

Creating a role out of a need

It was later when I started working with a new team and focusing on more innovative banking products and services that a need arose to visualize interactions that aren’t yet developed. These customer interactions are a unique blend of touch points that are both physical (offline) and digital (online). They aren’t always centered around an app or interface. Testing these concepts with our stakeholders (just like we do with low-fidelity prototypes) helps us to gauge and test hypothesis before we go and build an end-to-end high-fidelity experience prototype. My team’s reaction to this method has been really positive and encouraging. I asked fellow designer and team leader Daniel Filler, how he remembers helping to guide me in this direction:

“There’s something extremely effective about lower fidelity illustrations — it sets the tone that this experience is conceptual, it’s an idea that invites the same level of constructive feedback that a low-fidelity prototype would.”

Fast forward to today, I don’t design for the web at all. I visualize and illustrate customer experiences. I tell stories. I’m bringing my foundational skills as an artist to work and using them to help the customer.

As such I’ve been working to establish my personal brand within Capital One as an illustrator. This is not a position that ever existed prior. It’s not an official title but word is getting around and the demand for my type of work has definitely increased.

The value of visual storytelling in the design process

Without visual storytelling things could get lost in translation. If our internal customers can’t see what we see, more is left open to interpretation and imagination.

It greatly helps me to be there early in the process, and illustrating those interactions with customers helps bring our partners into the early stages of the process when we explore why we’re designing these products and services; who they’re for. I asked Jeremy Phillips, a product manager, his thoughts on how being involved early with strategy and product helps us better visualize the experience.

“I definitely think it’s important to have all stakeholders present for the user feedback and the user experience. It’s difficult to understand our goals for the project without seeing the customer reaction and hearing banker feedback firsthand.”

The ultimate goal is to not just be a guy who draws nice pictures to make a keynote deck look better. The bigger picture is that I support my team with all aspects of getting products to customers. It’s my hope that visual storytelling will also help to shape the larger picture like project roadmaps and business strategy.

Illustration is relatable and impactful

Image for post
Image for post
Illustration by Chad Poorman

“As we reimagine the consumer application process for mortgages, we’re using illustrated storyboards to develop our user personas, and communicate stories to our stakeholders (internally). Illustration is relatable. It brings a fun, more human element to the table that helps creates conversation and allows everyone to engage a bit more during meetings. And engaging our partners in the design process is ultimately what helps us deliver great products.”

Erik Jutras works with Small Business. For him, illustrations help to create visual representations of customer frustrations and pain points that they encounter in their day to day lives while running their businesses.

Image for post
Image for post
Illustration by Eric Jutras

“The storyboards really helped our partners (product, design, engineering) visualize the various use cases of our product, while providing the foundation for discussions between our partners regarding the functionality of the product and its feasibility of implementation.”

Kevin Kalahiki—a fellow comic geek who works with Erik said,

“Storyboarding is about as close as I’ve come to fulfilling my childhood dream of drawing comics for a living. The tale of funding a brand new small business savings account is not quite as perilous as the tale of Earth’s mightiest heroes taking on Thanos, but it will do.”

Image for post
Image for post
Illustration by Kevin Kalahiki

Finding others like myself who work at the Bank and have also been introducing their interest in drawing and illustration to their work has been very encouraging. It’s especially satisfying that they are finding success with the process.

The Story Behind the Artwork

“I wanted to express and show people, instead of explaining to them, how it was to live in an attic apartment and how the walls were, and that the bathtub was in the kitchen. Of course, when you draw that — ‘Oh, he’s sitting in the bathtub and the phone rings’ — it’s much more lively.”

The quote is in reference to making the 50th anniversary graphic novel that tells the story around creating the iconic cover to the Beatles Revolver album.

The assumption is that at a bank, products and services are very process-oriented. So the presentations and design behind it would be also. Myself and the other human-centered designers are working to change that. This same principle could work anywhere. I’m not just creating visual stories that only relate to people and money. This can be done with anything. Just listen and visualize.

Thanks for reading! Check out ONE Design’s open positions here.

One Design Community

Stories from Capital One's designers on how using humanity…

Edward Abbott

Written by

Artist, illustrator, designer, maker. Visual Designer at Capital One.

One Design Community

Stories from Capital One's designers on how using humanity, simplicity, and ingenuity can empower people to have better control over their money.

Edward Abbott

Written by

Artist, illustrator, designer, maker. Visual Designer at Capital One.

One Design Community

Stories from Capital One's designers on how using humanity, simplicity, and ingenuity can empower people to have better control over their money.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store