{"id":6429,"date":"2022-03-31T11:33:33","date_gmt":"2022-03-31T11:33:33","guid":{"rendered":"https:\/\/www.uxdesigninstitute.com\/blog\/?p=6429"},"modified":"2024-01-16T14:30:40","modified_gmt":"2024-01-16T14:30:40","slug":"improve-ux-design","status":"publish","type":"post","link":"https:\/\/www.uxdesigninstitute.com\/blog\/improve-ux-design\/","title":{"rendered":"Less is more: How stripping back can improve UX\u00a0Design"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">One of the biggest lessons that we learned in recent years is that if life can be made easier, we should do all we can to achieve that. Many people are embracing a simpler life in a post-Covid world <\/span><span style=\"font-weight: 400;\">and it&#8217;s an idea that we should also implement to improve UX design.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So, how can we insert a similar sense of balance into everyday products? The answer is straightforward: do less. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cluttered websites and complex phone apps can contribute to the stress of our daily lives if they don\u2019t load properly or fail to give us the information that we are looking for. But if we enact simple but clever practices into our designs, users will not just continue using our products but happily using them too.\u00a0<\/span><\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-diploma-in-ux-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\/ux-design?utm_source=blog&utm_medium=blog_panel_pdux&utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN UX]<\/p>\n                    <span>Take our Professional Diploma in UX Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<p><span style=\"font-weight: 400;\">When it comes to clear-cut messaging, less is more. In <\/span><a href=\"https:\/\/lawsofsimplicity.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">The Laws of Simplicity<\/span><\/a><span style=\"font-weight: 400;\">, technologist and product experience leader John Maeda offers ten laws for <\/span><span style=\"font-weight: 400;\">balancing simplicity and complexity in business, technology and design. We take inspiration from his laws to apply simple and effective UX Design that requires less fussy features while giving the user more in return.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6430 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-30-at-12.52.25.png\" alt=\"The Laws of Simplicity, John Maeda: lawsofsimplicity.com\" width=\"2504\" height=\"1410\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Identify your product\u2019s purpose<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">While it may be tempting to offer a range of services, identify your product\u2019s leading purpose before you begin <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/best-prototyping-tools-for-ux-designers\/\">developing prototypes.<\/a> By having a definitive purpose, your users will immediately recognise if they have a need for your product. For example, the product description for WhatsApp is \u201creliable messaging\u201d and it can be used to send messages, make calls and share files, video and voice notes. However, it doesn\u2019t step outside the lines of communication by offering weather updates or including built-in shopping links and that\u2019s what makes it so useful.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6431 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-30-at-12.48.41.png\" alt=\"whatsapp less is more\" width=\"1824\" height=\"1212\" title=\"\"><\/p>\n<h3><span style=\"font-weight: 400;\">Remove the clutter<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">To create a stress-free experience that\u2019s easy on the eye, remove any text or design elements in the <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/best-ux-wireframe-tools\/\">wireframing process<\/a> that distract from the product\u2019s purpose. Through <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/best-ux-research-tools\/\">user research<\/a>, you can assess which features are secondary, unused or totally unnecessary and, as a result, provide a cleaner space to navigate. Always ask \u201cwhy is this here?\u201d and if you can\u2019t find an answer, consider removing it entirely.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Share users\u2019 engagement in a meaningful way\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">While research is a key element of UX Design, users are generally not interested in seeing a list of numbers. If you want to share data that mark changes, growth or achievements in your product or acknowledge the relationship between the product and its users, display it in a visually engaging way. By using clever graphs or entertaining in-app animations, such as <\/span><a href=\"https:\/\/youtu.be\/hpwv5tiQGKk\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Spotify\u2019s end-of-year Unwrapped campaign<\/span><\/a><span style=\"font-weight: 400;\">, users will see &#8211; and share &#8211;\u00a0 the direct link between them and the product\u2019s success without getting bogged down by numbers.<\/span><\/p>\n<p>&nbsp;<\/p>\n<div class=\"embed-yt ratio ratio-16x9\"><iframe loading=\"lazy\" title=\"How It&#039;s Made: Wrapped\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/hpwv5tiQGKk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Allow for quick and easy decision making<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">When people use your product, they want to be led by your professional expertise. They want to know that they can trust your suggestions, rather than wasting their own time researching what it is that you have on offer and weighing up the pros and cons. By creating a streamline effect by guiding them along with direct instructions, you eliminate the effort that they have to put in.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Provide quality choices for users<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">When you are presented with too many options, it can be overwhelming and eventually lead to \u201cdecision fatigue\u201d. This point is explored further in Hick\u2019s Law, a key practice in UX Design. \u201cThe time it takes to make a decision increases with the number and complexity of choices\u201d, which can lead to irrational or rushed decisions.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/courses\/free-ux-design-course\/\"><span style=\"font-weight: 400;\">In our Why Less is more in UX <\/span><\/a><span style=\"font-weight: 400;\">module, we cite<\/span><a href=\"https:\/\/www.ted.com\/talks\/barry_schwartz_the_paradox_of_choice\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\"> Barry Schwartz\u2019s Paradox of Choice<\/span><\/a><span style=\"font-weight: 400;\"> as a resource. He suggests that too much choice \u201cproduces paralysis rather than liberation\u201d. We can have it all but what if having it all is simply too much? To solve this, we shouldn\u2019t overload users with options and choices. We should create a smooth decision-making process rather than creating extra work for them.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Using Netflix\u2019s payment plan as an example, look how they break down the different costs and services within each plan. There\u2019s little room for hesitation and no questions are left unanswered.\u00a0\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\"> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6432 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-30-at-10.47.31.png\" alt=\"netflix less is more\" width=\"2804\" height=\"1358\" title=\"\"><\/span><\/p>\n<h3><\/h3>\n<h3><span style=\"font-weight: 400;\">Highlight the logical next steps\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">To make sure your user doesn\u2019t get lost within your project, plan their journey from start to finish with clearly labelled sections and directions. Ask what is it that they <\/span><i><span style=\"font-weight: 400;\">want<\/span><\/i><span style=\"font-weight: 400;\"> from you and what is it that you <\/span><i><span style=\"font-weight: 400;\">need<\/span><\/i><span style=\"font-weight: 400;\"> them to do? For example, if you are selling a product, your customers will need to read up on the product in the information section. Within that section, they should clearly see the \u201cbuy\u201d button option. This is known as the Law of Common Region, which is explored <a href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ui-design\">further in UI Design<\/a>, and it creates a clear structure for the user to follow.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Amazon gives their users two options when they are reading up on a product: add to cart or buy now. The first allows them to keep browsing and return to the product later, and the second option allows them to buy the product instantly.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6433 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-30-at-11.26.26.png\" alt=\"audible less is more\" width=\"2658\" height=\"1318\" title=\"\"><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Prioritise information<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Users usually take a \u201cskim reading\u201d approach to whatever page they are on, with the brightest or biggest font style drawing their eye to the most important information. Inspired by Gestalt\u2019s focal point principle, the brain appoints a visual hierarchy on things that stand out from a regular pattern. Anything that doesn\u2019t follow a pattern grabs our attention first and anything that does comes second. <\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u201cChunk\u201d similar sections\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Instead of having multiple categories that cater to the extreme individual purpose of each feature or product, group similar items in one section for a sensical and relatable experience. This is referred to as \u201cchunking\u201d and it stems from Miller\u2019s Law, which suggests that the average person can keep roughly seven items in their working memory. By \u201cchunking\u201d and adding a defining border around each group, the user can share and process data faster and remember it more easily.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When creating a product in Stripe, they chunk each section very clearly so that the listing process is quick, easy and very clear.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6434 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-30-at-11.14.34.png\" alt=\"stripe less is more\" width=\"2192\" height=\"1418\" title=\"\"><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Stripping back on features is one of the most beneficial things you can do in UX and if you&#8217;d like to read more about improving UX, read this guide on choosing the <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/best-prototyping-tools-for-ux-designers\/\">right UX and UI protoyping tools,<\/a> <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-documentation-tools\/\">our favourite documentation tools,<\/a>\u00a0our <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/best-ux-wireframe-tools\/\">top ten wireframing tools<\/a> and our ultimate guide to the <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ui-ux-design-tools\/\">best UX tools you should be using this year<\/a>.\u00a0\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We look into how simpler product designs can create an even more valuable experience for users\u00a0<\/p>\n","protected":false},"author":24,"featured_media":6435,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[278],"tags":[309],"class_list":["post-6429","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-improving-ux"],"_links":{"self":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/6429","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\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/comments?post=6429"}],"version-history":[{"count":13,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/6429\/revisions"}],"predecessor-version":[{"id":9776,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/6429\/revisions\/9776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media\/6435"}],"wp:attachment":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media?parent=6429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/categories?post=6429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/tags?post=6429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}