{"id":8710,"date":"2023-07-25T14:18:52","date_gmt":"2023-07-25T14:18:52","guid":{"rendered":"https:\/\/www.uxdesigninstitute.com\/blog\/?p=8710"},"modified":"2024-01-16T12:48:05","modified_gmt":"2024-01-16T12:48:05","slug":"guide-to-emotional-content-design","status":"publish","type":"post","link":"https:\/\/www.uxdesigninstitute.com\/blog\/guide-to-emotional-content-design\/","title":{"rendered":"A complete guide to emotional content design"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">In an increasingly digital world, brands are constantly competing for users\u2019 attention. It takes about 0.05 seconds for users to form an opinion about your website\u2014and emotion plays a key role in helping them form that opinion.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Building an emotional connection with your audience is crucial to good UX. Emotionally compelling content is what causes a person to feel like a product or brand reflects their values. In other words, it\u2019s what keeps people coming back for more.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In this guide, we\u2019ll explore the role emotional content design plays in creating an effective user experience, outline some steps and best practices for incorporating emotion into your content strategy, and share three examples of emotional content design in action.\u00a0<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#what-is-content-design\"><span style=\"font-weight: 400;\">What is content design?<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#the-role-of-emotion-in-content-design\"><span style=\"font-weight: 400;\">The role of emotion in content design (with examples)<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#how-to-create-emotionally-compelling-content-for-digital-products\"><span style=\"font-weight: 400;\">How to create emotionally compelling content for digital products<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#emotional-content-design-best-practices\"><span style=\"font-weight: 400;\">Emotional content design best practices\u00a0<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#key-takeaways\"><span style=\"font-weight: 400;\">Key takeaways<\/span><\/a><\/li>\n<\/ol>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-certificate-in-content-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/content-design?utm_source=blog&utm_medium=blog_panel_text&utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN CONTENT DESIGN]<\/p>\n                    <span>Take our Professional Certificate in Content Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2><strong><a id=\"what-is-content-design\"><\/a>What is content design?<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Content design is the process of creating and structuring information in a way that\u2019s easy for people to understand and navigate.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Emotional content design is crucial for creating a seamless and engaging user experience, encompassing everything from copywriting and typography to images and videos. Content designers work closely with researchers, developers, and UX\/UI designers to develop a deep understanding of user needs and goals so they can create content that\u2019s accessible, understandable, and relevant.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To learn more, check out our <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-content-design\/#What-is%20-content-design-in-UX\/UI?\"><span style=\"font-weight: 400;\">complete guide to content design<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<h2><strong><a id=\"the-role-of-emotion-in-content-design\"><\/a>The role of emotion in content design\u00a0<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">As we explored in the previous section, content design is all about writing for the user. But to write for the user, you need to understand their needs, desires, and\u2014crucially\u2014their emotional drivers. This is where emotional content design comes in.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Emotional content design refers to the intentional use of emotional triggers through text, images, videos, or interactive elements to create a deeper connection with the audience. In essence, it\u2019s all about making users feel seen and understood in order to establish trust and loyalty.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s take a look at some additional benefits of emotional content design:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Engagement:<\/b><span style=\"font-weight: 400;\"> When users feel an emotional connection to the content, they\u2019re more likely to remember and engage with it\u2014especially when the content evokes strong emotions like happiness, anger, or surprise.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Action:<\/b><span style=\"font-weight: 400;\"> Content that resonates emotionally is much more effective at driving action. For example, a productivity app sign-up page that emphasises the positive emotions associated with achieving your goals (e.g., relief, empowerment, pride) might have higher conversion rates than one that focuses solely on the app\u2019s features.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Belonging:<\/b><span style=\"font-weight: 400;\"> Emotional content design can help create a sense of belonging. Representing users&#8217; emotions through content can make them feel part of a larger community or movement.<\/span><\/li>\n<\/ul>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-certificate-in-user-researchp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/user-research?utm_source=blog&utm_medium=%20blog_panel_text&utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN USER RESEARCH]<\/p>\n                    <span>Take our Professional Certificate in User Research<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h3><strong>Don Norman\u2019s three levels of emotional design (with examples)<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">In his book \u2018Emotional Design,\u2019 leading designer and researcher Don Norman provides a framework for designing products that resonate emotionally with users.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s take a quick look at Don Norman\u2019s three levels of emotional design; and how content designers can use this framework as guidance for emotionally-driven user experiences.<\/span><\/p>\n<h4><strong>1. Visceral design<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Visceral design is the initial impact that a product or design has on a person. First impressions matter (a lot), and the immediate, instinctive reaction users have when they first encounter your content will set the scene for how they\u2019ll interact\u2014or not interact\u2014with your brand going forward.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sometimes all it takes to decide whether a product is right for you is a gut feeling, so it\u2019s important to evoke a visceral response that accurately reflects your brand. For example, if you&#8217;re creating content for a fun and playful brand, you\u2019ll want to create a visceral response that&#8217;s lighthearted and entertaining.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mental health organisation <\/span><a href=\"https:\/\/www.mind.org.uk\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">mind.org<\/span><\/a><span style=\"font-weight: 400;\"> features an impactful problem statement on their homepage which a) evokes an immediate visceral reaction, and b) tells the user they understand the seriousness of what they might be dealing with.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8711\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2023\/07\/Screenshot-2023-07-25-at-14.39.33.png\" alt=\"visceral design example\" width=\"650\" height=\"342\" title=\"\"><\/p>\n<h4><strong>2. Behavioural Design<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">This level of emotional content design is all about usability and functionality; in other words, how people interact with your content. Behavioural design seeks to make the product or design intuitive and easy to use, which can lead to positive emotions like satisfaction or delight.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For content designers, this means ensuring your content is well-organised, easy to read, and easy to navigate\u2014so your users can quickly achieve their desired outcomes.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><a href=\"https:\/\/www.gov.uk\/bank-holidays\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Gov.uk<\/span><\/a><span style=\"font-weight: 400;\"> bank holiday page is a great example of behavioural content design at play (no surprises there\u2014it was while working for the UK government that Sarah Winters founded the discipline!).\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Rather than a spreadsheet full of dates, the site immediately tells the user when the next bank holiday is before listing the rest of the upcoming days off. The page also features a button users can click to add bank holiday dates to their calendars.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8712\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2023\/07\/Screenshot-2023-07-25-at-14.40.34.png\" alt=\"behavioural design example\" width=\"622\" height=\"440\" title=\"\"><\/p>\n<h4><strong>3. Reflective Design<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Reflective design refers to people&#8217;s emotional response when using or interacting with a product or design, and the meaning they attach to your content. Don Norman refers to reflective processing as the only conscious form of processing; this is when users <\/span><i><span style=\"font-weight: 400;\">really<\/span><\/i><span style=\"font-weight: 400;\"> consider a product\u2014from how relevant it is for their needs, to how it reflects on them to use it.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Reflective content design is all about storytelling; building a compelling narrative that resonates with your users on a deep, emotional level. This means creating content that taps into people&#8217;s values, beliefs, and aspirations\u2014which could be anything from a notification after achieving a certain goal, or opportunities for personalised interaction. <\/span><a href=\"https:\/\/www.headspace.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Headspace<\/span><\/a><span style=\"font-weight: 400;\"> has incorporated reflective emotional content design into their app by allowing users to send motivational messages to their friends.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8713\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2023\/07\/Screenshot-2023-07-25-at-14.44.14.png\" alt=\"reflective design example\" width=\"400\" height=\"804\" title=\"\"><\/p>\n<h2><strong><a id=\"how-to-create-emotionally-compelling-content-for-digital-products\"><\/a>How to create emotionally compelling content for digital products<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">With a solid understanding of what emotional content design looks like, let\u2019s dive into some of the steps content designers can take to incorporate emotion into their content strategies.\u00a0<\/span><\/p>\n<h3><strong>1. Research your audience<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">The first step in creating emotionally compelling content is understanding who your audience is, and what emotions are most likely to resonate with them. Conducting extensive <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-user-research\/\"><span style=\"font-weight: 400;\">user research<\/span><\/a><span style=\"font-weight: 400;\"> (including surveys, interviews, and workshops) will help you gain insights into your audience\u2019s values, interests, and pain points\u2014which can then be distilled into comprehensive <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-are-ux-personas\/\"><span style=\"font-weight: 400;\">user personas<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">What feelings do they experience when they use a similar product or service? What pain points are they trying to overcome? By understanding your audience\u2019s emotions, you can create content that speaks to them on a personal level.\u00a0<\/span><\/p>\n<p><b>Pro tip:<\/b><span style=\"font-weight: 400;\"> The more granular you go with your research, the better. You want your content to resonate with as many users as possible, rather than a select few.\u00a0<\/span><\/p>\n<h3><strong>2. Define your goals<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">With a comprehensive understanding of your audience, it\u2019s time to define your goals and decide on the specific emotions you want to evoke with your content. This can include emotions such as joy, empathy, or trust.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With your goals defined, you can start creating a content strategy that evokes visceral, behavioural, and reflective emotions at various touchpoints across the user journey\u2014from the initial landing page to the point of purchase or sign-up.\u00a0<\/span><\/p>\n<h3><strong>3. Use storytelling<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">When it comes to evoking strong emotions (like inspiration and hope), <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/storytelling-in-ux-design\/\"><span style=\"font-weight: 400;\">storytelling is one of the most powerful UX tools there is<\/span><\/a><span style=\"font-weight: 400;\">. By telling a story, you can move beyond features and benefits and create a cohesive narrative that engages your audience.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Good storytelling in content design should be authentic and speak to the values of your brand. It should also be relatable and meaningful to your audience. It all goes back to your brand\u2019s mission statement: Who is this product for? What does the product seek to achieve? Why should people use this?\u00a0<\/span><\/p>\n<h3><strong>4. Leverage the power of visuals\u00a0<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Humans are visual by nature, and we process images and graphics much faster than text. Users can quickly experience \u2018information overload\u2019 when faced with text-heavy interfaces, so it\u2019s important to use visual mediums like images or videos to quickly and effectively convey emotions.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The visuals you choose should tie into your overarching story or narrative, and provide an immersive, interactive experience that engages your audience on an emotional level. For example, instead of a big block of text explaining the product\u2019s benefits, you could feature a video demonstrating the product in use\u2014and the problem it solves.<\/span><\/p>\n<h3><strong>5. Humanise your content\u00a0<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Both voice and tone both have a huge impact on users\u2019 emotional responses. By using the right words, you can create a sense of urgency, excitement, or inspiration. At the same time, using the wrong words can create negative emotions\u2014like frustration or confusion. For example, when used correctly, humour can be a powerful emotional driver and help build a strong connection with your audience. But when misused, it can come across as overfamiliar or disingenuous.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For maximum impact, it\u2019s essential to remain as human-centric as possible. Allow your content to be guided by the user research and personas you created in step one, and think about how real people would interpret each word. You can also include user-generated content like reviews, quotes, or case studies for added authenticity.\u00a0\u00a0<\/span><\/p>\n<p><b>Pro tip:<\/b><span style=\"font-weight: 400;\"> Just like UX design, it\u2019s crucial that you <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/why-ux-testing-is-so-important\/\"><span style=\"font-weight: 400;\">test your content with real users<\/span><\/a><span style=\"font-weight: 400;\"> so you can continuously improve and refine your content.\u00a0<\/span><\/p>\n<h2><strong><a id=\"emotional-content-design-best-practices\"><\/a>Emotional content design best practices\u00a0<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">To guide your content creation process, here are some best practices for a positive emotional response from your users:\u00a0<\/span><\/p>\n<ul>\n<li><b>Be authentic: <\/b><span style=\"font-weight: 400;\">Don\u2019t just tell your audience what you think they want to hear. Align your messaging with your brand, and ensure continuity in the language used at every customer touchpoint throughout the user journey. <\/span><\/li>\n<li><b>Consider accessibility: <\/b>Emotional content design should also be accessible to all users, including those with disabilities. Consider how you can make your emotional content design as inclusive and accessible as possible. You can learn more about how to design accessible and inclusive content, and why it matters, in this guide.<\/li>\n<li><b>Use humour with care:<\/b> As mentioned previously, humour can be a powerful tool\u2014but it should be used with care. Make sure the humour is appropriate for your audience and doesn&#8217;t detract from the message or tone of the content.<\/li>\n<li><b>Avoid manipulative tactics:<\/b> Emotional content design should be used ethically, intentionally, and with plenty of consideration. Avoid using manipulative tactics or emotional triggers that deceive or pressure your audience.<\/li>\n<li><b>Focus on benefits, not features: <\/b>Naturally, you\u2019ll want to highlight the product\u2019s features\u2014but features alone aren\u2019t enough to create an emotional connection. Instead, focus on the benefits. How does your product make your customer\u2019s life better? What problems does it solve? By highlighting the benefits, you show your audience that you understand their needs.<\/li>\n<\/ul>\n<h2><strong><a id=\"key-takeaways\"><\/a>Key takeaways\u00a0<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">When optimising user experience and elevating engagement, emotion is one of the most powerful tools in a content designer\u2019s arsenal. When used correctly, emotional content design appeals to the users\u2019 emotions and motivates them to take action\u2014whether that\u2019s making a purchase, signing up for a service, or sharing your brand story with others.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As we\u2019ve explored in this blog post, emotions can be sensitive. It\u2019s vital to handle emotional content with care to avoid offending some users for good. The key to success? Extensive user research and testing. Much like UX design, content design is an iterative process.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019re looking to learn more about content design, check out these related blog posts:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-ux-writing\/\"><span style=\"font-weight: 400;\">What is UX writing and how do you do it? Tips for beginners<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-information-architecture\/\"><span style=\"font-weight: 400;\">What is information architecture?<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/examples-of-good-digital-ux-design\/\"><span style=\"font-weight: 400;\">7 Examples of good digital UX design<\/span><\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Building an emotional connection with your audience is crucial to good UX. Emotionally compelling content is what causes a person to feel like a product or brand reflects their values. <\/p>\n","protected":false},"author":35,"featured_media":8716,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[278,279],"tags":[362],"class_list":["post-8710","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-ux-explained","tag-content-design"],"_links":{"self":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/8710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/comments?post=8710"}],"version-history":[{"count":6,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/8710\/revisions"}],"predecessor-version":[{"id":9752,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/8710\/revisions\/9752"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media\/8716"}],"wp:attachment":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media?parent=8710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/categories?post=8710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/tags?post=8710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}