{"id":2790,"date":"2023-03-27T13:24:53","date_gmt":"2023-03-27T13:24:53","guid":{"rendered":"https:\/\/www.originux.com\/resources\/?p=2790"},"modified":"2023-07-19T14:01:19","modified_gmt":"2023-07-19T14:01:19","slug":"dos-and-donts-for-better-ux-readability","status":"publish","type":"post","link":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/","title":{"rendered":"Do\u2019s and Don&#8217;ts for Better UX Readability"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_79 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#What_does_UX_readability_mean\" >What does UX readability mean?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#How_to_know_if_the_UX_is_unreadable\" >How to know if the UX is unreadable?<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#Here_are_five_ways_to_identify_poor_readability\" >Here are five ways to identify poor readability:<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#The_significance_of_typefaces_for_readability\" >The significance of typefaces for readability<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#7_Essential_Tips_to_Improve_UX_Readability\" >7 Essential Tips to Improve UX Readability:<\/a><\/li><\/ul><\/nav><\/div>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_does_UX_readability_mean\"><\/span>What does UX readability mean?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In short, readability in UX addresses the issue of whether all users can easily follow, comprehend, and identify the features of your website.<br><br>However, it&#8217;s important to understand the difference between readability and legibility before diving into this subject. Legibility refers to how easily font characters can be distinguished and read, often known as visual text clarity. Meanwhile, readability relates to the complexity of words in written content.<br><br>The content of your product should be equally accessible to all user groups to have decent UX readability. For instance, 2.2 billion individuals worldwide suffer from vision impairment, and 4.5% of the population is colour-blind. Every designer who understands the value of readability should be aware of these problems when designing user interfaces.<br><br>The ability to distinguish between good and bad readability is also critical.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_know_if_the_UX_is_unreadable\"><\/span>How to know if the UX is unreadable?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Readability measures how easy the written content is to read and follow. Copywriters, content writers, and designers are in charge of ensuring that written content is readable. Complex and long sentences, for example, could be clearer to follow and comprehend.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"866\" height=\"463\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/ux-unreadable-img.png\" alt=\"\" class=\"wp-image-2791\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/ux-unreadable-img.png 866w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/ux-unreadable-img-300x160.png 300w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/ux-unreadable-img-768x411.png 768w\" sizes=\"auto, (max-width: 866px) 100vw, 866px\" \/><figcaption class=\"wp-element-caption\">image credit : arngren.net<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Here_are_five_ways_to_identify_poor_readability\"><\/span>Here are five ways to identify poor readability:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"blue-points wp-block-list\">\n<li><strong>Dimensions of the typeface: <\/strong>The first indication of poor readability is an imbalance of typefaces.<\/li>\n\n\n\n<li><strong>Line&#8217;s height and width: <\/strong>&nbsp;Bad readability is caused by lengthy lines requiring scrolling or more work.<\/li>\n\n\n\n<li><strong>Case type:<\/strong> To improve readability, it is recommended to blend uppercase or lowercase letters.<\/li>\n\n\n\n<li><strong>The colour of the text:<\/strong> Poor colour selection or colours that clash with the background instantly degrade readability.<\/li>\n\n\n\n<li><strong>Contrast:<\/strong> The text is illegible due to the high contrast between the font and background colours.<\/li>\n<\/ul>\n\n\n\n<p>The screen&#8217;s size, technology, contrast, font size, colour, and text style all influence experience. These adjustments can enhance a users experience of the product.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_significance_of_typefaces_for_readability\"><\/span>The significance of typefaces for readability<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>One of the most crucial elements affecting readability is the use of fonts. Typography is arranging text letters to create legible and aesthetically pleasing written content. There isn&#8217;t a winning formula for the best typefaces to utilise for high readability because it&#8217;s such a broad topic in design.<br><br>Some typefaces are better suited for long reads, while others are better suited for titles and headers. Some are simply outdated, while others perform better in tiny or large font sizes in printed or digital media. Designers constantly maintain a delicate balance between current trends and user requirements.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"7_Essential_Tips_to_Improve_UX_Readability\"><\/span>7 Essential Tips to Improve UX Readability:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Below are some important tips that will help you improve your product&#8217;s or website&#8217;s readability and legibility.<\/p>\n\n\n\n<h5 class=\"one\">Choose typefaces carefully<\/h5>\n\n\n\n<p>Remember that various typefaces perform better at different sizes. Refrain from using overly complicated or widely used typefaces since they annoy users and is being used everywhere. For instance, users may identify once-popular gothic typefaces like Comic Sans since they are currently out of style.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"198\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/ux-readability-imgs.png\" alt=\"\" class=\"wp-image-2793\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/ux-readability-imgs.png 660w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/ux-readability-imgs-300x90.png 300w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/figure>\n<\/div>\n\n\n<h5 class=\"one two\">Avoid visual distractions<\/h5>\n\n\n\n<p>Using typefaces that are easy to read on screens is essential for improving UX readability. Simple and legible fonts like sans-serif styles are recommended, as they are more readable on screens compared to complex or decorative fonts. This helps to ensure that users can quickly and easily consume content without any visual distractions.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"674\" height=\"198\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/distractions-img.png\" alt=\"\" class=\"wp-image-2794\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/distractions-img.png 674w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/distractions-img-300x88.png 300w\" sizes=\"auto, (max-width: 674px) 100vw, 674px\" \/><\/figure>\n<\/div>\n\n\n<h5 class=\"one three\">Harmonize colors for optimal impact<\/h5>\n\n\n\n<p>When selecting colors for user interface designs, it&#8217;s important to choose hues that stand out from the background without creating too much contrast. This helps to improve UX readability by making the content easy to read and reducing eye strain.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"232\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/optimal-impact-img.png\" alt=\"\" class=\"wp-image-2795\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/optimal-impact-img.png 660w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/optimal-impact-img-300x105.png 300w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/figure>\n<\/div>\n\n\n<h5 class=\"one four\">Maintain the visual hierarchy<\/h5>\n\n\n\n<p>Maintaining a clear visual hierarchy is crucial for improving UX readability. By organizing content based on its level of importance and using design elements like size, color, and spacing to guide the user&#8217;s attention, designers can create a more intuitive and easy-to-understand interface.<\/p>\n\n\n\n<div class=\"visual__wrap\" style=\"display: flex;\n    align-items: center;\n    justify-content: center;\n    max-width: 850px;gap:25px;\n    margin: auto;\">\n<div class=\"visual__wrap-box\" style=\"\n    border: 1px solid #CACACA;\n    padding: 10px;\n    border-radius: 10px;\n\">\n<strong style=\"font-size: 20px;\n    text-decoration: underline;margin-bottom:15px;\">Ut enim ad minim veniam<\/strong>\n<p style=\"color:#404040;margin-top:15px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n<\/div>\n<div class=\"visual__wrap-box\" style=\"\n    border: 1px solid #CACACA;\n    padding: 10px;\n    border-radius: 10px;\n\">\n<span>Ut enim ad minim veniam<\/span>\n<p style=\"color:#404040;margin-top:15px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h5 class=\"one five\">Make sure that lines of text are short enough<\/h5>\n\n\n\n<p>To improve UX readability, it&#8217;s important to ensure that lines of text are not too long. Shorter lines are easier to read and can help prevent eye strain and fatigue. Designers can achieve this by adjusting font size, line spacing, and column width to create a more comfortable reading experience.<\/p>\n\n\n\n<h5 class=\"one six\">Limit the number of typefaces used on each screen<\/h5>\n\n\n\n<p>To maintain UX readability, it&#8217;s important to limit the number of typefaces used on each screen. Using too many different fonts can make the design feel cluttered and confusing. By sticking to one or two typefaces that are consistent throughout the design, users can better understand and navigate the interface.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"198\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/minim.png\" alt=\"\" class=\"wp-image-2809\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/minim.png 660w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/minim-300x90.png 300w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/figure>\n<\/div>\n\n\n<h5 class=\"one seven\">Confusing backgrounds can render even the greatest typeface unintelligible<\/h5>\n\n\n\n<p>The background of a design plays a crucial role in UX readability. Even the best typeface can become unintelligible if it&#8217;s placed against a confusing or distracting background. Designers should choose backgrounds that complement the text and ensure that there is enough contrast between the two to make the content stand out clearly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What does UX readability mean? In short, readability in UX addresses the issue of whether all users can easily follow, comprehend, and identify the features of your website. However, it&#8217;s important to understand the difference between readability and legibility before diving into this subject. Legibility refers to how easily font characters can be distinguished and&hellip; <a class=\"more-link\" href=\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/\">Continue reading <span class=\"screen-reader-text\">Do\u2019s and Don&#8217;ts for Better UX Readability<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":2814,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[6],"class_list":["post-2790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-ux","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Do\u2019s and Don\u2019ts for Better UX Readability | OriginUX Studio<\/title>\n<meta name=\"description\" content=\"Improve your website&#039;s user experience with these essential do&#039;s and don&#039;ts for better UX readability. Here are 7 tips from OriginUX Studio to improve UX Readability.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Do\u2019s and Don\u2019ts for Better UX Readability | OriginUX Studio\" \/>\n<meta property=\"og:description\" content=\"Improve your website&#039;s user experience with these essential do&#039;s and don&#039;ts for better UX readability. Here are 7 tips from OriginUX Studio to improve UX Readability.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/\" \/>\n<meta property=\"og:site_name\" content=\"OriginUX Studio\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-27T13:24:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-19T14:01:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/UX-Readability-featured.png\" \/>\n\t<meta property=\"og:image:width\" content=\"488\" \/>\n\t<meta property=\"og:image:height\" content=\"488\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"developer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"developer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/\"},\"author\":{\"name\":\"developer\",\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/person\/a461b353e7858d1a9c151e3555d4e3e7\"},\"headline\":\"Do\u2019s and Don&#8217;ts for Better UX Readability\",\"datePublished\":\"2023-03-27T13:24:53+00:00\",\"dateModified\":\"2023-07-19T14:01:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/\"},\"wordCount\":936,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/UX-Readability-featured.png\",\"keywords\":[\"UX\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/\",\"url\":\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/\",\"name\":\"Do\u2019s and Don\u2019ts for Better UX Readability | OriginUX Studio\",\"isPartOf\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/UX-Readability-featured.png\",\"datePublished\":\"2023-03-27T13:24:53+00:00\",\"dateModified\":\"2023-07-19T14:01:19+00:00\",\"description\":\"Improve your website's user experience with these essential do's and don'ts for better UX readability. Here are 7 tips from OriginUX Studio to improve UX Readability.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#primaryimage\",\"url\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/UX-Readability-featured.png\",\"contentUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/UX-Readability-featured.png\",\"width\":488,\"height\":488},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.originux.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Do\u2019s and Don&#8217;ts for Better UX Readability\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.originux.com\/resources\/#website\",\"url\":\"https:\/\/www.originux.com\/resources\/\",\"name\":\"OriginUX Studio\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.originux.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.originux.com\/resources\/#organization\",\"name\":\"OriginUX Studio\",\"url\":\"https:\/\/www.originux.com\/resources\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png\",\"contentUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png\",\"width\":120,\"height\":120,\"caption\":\"OriginUX Studio\"},\"image\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/person\/a461b353e7858d1a9c151e3555d4e3e7\",\"name\":\"developer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g\",\"caption\":\"developer\"},\"url\":\"https:\/\/www.originux.com\/resources\/author\/developer\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Do\u2019s and Don\u2019ts for Better UX Readability | OriginUX Studio","description":"Improve your website's user experience with these essential do's and don'ts for better UX readability. Here are 7 tips from OriginUX Studio to improve UX Readability.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/","og_locale":"en_US","og_type":"article","og_title":"Do\u2019s and Don\u2019ts for Better UX Readability | OriginUX Studio","og_description":"Improve your website's user experience with these essential do's and don'ts for better UX readability. Here are 7 tips from OriginUX Studio to improve UX Readability.","og_url":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/","og_site_name":"OriginUX Studio","article_published_time":"2023-03-27T13:24:53+00:00","article_modified_time":"2023-07-19T14:01:19+00:00","og_image":[{"width":488,"height":488,"url":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/UX-Readability-featured.png","type":"image\/png"}],"author":"developer","twitter_card":"summary_large_image","twitter_misc":{"Written by":"developer","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#article","isPartOf":{"@id":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/"},"author":{"name":"developer","@id":"https:\/\/www.originux.com\/resources\/#\/schema\/person\/a461b353e7858d1a9c151e3555d4e3e7"},"headline":"Do\u2019s and Don&#8217;ts for Better UX Readability","datePublished":"2023-03-27T13:24:53+00:00","dateModified":"2023-07-19T14:01:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/"},"wordCount":936,"commentCount":0,"publisher":{"@id":"https:\/\/www.originux.com\/resources\/#organization"},"image":{"@id":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#primaryimage"},"thumbnailUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/UX-Readability-featured.png","keywords":["UX"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/","url":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/","name":"Do\u2019s and Don\u2019ts for Better UX Readability | OriginUX Studio","isPartOf":{"@id":"https:\/\/www.originux.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#primaryimage"},"image":{"@id":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#primaryimage"},"thumbnailUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/UX-Readability-featured.png","datePublished":"2023-03-27T13:24:53+00:00","dateModified":"2023-07-19T14:01:19+00:00","description":"Improve your website's user experience with these essential do's and don'ts for better UX readability. Here are 7 tips from OriginUX Studio to improve UX Readability.","breadcrumb":{"@id":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#primaryimage","url":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/UX-Readability-featured.png","contentUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/03\/UX-Readability-featured.png","width":488,"height":488},{"@type":"BreadcrumbList","@id":"https:\/\/www.originux.com\/resources\/blog\/dos-and-donts-for-better-ux-readability\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.originux.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Do\u2019s and Don&#8217;ts for Better UX Readability"}]},{"@type":"WebSite","@id":"https:\/\/www.originux.com\/resources\/#website","url":"https:\/\/www.originux.com\/resources\/","name":"OriginUX Studio","description":"","publisher":{"@id":"https:\/\/www.originux.com\/resources\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.originux.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.originux.com\/resources\/#organization","name":"OriginUX Studio","url":"https:\/\/www.originux.com\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png","contentUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png","width":120,"height":120,"caption":"OriginUX Studio"},"image":{"@id":"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.originux.com\/resources\/#\/schema\/person\/a461b353e7858d1a9c151e3555d4e3e7","name":"developer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8684b89bdd0ee06a1ec43e071bb78e0c09b71b661f02a9c915021a05e5b7262?s=96&d=mm&r=g","caption":"developer"},"url":"https:\/\/www.originux.com\/resources\/author\/developer\/"}]}},"_links":{"self":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts\/2790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/comments?post=2790"}],"version-history":[{"count":21,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts\/2790\/revisions"}],"predecessor-version":[{"id":3288,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts\/2790\/revisions\/3288"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/media\/2814"}],"wp:attachment":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/media?parent=2790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/categories?post=2790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/tags?post=2790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}