{"id":4389,"date":"2017-10-08T09:00:53","date_gmt":"2017-10-08T08:00:53","guid":{"rendered":"https:\/\/da-manager.com\/blog\/?p=4389"},"modified":"2022-11-28T16:21:31","modified_gmt":"2022-11-28T15:21:31","slug":"drastically-improve-websites-ux","status":"publish","type":"post","link":"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/","title":{"rendered":"How to Drastically Improve Your Website\u2019s UX"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 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-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Design_for_the_users\" >Design for the users<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Less_is_more\" >Less is more<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Flow\" >Flow<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Visuals\" >Visuals<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Text\" >Text<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Navigation_bar\" >Navigation bar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#White_space\" >White space<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Above_the_fold\" >Above the fold<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Links\" >Links<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#CTA\" >CTA<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Contact_details\" >Contact details<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Social_media_links\" >Social media links<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Music\" >Music<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Mobile_compatibility\" >Mobile compatibility<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/da-manager.com\/blog\/drastically-improve-websites-ux\/#Footer\" >Footer<\/a><\/li><\/ul><\/nav><\/div>\n<p>When you watch a movie you expect it to take you on a journey; one filled with laughter, emotion, gratitude, or even inspiration. One of the main goals for movie producers is to get viewers to enjoy what they see and watch it until the end. When you think about it, this bears a striking resemblance to what you do when you create your own website. You want to provide a memorable and easy experience.<\/p>\n<p>A good website is measured by a few important elements, one of them being the length of each visit. The longer they stay, the more they will learn about your business and engage with what you offer. That brings us to our main topic; UX. UX stands for User Experience, which means that in order to have a successful website you must ensure its accessible, usable, efficient and easy on the eyes. All of these elements together will help you create a joyful journey for your visitors and maintain an exceptional UX. There are few methods that will help you master the art behind building websites that generate great engagement and user experience, and we\u2019ve broken down the most important ones:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Design_for_the_users\"><\/span>Design for the users<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Research and identify who your target audience is, and keep them in mind when creating every aspect of your website in order to meet their needs.\u00a0This also means that you should listen to your users and change the structure of your site according to their feedback.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Less_is_more\"><\/span>Less is more<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Researchers have identified that today; online users only have an 8-second attention span. That means you\u2019ve got to lure them in quickly! Your homepage should only include the most important details, like what your biz is all about. Since you\u2019ll have a ton of great content to share, it\u2019s best to link to inner pages or add anchors leading to different points on your page, where more information can be found.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Flow\"><\/span>Flow<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The flesh of your website is built on the framework you create. You need to establish structure and provide the necessary points a user needs. Create a flow that makes sense, is easy to follow and approachable to your target audience.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Visuals\"><\/span>Visuals<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u201cA picture is worth a thousand words.\u201d Who knew that this phrase from the early 20th century would be so relevant to our online world? One photo can help you keep your visitors interested and focused. Catch their eyes with a high-quality image that will lead them to useful information in just a click.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Text\"><\/span>Text<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Text is crucial to use for any piece of information (including this blog, right?) But take caution; there are some strict rules regarding how to include written content correctly throughout your site: check its readable (size and font type), don\u2019t use more than three types of fonts and use graphical bullet points if there are instructions of some sort.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Navigation_bar\"><\/span>Navigation bar<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>This is the control point that links the user to sections within your website. Think of it as your GPS for those who are visiting. Make things clear, visible and easy to explore. Your logo is your home base, so when a visitor clicks on it, they should be brought back to where their journey began; your homepage.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"White_space\"><\/span>White space<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Often referred to as negative space, white space is the portion of a page left unmarked or blank. So if you\u2019re a hoarder, make sure to clean out the trash when it comes to your online home! You must organize accordingly so that all different kinds of content (text, images, icons, etc.) have enough space to give your viewers a breather. That space between each element is super important for the flow and the processing of your website.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Above_the_fold\"><\/span>Above the fold<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>News Flash! Back in the day when newspapers were the main form of media, editors would ensure to include the important pieces of information on the first page, \u201cabove the fold.\u201d This refers to the way people would hold the paper in their hands; placing the most important text in the most visible space. The printed journalism industry has almost disappeared, but the idea of keeping what\u2019s hot on top is still a necessity when it comes to your homepage.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Links\"><\/span>Links<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>These are like the tour guides of your website. Use them to direct your visitors where you wish them to \u201ctravel\u201d next. Important fact: if the link is leading to content within your site, don\u2019t let it open in a new tab. If it\u2019s an outside source, then direct it to open a new window.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"CTA\"><\/span>CTA<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>These three letters stand for \u2018call to action\u2019. These are the buttons that tell your viewers exactly what you want them to do. Place them in strategic locations, add 2-3 words of action and choose a color that will pop!<\/p>\n<p>For example: Go to the Next Point&gt;&gt; but seriously now, please move to the next bullet point \ud83d\ude42<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Contact_details\"><\/span>Contact details<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>A success story usually ends when your visitors are interested in getting in touch with you! Your contact info needs to be located in an easy-to-reach place, and don\u2019t forget to add all the necessary means of communication (email, phone, address).<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Social_media_links\"><\/span>Social media links<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Does your small biz have a presence on social media (it really should by now!)? If so, then our point above relates to this as well. Think of these links as the sequel to your movie (aka website) you\u2019ve just let your visitors go through. Placing your social links in a visible place will encourage your users to keep navigating along the journey of your business.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Music\"><\/span>Music<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>As much as we probably would love dancing to your tunes, we don\u2019t recommend adding music that starts to play automatically. If you are a musician and this is part of your business, don\u2019t let it play on loop forever, forever, ever, forever, ever.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Mobile_compatibility\"><\/span>Mobile compatibility<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In a world where even your dog has its own Instagram account, you must take into consideration that most of your website\u2019s visitors will surf via their mobile. There are so many different types of screens available, and your goal is to show that good things come in small packages \ud83d\ude42<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Footer\"><\/span>Footer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You care about what shoes you wear each day, right? Then you should be treating your footer the same way. The bottom of your site needs to be as informative and visual as the rest of your homepage. Place links to the following pages: \u00a0<a href=\"https:\/\/www.da-manager.com\/creative-digital-agency\/\">About Us, <\/a><a href=\"https:\/\/www.da-manager.com\/contact-us\">Contact Us<\/a>, <a href=\"https:\/\/www.da-manager.com\/terms-conditions\/\">Terms of Service, <\/a><a href=\"https:\/\/www.da-manager.com\/privacy-policy\/\">Privacy Policy<\/a> and a Site Map (the list of all the pages you have included in <a href=\"https:\/\/www.da-manager.com\/\">the site),\u00a0<\/a>really hammer home smooth user experience.<\/p>\n<p>Seems like a whole lot to do for your website, huh? Well, it\u2019ll be worth all the time you put into it when your visitors have the best possible user experience.<\/p>\n<p>Don\u2019t forget: If you follow these tips, they will come!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you watch a movie you expect it to take you on a journey; one&#8230;<\/p>\n","protected":false},"author":1,"featured_media":4393,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","_mbp_gutenberg_autopost":false,"footnotes":""},"categories":[147],"tags":[175,132],"class_list":["post-4389","post","type-post","status-publish","format-standard","has-post-thumbnail","category-general","tag-ux","tag-website"],"modified_by":null,"_links":{"self":[{"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/posts\/4389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/comments?post=4389"}],"version-history":[{"count":0,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/posts\/4389\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/media\/4393"}],"wp:attachment":[{"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/media?parent=4389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/categories?post=4389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/tags?post=4389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}