![\"\"](\"https:\/\/designshack.net\/wp-content\/uploads\/crazyegg-fonts.jpg\")
<\/a><\/div>\nThis infographic from the CrazyEgg<\/a> blog is still one of the best complete examples of the psychology of fonts. <\/p>\n There are some pairing guidelines to start with for different typography styles.<\/p>\n As you browse some of the examples throughout this article, think about how the typefaces impact how you feel about or your trust in the design and what it is trying to say. What do you trust? What gives you pause?<\/p>\n Persuasive design is almost any type of graphic element that is intended to help someone make a choice. <\/p>\n The Interaction Design Foundation<\/a> explains it like this: \u201cPersuasive design is an area of design practice that focuses on influencing human behavior through a product\u2019s or service\u2019s characteristics. Based on psychological and social theories, persuasive design is often used in e-commerce, organizational management, and public health. However, designers also tend to use it in any field requiring a target group\u2019s long-term engagement by encouraging continued custom.\u201d <\/p>\n When you are thinking about design for websites you can further think about persuasive design as an approach that aims to influence and guide user behavior toward a certain conversion. This might use techniques such as making things easy or appealing, or using social proof or gamification. <\/p>\n The goal of persuasive design is to create products that are functional and able to influence users’ thoughts, emotions, and actions. All of this is accomplished through a combination of words, images, and visual elements \u2013 including typefaces. <\/p>\n Most of the time you probably aren\u2019t directly thinking about how typefaces are persuading you in a design. But everything about the font choices can create tiny reactions in your brain that make you feel a certain way about what you are seeing. <\/p>\n Some people love or hate serif typefaces online, for example. We\u2019ve been talking about whether sans serifs are better for online reading for more than a decade. On the other hand, many books use serif typography and no one questions it. <\/p>\n This impacts how you feel about the design and whether you feel it is credible or trustworthy. (Just think if you picked up a novel and it was printed in Comic Sans; you\u2019d have a certain feeling about that.)<\/p>\n UX Collective<\/a>\u2019s Dora Cee broke the context down like this, which makes a lot of sense.<\/p>\n \u201cSerifs decrease reading speed, so if you want your audience to spend more time on your content, you can use this to your advantage by picking, for example, Times New Roman, Garamond, Georgia, Didot, or whatever else takes your fancy from the Serif family.<\/p>\n \u201cWe can also shift the perspective here. For larger chunks of text, you may want to choose Sans-serif fonts for a speedier read \u2014 which also improves accessibility. The 10 percent of the population believed to have dyslexia will likely thank you for going sans to help with reading performance. Those with low vision also seem to prefer sans-serifs according to a research review.<\/p>\n \u201cSerif typefaces significantly increase memory recall. As highlighted before, because they take longer to read and decipher, they can lead to a deeper, more solidified knowledge.\u201d<\/p>\n You can also extend that context to a variety of other goals pertaining to website goals and tone. Font psychology can impact persuasion by:<\/p>\n When you think of persuasive design, e-commerce is probably one of the first things that comes to mind because it is a direct conversion and sale. Here are three designs that do a great job with font psychology and persuasion for their online stores. <\/p>\n Old Navy wants to feel young, fun, and approachable. They use easy-to-read fonts in bright colors to emphasize that emotional \u2013 and shopping \u2013 connection. <\/p>\n\n
What is Persuasive Design?<\/h2>\n
![\"\"](\"https:\/\/designshack.net\/wp-content\/uploads\/girlscode.jpg\")
<\/a><\/div>\n![\"\"](\"https:\/\/designshack.net\/wp-content\/uploads\/cmcc.jpg\")
<\/a><\/div>\n![\"\"](\"https:\/\/designshack.net\/wp-content\/uploads\/plasma.jpg\")
<\/a><\/div>\nHow Can Fonts be Used to Persuade?<\/h2>\n
![\"\"](\"https:\/\/designshack.net\/wp-content\/uploads\/rejoice.jpg\")
<\/a><\/div>\n![\"\"](\"https:\/\/designshack.net\/wp-content\/uploads\/sillybunny.jpg\")
<\/a><\/div>\n![\"\"](\"https:\/\/designshack.net\/wp-content\/uploads\/thomaslyte.jpg\")
<\/a><\/div>\n\n
3 Examples of Great Use of Fonts in Persuasive Designs<\/h2>\n
Old Navy<\/h3>\n
![\"\"](\"https:\/\/designshack.net\/wp-content\/uploads\/oldnavy.jpg\")
<\/a><\/div>\nVollebak<\/h3>\n
![\"\"](\"https:\/\/designshack.net\/wp-content\/uploads\/vollebak.jpg\")
<\/a><\/div>\n![\"\"](\"https:\/\/designshack.net\/wp-content\/uploads\/gxve.jpg\")
<\/a><\/div>\n