{"id":22006,"date":"2021-08-04T12:00:00","date_gmt":"2021-08-04T11:00:00","guid":{"rendered":"https:\/\/fifteen-staging.fifteen.dev\/blog\/the-elements-of-user-experience\/"},"modified":"2024-09-24T12:49:30","modified_gmt":"2024-09-24T11:49:30","slug":"the-elements-of-user-experience","status":"publish","type":"post","link":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/","title":{"rendered":"The elements of user experience"},"content":{"rendered":"
\r\n

Welcome to our blog, covering the different elements of UX, also known as User Experience. UX design holds huge importance within the digital world, with Google placing an increased amount of ranking value behind it. We have more information on how UX fits into SEO<\/a> and how UX can improve SEO<\/a> in our other articles. For more information on how we can help you with your UX strategy please visit our User Experience sector page<\/a>.<\/p>\r\n\r\n\r\n\r\n

What is UX Design, and Why Should We Learn it?<\/h2>\r\n\r\n\r\n\r\n

So, what is User Experience? UX design is simply keeping the user at the heart of everything you design. Not to be confused with UI<\/a>, which is how the user interacts with your screen. UX involves constant research into your users, obtaining user feedback and implementing necessary changes to put your users wants and needs first.<\/p>\r\n\r\n\r\n\r\n

But why does UX Design in websites matter<\/a>? 79% of users that dislike what they see on a website will go back and search for a different site, abandon rates and drop off rates highlight bad UX. Good user experience directly impacts your businesses profits and engagements.<\/p>\r\n\r\n\r\n\r\n

The Foundations of user experience<\/h3>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Keep users at the centre of every decision<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Try and understand your user<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Base decisions around real users and real data<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Approach UX with empathy and get rid of any preconceptions<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Consider all areas of user experience: delivery, store visits, websites<\/p>\r\n\r\n\r\n\r\n

UX Design Key Stages:<\/h4>\r\n\r\n\r\n\r\n

1. Discover more about your users and products<\/p>\r\n\r\n\r\n\r\n

2. Describe and define your concept<\/p>\r\n\r\n\r\n\r\n

3. Design the Behaviour<\/p>\r\n\r\n\r\n\r\n

4. Develop your design<\/p>\r\n\r\n\r\n\r\n

5. Release your product\/site<\/p>\r\n\r\n\r\n\r\n

6. Continually improve your design<\/p>\r\n\r\n\r\n\r\n

What is good website usability?<\/h2>\r\n\r\n\r\n\r\n

Firstly, a website needs to be simple, easy to understand and intuitive for all users. If a website has good usability, then it\u2019s engaging and efficient. Customers should come away feeling as though they\u2019ve had a really good experience from start to finish.<\/p>\r\n\r\n\r\n\r\n

Another important element to good usability is ensuring your user feels supported, whether that be with live chats, FAQ\u2019s, advice, and help. From a design aspect there should be consistency across all pages from where the buttons are located, fonts chosen and branding.<\/p>\r\n\r\n\r\n\r\n

Learn more about how UX design changes mobile usability<\/a>.<\/p>\r\n\r\n\r\n\r\n

User Feedback<\/h2>\r\n\r\n\r\n\r\n

When it comes to choosing the best research method for user feedback, first you need to decide what you\u2019re looking to find out from it. Here\u2019s a few questions to ask yourself prior:<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Who are your users?<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 What needs are you fulfilling for them?<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 What are their pain points?<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Is it a familiar or brand-new concept to them?<\/p>\r\n\r\n\r\n\r\n

User Experience Research Methods<\/h3>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Focus Groups<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Surveys and Questionnaires<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Market Research \/ Report Statistics<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Site and App Usage<\/p>\r\n\r\n\r\n\r\n

\u00b7\u00a0 Formal Lab Based Usability Studies<\/p>\r\n\r\n\r\n\r\n

The User Journey<\/h2>\r\n\r\n\r\n\r\n

Before you can even begin to think about building your website you will need to create and online and offline user journey. The offline journey may include the returns process and delivery processes whereas the online journey would involve how the user navigates the site, adds to basket, and pays for products.<\/p>\r\n\r\n\r\n\r\n

It\u2019s important to create alternative paths around the happy path. The happy path is also known as the \u2018desired path\u2019 which is the one we hope our users take. However, it\u2019s important to prepare for all possibilities that might occur, such as spelling errors, payment fails, low stock and many more scenarios.<\/p>\r\n\r\n\r\n\r\n

What is Visual Design?<\/h2>\r\n\r\n\r\n\r\n

Visual design is the process of adding aesthetics to your design which in this case means \u2018how it looks and feels\u2019.<\/p>\r\n\r\n\r\n\r\n

Typography:<\/strong> describes what you use for writing text: body text, headlines, and buttons. This includes things such as font, text sizes, and colours<\/p>\r\n\r\n\r\n\r\n

Colours:<\/strong> are something you can use to draw attention or categorise items. Colour schemes are also important for your branding<\/p>\r\n\r\n\r\n\r\n

Image styles:<\/strong> are important for the look and feel of your page. Are you using, for example, photography or a cartoon image?<\/p>\r\n\r\n\r\n\r\n

Spaces, shapes, and lines:<\/strong> are ways to construct and visually divide your page and can help add clarity or emphasis<\/p>\r\n\r\n\r\n\r\n

Symbols:<\/strong> are icons you can use for menus, user actions, or content categories \u2013 these should be familiar visual cues to help a user<\/p>\r\n\r\n\r\n\r\n

Branding:<\/strong> what is the message that you\u2019re trying to convey? You may be creating a brand from scratch, updating one or working within existing \u2018brand guidelines\u2019; each of which are different challenges in how you approach the above.<\/p>\r\n\r\n\r\n\r\n

When to do Visual Design<\/h3>\r\n\r\n\r\n\r\n

Visual design can be done at three different stages throughout the UX Design process depending on your product or service.<\/p>\r\n\r\n\r\n\r\n

Visual design may begin in the early stages for you to demonstrate your ideas to others and build enthusiasm. You may also use this to gather feedback while still in the early concepts.<\/p>\r\n\r\n\r\n\r\n

Interactive prototyping is also encouraging during the analysis stage as it provides a visual way of defining how your site or app would work.<\/p>\r\n\r\n\r\n\r\n

Finally, as expected, visual design takes place within the design process. Once confident with functionality and technical design you can build more visual aspects into prototype this is called making it higher fidelity.\u00a0<\/p>\r\n\r\n\r\n\r\n

Information Architecture UX<\/h2>\r\n\r\n\r\n\r\n

Information architecture is done to help organise the content on a site so that users can easily adjust to the functionality.<\/p>\r\n\r\n\r\n\r\n

Organise your content: Use sticky notes and take time arranging different journeys.<\/p>\r\n\r\n\r\n\r\n

Labelling: Are icons, downloads, next steps clear? Are you using words your persona will understand\/engage with?<\/p>\r\n\r\n\r\n\r\n

Navigation: How your user interacts and moves around on the site. They need to know where they are, how they get back and navigate to another part. How do they search? How easy are pages to find? Personalisation is key.<\/p>\r\n\r\n\r\n\r\n

Test and refine: This is done in case of mis translation in cultures, generations, something\u2019s clear to you but not others.<\/p>\r\n\r\n\r\n\r\n

Card sorting: add variations of subtitles, description words and ask test group what these words mean to them and how they make them feel.<\/p>\r\n\r\n\r\n\r\n

Interactive Design Prototyping<\/h2>\r\n\r\n\r\n\r\n

It\u2019s important to have interactive design prototypes to eliminate any risk of mistakes and to keep your project in line with the user\u2019s needs, and any objectives and goals.<\/p>\r\n\r\n\r\n\r\n

A wireframe is a very basic and simple drawing of a digital screen showing where things are placed and how they link together. It\u2019s a great way to visibly see your user\u2019s journey. With a wire frame you can visually plan the navigation and menus, screen area and responsive design.<\/p>\r\n\r\n\r\n\r\n

What is User Experience Testing?<\/h2>\r\n\r\n\r\n\r\n

People are bad at knowing what they want, explaining their needs and thinking of everything\/situation and exception. User testing lets people mimic what will happen on the site.\u00a0<\/p>\r\n\r\n\r\n\r\n

By doing user testing in the design phase you can save time, effort and money. Investing 10% of the budget in UX can improve sales by double.<\/p>\r\n\r\n\r\n\r\n

User testing is crucial for nailing and enhancing your design to suit users. You need to take into consideration, some comments may conflict or be based on misunderstanding, or not be possible. Therefore you should weigh up the impact of the issue, how many times it occurred and the value of solving the issue before prioritising what should be resolved.<\/p>\r\n\r\n\r\n\r\n

Different Types of User Experience Testing<\/h3>\r\n\r\n\r\n\r\n

Task-based testing<\/h4>\r\n\r\n\r\n\r\n

Task based user testing tests user journey and alternate journeys. Providing simple, detail free instructions, to see how easily they can navigate the site. It\u2019s crucial you don\u2019t provide any leading information. Closely watch for areas they hesitate or struggle on and alter your design accordingly.<\/p>\r\n\r\n\r\n\r\n

Real world testing<\/h4>\r\n\r\n\r\n\r\n

With real world testing you need to consider testing the different devices users have and the different environments such as home alone, out shopping, stressful situations, and relaxed ones.<\/p>\r\n\r\n\r\n\r\n

Gorilla testing<\/h4>\r\n\r\n\r\n\r\n

Gorilla testing involved going out into the wild with your prototypes and asking questions, there and then, relating to your project.<\/p>\r\n\r\n\r\n\r\n

Diary testing<\/h4>\r\n\r\n\r\n\r\n

With diary testing, you would give your tester the protype to go home with and ask them to record their experience within a diary.<\/p>\r\n\r\n\r\n\r\n

A\/B Testing<\/h4>\r\n\r\n\r\n\r\n

With A\/B testing you can directly test how different images, sized Call to Actions, text variation and navigational changes impact user experience.<\/p>\r\n\r\n\r\n\r\n

The Importance of Analysing Data<\/h2>\r\n\r\n\r\n\r\n

Finally, we will talk about the importance of analysing data. Data holds huge value when it comes to improving your user experience. You should always keep analysing your UX Design, even once launched, so you can see how real people interact with it.<\/p>\r\n\r\n\r\n\r\n

The only way to stay ahead of the everchanging market is through combining data with real world insights. Such as, how people get to your page, conversions, where users drop off, how much time they spent on your site, how many users bounce and how they move around your site.<\/p>\r\n\r\n\r\n\r\n

What\u2019s next?<\/h2>\r\n\r\n\r\n\r\n

If you\u2019re looking to widen your UX knowledge even further then make sure to read our 10 Principle Laws of UX<\/a> and Laws of UX Part Two<\/a>. Or maybe you\u2019re interested in finding out more about the different Digital Marketing Services<\/a> we can offer alongside our UX Service?At Fifteen, we take time to carefully understand your organisation and your market. We adopt a user and goal-centric design approach \u2013 taking both the user\u2019s needs and business goals into consideration at every stage of your users\u2019 journey through the website. Contact us today to see how we can improve your websites user experience<\/a> to generate more profit.<\/p>\r\n<\/div>","protected":false},"excerpt":{"rendered":"Welcome to our blog, covering the different elements of UX, also known as User Experience. UX design holds huge importance within the digital world, with Google placing an increased amount of ranking value behind it. We have more information on how UX fits into SEO and how UX can improve SEO in our other articles. […]","protected":false},"author":84,"featured_media":22007,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-22006","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"acf":[],"yoast_head":"\nThe elements of user experience - Fifteen<\/title>\n<meta name=\"description\" content=\"UX design holds huge importance within the digital world, with Google placing an increased amount of ranking value behind it.\" \/>\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.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The elements of user experience\" \/>\n<meta property=\"og:description\" content=\"UX design holds huge importance within the digital world, with Google placing an increased amount of ranking value behind it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"Fifteen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/FifteenDesign\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-04T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-24T11:49:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/The-elements-of-user-experience.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kyle Lindsay\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kyle Lindsay\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The elements of user experience - Fifteen","description":"UX design holds huge importance within the digital world, with Google placing an increased amount of ranking value behind it.","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.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/","og_locale":"en_GB","og_type":"article","og_title":"The elements of user experience","og_description":"UX design holds huge importance within the digital world, with Google placing an increased amount of ranking value behind it.","og_url":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/","og_site_name":"Fifteen","article_publisher":"https:\/\/www.facebook.com\/FifteenDesign","article_published_time":"2021-08-04T11:00:00+00:00","article_modified_time":"2024-09-24T11:49:30+00:00","og_image":[{"width":1200,"height":400,"url":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/The-elements-of-user-experience.jpg","type":"image\/jpeg"}],"author":"Kyle Lindsay","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kyle Lindsay","Estimated reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/#article","isPartOf":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/"},"author":{"name":"Kyle Lindsay","@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714"},"headline":"The elements of user experience","datePublished":"2021-08-04T11:00:00+00:00","dateModified":"2024-09-24T11:49:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/"},"wordCount":1568,"commentCount":0,"image":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/The-elements-of-user-experience.jpg","articleSection":["News"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/","url":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/","name":"The elements of user experience - Fifteen","isPartOf":{"@id":"https:\/\/www.fifteendesign.co.uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/#primaryimage"},"image":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/The-elements-of-user-experience.jpg","datePublished":"2021-08-04T11:00:00+00:00","dateModified":"2024-09-24T11:49:30+00:00","author":{"@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714"},"description":"UX design holds huge importance within the digital world, with Google placing an increased amount of ranking value behind it.","breadcrumb":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/#primaryimage","url":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/The-elements-of-user-experience.jpg","contentUrl":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2022\/12\/The-elements-of-user-experience.jpg","width":1200,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-elements-of-user-experience\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fifteendesign.co.uk\/"},{"@type":"ListItem","position":2,"name":"The elements of user experience"}]},{"@type":"WebSite","@id":"https:\/\/www.fifteendesign.co.uk\/#website","url":"https:\/\/www.fifteendesign.co.uk\/","name":"Fifteen","description":"Creative. Digital. Marketing.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fifteendesign.co.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714","name":"Kyle Lindsay","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","caption":"Kyle Lindsay"},"url":"https:\/\/www.fifteendesign.co.uk\/blog\/author\/kyle\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts\/22006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/comments?post=22006"}],"version-history":[{"count":0,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts\/22006\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/media\/22007"}],"wp:attachment":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/media?parent=22006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/categories?post=22006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/tags?post=22006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}