As a designer, I like order. When I design for print or web, I create a typographical system that establishes hierarchy and consistency. Most typography sources recommend something similar and would caution using multiple display fonts to set body paragraphs unless you want your project to look like a ransom note.
For the most part, I agree. It makes sense that higher retention could be achieved with increased legibility and consistent structure — but I have also learned there is another side to this argument, and it has to do with something called disfluent fonts.
Disfluent fonts have improved reader retention. Disfluency increases cognitive load on a reader, slowing down their reading speed. The jarring disruption prohibits the reader from getting comfortable with the conventions of a typeface. There are several ways this can be achieved; setting paragraphs in alternating typefaces or using an uncommon font with irregularities or flourishes can act as a legibility speed bump.
In other words, a designer’s worst nightmare. Using ugly fonts, breaking typographical rules and using typefaces outside of their designed use. I didn’t know if I was comfortable with this new finding or if I would actually find it useful. But as I researched further, I found that it isn’t necessarily about the ugliness of a typeface, but rather its unexpected form that increases the recall.
The Legibility Wars
Legibility is the most important factor considered when designing a new typeface. Whether you deal intimately with typography or not, we have visceral reaction to fonts that are difficult to read. Emigre was one of the first type foundries pioneering divergent type design. Many critics were so opposed to their experimental fonts that the debate was nicknamed “The Legibility Wars”.
With an instinctive reaction against disfluency, it seemed backwards to think that an illegible font can be more effective at conveying important information.
However, an article published in Cognition by Princeton psychologist, Daniel Oppenheimer that contradicts this thinking.
“Oppenheimer conducted a study on 28 college students where they were asked to read two fictitious biological profiles on the pangerish and the norgletti species. One profile was set in gray 12-point Comic Sans or Bodoni font and the other was set in black 16-point Arial font. After reading these profiles, they were asked to recall facts from both. The rate of retention for the profile set in the hard-to-read Comic Sans/Bodoni was 87% compared to 73% for 16-point Arial.”
Oppenheimer continued his study at an Ohio high school for a semester where he found that students performed better on tests when the material was presented in less legible typefaces.
The findings of the experiment support the disfluency theory; when information is set in a disfluent font, recall is improved when the reader is forced to slow down to decipher the words. Harder to read text is also harder to skim over.
User Experience and the Web
Now hold on a second — before we all start setting every other paragraph in a different typeface, take into account the context of the study. These students were required to read the passages and extrinsically motivated to pass a test. They were more determined to read the article to the end because they knew they would be quizzed on it later. Disfluent fonts work well in educational settings, but will they work well in other uses?
In UX design, removing unnecessary strain on users is paramount. Would you like to see a website navigation in Bleeding Cowboys?
Also take into account that we are in scan mode online. Most users read about 20% of the words on the average webpage according to Jacob Neilson’s eyetracking studies. Unlike in the Oppenheimer study, the only thing compelling us to read to the end of a webpage is our interest in the content.
If this post were more strenuous to read many people wouldn’t make it past the first sentence. Disfluent fonts can act as an inhibitor when the reader’s attention or motivation is weak to begin with.
In instances such as these there are small things we can do to emphasize important concepts and key takeaways when writing. Even the switch from regular to italic is a slight enough interruption that signals to the reader a heightened importance on a word or phrase.
In other cases, disfluency is a powerful tool for designers to create greater impact with their audience. David Carson used this technique successfully to create images that were difficult to decipher, but were extremely memorable. The disruption of the expected is what is truly effective in marketing.
Beauty and the Beast
In the definition of disfluency, I gave earlier, I described a disfluent typeface as ugly and displeasing to read. This is a bit misleading because it’s not a requirement that all disfluent type be ugly to function well.
A disfluent typeface could be beautiful while serving its purpose. In the same way that fonts like Dyslexie are designed to help people with dyslexia read with more ease, a font specifically created to slow readers down and increase retention could be produced.
Disfluency in Marketing
Like most things, there is a time and place to use disfluent fonts. Successfully reaching our audience with type is dependent on the methods used to modify it. Understanding the audience’s mindset is key in any form of communication, which will lead to a more thoughtful end result. When appropriately used, disfluency can be incredibly effective, but careful consideration must be taken to balance the strain on the reader.
As we continue searching for new ways to engage and interact with our audience, disfluency could prove to be a valuable tool. Disfluent practices could be used as a measure for viewer engagement. If 5% of your audience is determined enough to read through to the end, maybe you should be tailoring your marketing strategy to target this group more effectively. Who knows? The possibilities of disfluency are just beginning to be explored!
Sources and Links
- Oppenheimer study
- Study that builds off of Oppenheimer study and effect of disfluency on self-disclosure
- Another article recapping study
- A good resource for typography in use
- Jacob Neilson Studies
- Dislexia Font
- End of article, there is a negative view on the Oppenheimer study
- Study on the limits of disfluency
The new icon drops the ‘etflix’ with just the ’N’ remaining. The flat letterform has been redesigned as an angular ribbon with subtle drop shadows, giving the illusion of depth.
Netflix has described the icon as a “new piece of statement jewelry” on Twitter when some people questioned if the icon would indicate a full brand redesign. But the new icon — as of now — will only be used for the company’s social media profiles and mobile app.
For Netflix and for the user experience with their brand, the logo decision makes complete sense. Using only the ’N’ will be more recognizable and readable on small screens. And when you’re working with images that have display sizes equivalent to that of an eraser on a #2 pencil, maximizing screen space is the top priority.
This departure from the rest of the brand has some purists up in arms, asking why Netflix didn’t just use the ’N’ straight from their sans serif logo, forgoing the addition of a ribbon altogether. The result would have been just as effective.
However, using a unique icon that differs from the main logo is nothing new. In February, Uber electrified its users with a whole new brand design, including apps that departed drastically from the company’s logo. The white geometric — almost hieroglyphic icons are paired with crossing linear patterns unique to regions. Elegant, but almost too sophisticated. Like a Rothko painting, to truly understand Uber’s app icons, you need to read the rationale that lead to the aesthetic decisions. Which you can find on Uber’s brand standards.
If Uber’s new icons were like a shock wave, Netflix’s are barely a ripple. The new ’N’ is hardly revolutionary. Ribbon motifs are a pretty tired design trend, think 2011 Microsoft Suite. Although the Netflix icon is flatter and sharper, it seems a bit conventional. Perhaps the ribbon is meant to harken thoughts of the Hollywood red carpet or the red curtains in a film theater? Either way, it would be interesting to see what some of the runners up were.
Regardless, it makes me wonder, what other old design trends will resurface with the continued need to optimize for smaller screens and the strive to stand out from the crowd? Maybe, companies will return to the high-gloss, extruded plastic icons of web 2.0 next?