Category: Design

Psychology in Design: What Makes Images Effective

Psychology in Design: What Makes Images Effective

This summer, our intern Ronin Rodkey did research on how psychology can inform the design of good content. The following article is the last in a three-part series explaining his core findings. You can read the first article here and the second here.

 

We previously looked at the role more symbolic elements of design—like colors, shapes, or graphs—play in helping us process information. This article, by contrast, examines the role that images and symbols rooted in the real world play in our perception of material.

 

[Left: A side view of a golden retriever, a familiar dog from a familiar view. Right: A Pekingese from the front, an unfamiliar dog from an unfamiliar view.]

In the two side-by-side images from above, you probably identified the image on the left as a dog very, very quickly—probably within milliseconds of seeing it. The dog on the right—which is somewhat less classically dog-shaped than the first—probably took longer.

This is because humans are quite good at getting the “gist” of familiar images, but going beyond that can be more challenging. Show someone a picture of a street scene, a stop sign, or a tree, and their brains will very quickly connect that image to their stored memory of such visuals. Experiments have even shown that we are still quite good at perceiving the gist of images even if they are blurred or otherwise obscured[1].

Our brains are also quite good at assigning meaning to those images. When shown a picture of a dog, people are usually quick to make the connection of its being loyal, friendly, or playful. Show someone a picture of a mother and a child, and they can quickly assign emotion to the image.

There is one important caveat to this: Images must be easily identified. Our conceptions of things are based on prior experiences. People cannot be relied on to identify a dog breed they aren’t familiar with, or identify a street scene from an unusual perspective.

So what does this mean for design? Including simple imagery in content or advertisements can be a very effective way to help consumers derive meaning from materials with just a single glance—no need for sustained attention.

 

 

 

 

 

 

 

For example, in the above Facebook ads, Survey Monkey uses pictures effectively and Safari does not. Assuming the Survey Monkey ad is targeting people who play Playstation, someone scrolling past would be able to quickly identify the ad as depicting a Playstation controller—no reading required. They may stop scrolling to see if the ad is relevant to them.

While the Safari ad certainly has strengths, someone scrolling past who is interested in reading might not link Safari to books. Their picture displays their logo against what looks like a subway map; it fails to quickly inform consumers about the product at hand.

In data visualization, effective use of imagery can help readers quickly create connections between data and what the data is depicting. For example, the below chart on NFL injuries helps us easily make sense of where players sustain the most injuries; the below chart on pet statistics uses pictures and symbols to help us more easily register what each of the rows refers to.

 

 

 

 

 

 

 

 

 

In short, when images are presented to us in familiar ways—when we see scenes that we can easily grasp the gist of—the brain can quickly process and assign meaning to them.

 

References:

https://klientboost.com/ppc/facebook-ad-examples/

https://blog.capterra.com/free-and-open-source-data-visualization-tools/

Visual Thinking for Design by Colin Ware

Good Charts by Scott Berinato

Oliva, Aude, and Antonio Torralba. “Building the gist of a scene: The role of global image features in recognition.” Progress in brain research 155 (2006): 23-36.Pieters, Rik, and Michel Wedel. Gripping the Gist: What Ads Communicate in a Single Glance. Working paper, Tilburg University, 2009.

[1] Olivia and Torralba

Psychology in Design: Why Infographics Work

Psychology in Design: Why Infographics Work

This summer, our intern Ronin Rodkey did research on how psychology can inform the design of good content. The following article is the second in a three-part series explaining his core findings. You can read the first article here.

 

So far, we’ve learned why our brains more easily pick up on certain types of visual information. This article will examine why we would choose to use visual information over text in the first place—such as in infographics.

An infographic is 30 times more likely[1] to be read than a text article and three times more likely to be shared[2] on social media than any other type of content. They are considered much more engaging than traditional articles because consumers like engaging with visual content more than text—we’ve all felt relief after coming across a picture in an article that’s text-dense.

One reason why infographics are so effective is because while reading text is something we learn to do in school, interacting with visuals is something we’ve been primed to do from birth. About half of cerebral structures in our brains have a direct relation to visual function; while we have to decipher text word-by-word, visual processing can happen all at once, and much more efficiently. That’s part of why colored visuals increase people’s willingness to read a piece of content by 80% and why images can substantially improve people’s retention of such content.

Infographics also allow us to pair concrete images with abstract concepts. Research has shown that people are much better at remembering concrete terms (“dog,” “walking,” “Africa,” “green”) as opposed to abstract ones (“idea,” “engagement,” “communism”). Infographics assign visual representations to abstract terms, helping us process them better. For example, it’s hard to imagine what a 12% increase in web traffic or a 30-fold increase in views looks like without a visual reference.

As an added bonus, the format of infographics increases their shareability. A link to an article may only be displayed as text on social media or instant messaging, whereas infographics—which are often JPEGs or PNGs—are displayed as a whole on most platforms, making them more convenient and attractive for viewing.

OK, so if visuals are so great, why don’t I write this whole blog post in emojis? To answer that question, think about how you would draw a picture of the following sentence:

“I like to work in the library, but if it is too crowded, or if Rosa is there, I prefer the coffee shop.”

It’s quite hard, isn’t it? There’s a limit to how far visuals can go. Words like “if,” “otherwise,” “but,” or “while” are very difficult to draw, as they involve a form of abstract reasoning which is tough to put in the form of a picture. It is best to acknowledge that there is a limit to what can and should be represented pictorially.

Put simply, infographics allow us to balance thinking and seeing. They appeal to the more primitive parts of our brain which process visual information, while incorporating enough text to better help us process the information we’re looking at. This makes them a very valuable marketing resource.

So far, we’ve mostly looked at visualizations from a more abstract perspective. Next, in our final piece, we’ll look at how images can also be effective in appealing to the primitive parts of our brain, and what that means for marketing and advertising.

 

References:

Visual Thinking for Design by Colin Ware

Milovanovic, Dragana, and Leo Ivanisevic. “Infographic as a marketing communication tool.” 2014 New Business Models and Sustainable Competition Symposium Proceedings. 2014.

http://www.saurageresearch.com/visualizing-video-infographics/

https://www.searchenginejournal.com/visual-content-marketing-delivers-results-infographic/116496/

[1] https://www.searchenginejournal.com/visual-content-marketing-delivers-results-infographic/116496/

[2] http://www.saurageresearch.com/visualizing-video-infographics/

 

Psychology in Design: Why Things “Pop” (and Why They Don’t)

Psychology in Design: Why Things “Pop” (and Why They Don’t)

This summer, our intern Ronin Rodkey did research on how psychology can inform the design of good content. The following article is the first in a three-part series explaining his core findings.

Odds are that when you first opened this post, you noticed what was speshial about the fourth word in this sentence, but not the fourteenth. Why is that? Why is it easier for us to notice aesthetic differences in text, but relatively harder for us to recognize spelling mistakes?

The short answer is that our brains are not hard-wired to know the correct spelling of “special.” Nobody is born knowing how to spell words or even understanding what writing and the alphabet mean—but the mechanisms in our brains which can pick up on differences in color and size are hard-wired and subconscious, working automatically whenever we see something.

Basically, when we see things, our brains first work to pick up on differences in low-level features—color, size, orientation, motion, and depth—before moving on to detecting patterns within those features based on learned experiences. We sometimes say that these features are picked up on “preattentively”—meaning we notice them quickly, before other aspects of the visual.

Image caption: The MTA subway map uses white circles (or elongated circles) to display transfer points. Had they instead used black squares, the map would be much harder to read.

For example, you will notice a car is red before you notice it is a Toyota. In a parking lot full of 100 white Toyotas, one red Toyota, and one white Honda, it will be much easier to pick out the red Toyota than the Honda.

In fact, in that parking lot, our eyes will probably travel to the red Toyota before anything else. We are automatically attracted to differences in low-level features. Take the following graph, for example:

You probably noticed the blue and red lines—and the fact that they intersect—before you read the title of the chart or the axes. This is because they represent the biggest difference in terms of color and shape when compared to the background.

Designers should be mindful of these psychological phenomena when creating visuals. For example, the two charts below display the same data, but the first does it much more effectively.

 

 

 

Walmart jumps out at us in chart number one because the states where it’s the biggest employer are grouped together and are the same color—our eyes preattentively pick up on Walmart’s dominance via contrasts in size and color. In the second chart, New Mexico, Nebraska, Wisconsin, and North Carolina stand out first as the only red states on the map, even though these states aren’t the most important takeaway.

Preattentive processing is also worth noting when creating infographics. For example in the infographic to the right, from the Atlantic, our eyes are not first drawn to the central thesis—that it costs more to keep a prisoner in jail than pay for college tuition—but instead to (1) the dark images, which become distracting during reading, and (2) the data represented with many colors, such as the visual comparing African Americans in dorms and in prison. The designers should have taken into consideration the most important information to ensure that it stood out preattentively.

In part two of this series, we look at infographics again and examine why they work, and what makes them more compelling than pure text articles.

 

References:

Good Charts by Scott Beridano

Visual Thinking for Design by Colin Ware

3 Benefits to Visualizing Content

3 Benefits to Visualizing Content

We are creatures of habit. We gravitate towards what we know. So it’s not surprising that many firms still regularly publish long-form articles as their go-to thought leadership. But they may be missing a key opportunity: well-designed, accessible graphical content can be an effective strategy for both B2B and B2C communications.

Why? Three reasons:

 

1. Audiences are more likely to understand and remember

Your audience is busy, so help them prioritize information. Graphics can help organize and convey information quickly and simply. Visual content also brings a benefit in its stickiness, especially compared to other content types. If you hear a piece of information, you’re likely to remember only 10% of it three days later. [1] But add a picture, and the recall rate increases to 65% — an invaluable technique for marketers looking to educate their audiences.[2] And this technique is even more relevant for marketers in highly regulated industries from finance to pharma, who regularly relay complex statistics or detailed research.

2. Audiences are more likely to read and respond

If audiences can see in advance that content is going to take up less time and energy, they’re more likely to read it in the first place. Articles that include infographics generate an average of 178% more inbound links and 72% more views than all other posts.[3]

Even just coloring visuals has been shown to increase willingness to read content by 80%.[4] Infographics build brand recognition by strengthening perceptions of your business and its messaging.

3. Visual content is more multi-channel friendly

Importantly, infographics can be used again and again across multiple channels. A striking visual can be a great way of linking marketing campaigns across platforms. And simply including visuals will likely increase your content’s reach—visual content is 40 times more likely to be shared on social media.[5]

Few other adjustments to your creative process will make as much of an impact as incorporating graphical elements into your content strategy. I encourage you to identify at least one area to implement an infographic in your next content project.

 

Want to know more about how infographics can become a part of your content mix?

You can contact me at mstaknis@imprintcontent.com.

.

 

 

[1] http://www.brainrules.net/vision

[2] ibid.

[3] https://blog.hubspot.com/blog/tabid/6307/bid/33393/The-Marketer-s-Ultimate-Guide-to-Link-Bait.aspx#sm.0001h5vdmybjoedew9c2oonp879wc

[4] https://www.office.xerox.com/latest/COLFS-02UA.PDF

[5] https://blog.hubspot.com/marketing/science-behind-popular-infographics

Q&A with Ashley Brenner of Imprint, a Sullivan Content Lab, on Visual Content Best Practices

Q&A with Ashley Brenner of Imprint, a Sullivan Content Lab, on Visual Content Best Practices

Our Take

Imprint’s own Ashley Brenner lends her thoughts on Best Practices in Visual Content in this Q&A with the Content Council.

 

Ashley Brenner is a Creative Director at Imprint, a Sullivan Content Lab, and winner of The Content Council’s 2014 Best Creative Designer Award. We recently sat down with her to learn what she’s been up to since her win and learn what goes in to creating stand out visual content.

Read More at thecontentcouncil.org

B2B Buyers Say Interactive Content Is More Effective

B2B Buyers Say Interactive Content Is More Effective

Our Take

Attention B2B content marketers!  According to a recent DemandGen Report, there is so much content out there and so little time that creating interesting and interactive content is a way to break through.

 

DemandGen Report recently published the findings of its 2015 Content Preferences Survey . DemandGen has been conducting this survey annually since 2012, and it has always provided interesting insights regarding the content consumption behaviors and preferences of B2B buyers.

Read More at customerthink.com

Innovative Visuals that Create Brand Personality in the Banking Sector

Innovative Visuals that Create Brand Personality in the Banking Sector

Our Take:

Banks are known for helping you secure a financially sound future, plan your legacy, take care of your family and many more things. These are all aspects they are sure to touch upon in their marketing campaigns but the true success lies with those banks that are using engaging visual to reach their audiences. Is your bank doing this?

 

Read More at Logodesignguru

OPI Brilliantly Creates a Whole Alphabet From Drops of Nail Polish

OPI Brilliantly Creates a Whole Alphabet From Drops of Nail Polish

Our Take

The nail polish brand OPI has taken their marketing to a whole new level by creating a unique alphabet out of colors, along with a corresponding app and products to support the campaign. They are truly looking to interact with consumers in an innovative and unique way that definitely breaks down thre traditional walls of marketing.

 

Color can communicate a lot of information, but not as clearly as if it were an actual language. So OPI made it into one. A sassy, gorgeous new campaign from the nail polish company, created with TBWA’s DANParis, turns various shades of the brand’s product into an abstract, droplet-shaped alphabet that fans can use to chat on a special mobile app.

Read More at Ad Week

Creative Learning

Creative Learning

by ASHLEY LOGAN BRENNER

We always need to keep our desire to learn alive. I’ve been reading several articles recently about brainstorming—good or not so good?

Good.

In context of creative learning, you can always learn new ideas and processes from others. Keeping your mind open to alternate concepts helps to keep creatively nimble.

Brainstorming can be effective when there is a focused goal and a clear timeframe. What do you want the team to achieve? How much time do you have to think it through? No ideas are bad ideas.

Ultimately brainstorming is concerned with generating ideas—the spark. Used at the correct time in a process, it can be effective. However, when used throughout a process, not so good.

Not so good.

Coming to an action with design decisions is not truly a group activity. Group think doesn’t do justice to a strong end result. It lacks focus and momentum. Creative thinking is more web-like—one thought leads to another, instead of a group staying directed on one path.

Singular focus on one or two ideas makes the end result stronger. Details can be thought out and a quality outcome emerges with a point of focus.

Instead of a group, individuals have the opportunity to listen and then respond appropriately. To hear the questions and then respond to the How of a problem. Focused design thinking drives to quality outcomes.

Using Design Thinking AND Brainstorming
Within a process, design thinking and brainstorming can activate each other. Brainstorming can become part of your process—I would suggest it is the spark. For example, at Imprint, our team uses brainstorming at the kickoff phase of a project. This is a great time to get ideas out on the table. As the process to any project moves through the paces, design thinking (and evaluating) becomes more critical at different stages. This process preserves the relevant information to a project, and upholds the quality in results. And THAT benefits clients.

Here’s a short process of valuable brainstorming, and how you can use it:

1. New project : The sky’s the limit
Dialogue for 15 minutes about all possibilities. Creating without fear of failure allows for experimentation. For example, riff off a singular topic (health care) and apply the business objectives. What are the possibilities? No ideas are bad ideas.

2. Sort
Apply some parameters to your list. “How will these possibilities benefit the project?” Listen carefully to the intention for the outcome. We want to produce solutions that keep us leaping forward.

3. Design independently
Keep the creative learning alive. Take the possibilities and apply critical design thinking. Address the details and map the thinking back to project objectives. Focus.

How do you think brainstorming can be effective in the design process?

Here’s a link to another perspective on this subject:
Chuck Green’s PagePlane Blog on Brainstorming

Processing...
Thank you! Your subscription has been confirmed. You'll hear from us soon.
Get Our Latest Insights.
ErrorHere

Curated By Logo