{"id":1704,"date":"2018-11-08T15:29:22","date_gmt":"2018-11-08T14:29:22","guid":{"rendered":"https:\/\/capturly.com\/blog\/?p=1704"},"modified":"2023-01-31T11:06:50","modified_gmt":"2023-01-31T10:06:50","slug":"introduction-to-user-experience-design","status":"publish","type":"post","link":"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/","title":{"rendered":"User Experience Design: From the Basics to Advanced Website Analytics"},"content":{"rendered":"<p><i>We have been using user experience design &#8211; or UX design for short -for many years now.<\/i> <i>In our present case, user experience design is actually web design but from a different approach. What makes this approach special is that every element of the design is a subordinate<\/i> <i>principle of the user; in other words, we inspect everything from the perspective of the user.<\/i><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_53 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 \" >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:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#The_History_of_UX\" title=\"The History of UX\">The History of UX<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#How_Can_User_Experience_be_Improved_-_UX_and_Development\" title=\"How Can User Experience be Improved? - UX and Development\">How Can User Experience be Improved? - UX and Development<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#What_Are_User_Experience_Goals\" title=\"What Are User Experience Goals?\">What Are User Experience Goals?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#Principles_of_UX\" title=\"Principles of UX\">Principles of UX<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#How_to_Measure_User_Experience_UX_and_Qualitative_Analytics\" title=\"How to Measure User Experience:\u00a0UX and Qualitative Analytics\">How to Measure User Experience:\u00a0UX and Qualitative Analytics<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#UX_vs_UI\" title=\"UX vs. UI\">UX vs. UI<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#UX_Design_is_Different\" title=\"UX Design is Different\">UX Design is Different<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#UX_and_Success\" title=\"UX and Success\">UX and Success<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#What_Are_User_Experience_Methods\" title=\"What Are User Experience Methods?\">What Are User Experience Methods?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#UX_in_practice\" title=\"UX in practice\">UX in practice<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"The_History_of_UX\"><\/span><b>The History of UX<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>I can\u2019t talk about user experience without mentioning the person who has made a significant contribution to today&#8217;s UX Design. Our hero is called <b>Don Norman<\/b>. His name might sound unfamiliar to you, but he is the co-founder of the <a href=\"https:\/\/www.nngroup.com\/\">Nielsen Norman Group (NNG)<\/a>, a world-renowned firm that is specialized in publishing UX researches. The idea of doing something to ensure that there is no big gap between the design table and the end user&#8217;s expectations is not new at all. In fact, it\u2019s been around since the &#8217;80s. Don Norman defined that UX means not only the creation of products, websites, or apps but also &#8220;the whole experience&#8221; since the definition involves all interactions between the client and the company.<\/p>\n<p>The expansion of user experience design has also helped to bring more and more complex products into the past decade. The workflow of the developers\u2019 work has become more and more complicated, requiring new technologies and new planning approaches, such as <i>Agile development<\/i>. When we think about it, it&#8217;s logical, because when you release a complex product &#8211; or a website in your case &#8211; without making it user-friendly, it generates a lot of extra work.<\/p>\n<p>Modern UX Design &#8211; in its current practice -, builds, analyzes, and optimizes the user experience of a company, so it is a complex process.<\/p>\n<h2><b>How Can User Experience be Improved? &#8211; UX and Development<\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1800 size-full\" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ux-and-development.png\" alt=\"ux and development\" width=\"654\" height=\"290\" srcset=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ux-and-development.png 654w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ux-and-development-300x133.png 300w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/p>\n<p>To understand the <a href=\"https:\/\/ux4sight.com\/blog\/ux-ui-and-usability-what-they-are-and-how-they-differ\">concept of UX<\/a> and how it is connected to Development, let me talk about <strong>U<\/strong>ser-<strong>C<\/strong>entered<b><\/b> <b>D<\/b>esign or UCD for short. The idea behind the term comes from the fact that when you design something, like a website, it needs to be catchy for the end-users. However, in order to achieve this go, you must answer some very basic questions first:<\/p>\n<p>&#8211; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Who is my target audience?<\/p>\n<p>&#8211; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Why would they visit my website?<\/p>\n<p>&#8211; \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Can I offer them a unique experience?<\/p>\n<p>User experience design provides the development process with relevant information. As you can see, it&#8217;s more than just a plain process. It&#8217;s a philosophy that focuses on solving problems on both sides. You can learn more about the connection between UX and Development in detail later in this article.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"What_Are_User_Experience_Goals\"><\/span><b>What Are User Experience Goals?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h2><span class=\"ez-toc-section\" id=\"Principles_of_UX\"><\/span><b>Principles of UX<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>It is necessary to examine how effectively and in what way the user is able to complete different tasks on a website. The goal is to create a constant flow, where there are no mistakes in the process so the user does not encounter any obstacles that could ruin the &#8220;experience&#8221;. For this reason, it is important to lay down some basic principles. UX seeks to answer questions about who your users are, why they are visiting your website and consuming your content, what works on the site, and how the user&#8217;s relationship with your website changes over time.<\/p>\n<h3><b>Usability<\/b><\/h3>\n<p>The essence of usability is that your website should be easy and pleasant to use for everyone. If the usability requirement is not fulfilled, the whole design will fail to convince the visitor about his\/her time is well spent. Usability, for example, is immediately interrupted when a visitor is encountering a malfunctioning page that has a broken link, throws error messages, or has no engaging content. The latter might sound like out-of-the box-thinking; however, as soon as your visitors feel like they\u2019re wasting time, they\u2019ll leave immediately and never return.<\/p>\n<p>In other words, usability deals with navigation, website design, and content layout. In an ideal situation, the navigation should be logical, and links should lead to the appropriate content. The <i>Call-To-Action (CTA)<\/i> elements, headlines, menus must be effective and straightforward. Nevertheless, you also have to pay attention to the fact that <b>too little or too much content can ruin<\/b> the user experience and people can leave the page.<\/p>\n<p>The growing popularity of UX as a concept also has a negative effect. It is often and automatically being compared to usability by default. The two concepts can easily be mixed, so when people hear about UX tests, they think that only usability is going to be tested. In many cases, the user experience is mentioned where usability would be enough, just because it sounds good. However, the user experience is much more than that. It is very important to note that if you use the term in such way, you will \u201cdowngrade\u201d the UX. An example of usability can be <a href=\"https:\/\/capturly.com\/blog\/7-web-design-principles-that-will-boost-your-conversion-rate\/\">the conversion funnel of a website<\/a>. Getting to the shopping cart with the least amount of clicks and being able to pay for the product or service without any sign of uncertainty is expected from a <a href=\"https:\/\/capturly.com\/blog\/user-experience-guide-what-makes-a-good-website\/\">user-friendly webshop<\/a>. The user experience is not just about how an issue is addressed. Why would the user visit your website? What will happen after a visit session has ended? UX comes from not only the visit of the website but also the needs, the expectations and the motives that preceded it.<\/p>\n<blockquote><p>Getting to the shopping cart with the least amount of clicks and being able to pay for the product or service without any sign of uncertainty is a question of usability for the user.<\/p><\/blockquote>\n<h3><b>Accessibility<\/b><\/h3>\n<p>In addition to having content that is sufficiently useful and logically organized, it should be accessible to everyone. This not only means that the website does not have any faults, non-working pages, but also that the load time and response time is short. Also, consider browser and device options to <a href=\"https:\/\/capturly.com\/blog\/7-ux-tips-for-killer-landing-pages\/\">ensure that the page is accessible<\/a> to everyone. People with some kind of disability &#8211; e.g. a person who is blind, color blind, or unable to handle technical tools in the usual way &#8211; should be able to use your website without problem.<\/p>\n<h3><b>Utility<\/b><\/h3>\n<p>If you really want to be thorough, you have to ask yourself whether your website is really useful to your visitors. It&#8217;s convenient to simply ignore this question, but in reality, most of the websites are much less able to meet this criterion. This is partly due to the fact that there are many tools that allow you to create a website without having little to no background in design, development whatsoever. Because of this, many entrepreneurs are unwilling to pay for professionals, so in many cases, business websites end up providing very little or almost no quality to visitors, which in fact means that they exist unnecessarily.<\/p>\n<p>The contents of the website must be informative, relevant, and sufficiently unique, different from the others. It must ensure the satisfaction of users by finding what they are looking for. You should also be careful not to go into exaggerations with links, pictures, or videos. And you need to find the midway between the precious and disturbing content.<\/p>\n<h3><b>Attractiveness<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1860 \" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/10\/markus-spiske-530835-unsplash.jpg\" alt=\"telescope visualizing the ux attractiveness\" width=\"651\" height=\"434\" srcset=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/10\/markus-spiske-530835-unsplash.jpg 5760w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/10\/markus-spiske-530835-unsplash-300x200.jpg 300w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/10\/markus-spiske-530835-unsplash-768x512.jpg 768w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/10\/markus-spiske-530835-unsplash-1024x683.jpg 1024w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/10\/markus-spiske-530835-unsplash-760x507.jpg 760w\" sizes=\"(max-width: 651px) 100vw, 651px\" \/><\/p>\n<p style=\"text-align: center;\">Source:\u00a0<a class=\"_3XzpS _1ByhS _4kjHg _1O9Y0 xLon9 _3l__V _1CBrG\" href=\"https:\/\/unsplash.com\/@markusspiske\">Markus Spiske<\/a><\/p>\n<p>Attractiveness can be effectively ensured by the design and presentation of visual elements. There are factors such as the use of videos and images, typography, color schemes, and other design elements. They all affect the user&#8217;s senses. Visitors should feel that a website is sufficiently attractive and friendly, well-arranged and easy to read. Users will only stay on your website if they find it attractive enough to continue the consumption of its content. To achieve this, besides the visual elements and their layout, there is a need for captivating texts that are able to maintain readers&#8217; attention even after the visual elements have succeeded in capturing their interest.<\/p>\n<h3><b>Credibility<\/b><\/h3>\n<p>Your page may be nice and it may be useful. However, this is not the case if your users find it deceptive. In order to create the right user experience, it will also be necessary for the website to demonstrate its credibility to the visitors. Users need to know that the information on this site is accurate, credible, and reliable. In other words, there is no more illusion-breaking experience than content that seems to be useful at first, but it turns out that it serves only one purpose, which is nothing else than selling something at any cost.<\/p>\n<p>This does not mean you have to run a free private school in the form of a blog. Credibility is based on the mutual representation of interests. The user is sacrificing time &#8211; and we all know that time is money &#8211; for which you also invest time and energy. If you keep this in mind, you will have access to increased user confidence while the visitors are consuming your website\u2019s content.<\/p>\n<blockquote><p>Credibility is based on the mutual representation of interests.<\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Measure_User_Experience_UX_and_Qualitative_Analytics\"><\/span>How to Measure User Experience:\u00a0<b>UX and Qualitative Analytics<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>UX Design is a highly data-driven process.\u00a0Data is essential for a successful design and you should be aware of this, regardless of being a designer or just someone who wants to hire one. As I mentioned previously, you are not the user. However, by studying your target group, you can get as close to them as Icarus was to the Sun. (without burning yourself, of course). To succeed, you have to investigate how they interact with the service or product. Figure out what they like or dislike, etc.; this helps your design team to get to know and understand the users.<\/p>\n<p>How can user experience be measured? The quality definition is about feelings and experiences. Basically, information that can not be measured by numbers. Given that the Web or Mobile User Experience is a unique, subjective entity that can not be efficiently portrayed, qualitative analytics is probably the best way to analyze them. Qualitative website analytics allows us to gain insights into websites quickly and efficiently. These insights allow us to learn more about users at individual or aggregate levels.<br \/>\nWith these visual responses, developers, product managers, and UX designers can precisely identify where to interfere with the website, whether it&#8217;s about troubleshooting or optimizing.<br \/>\nHeatmaps and session replay features have huge potential. Heatmaps may be one of the most exciting topics in qualitative analytics. They serve in web analytics to capture some sort of important interaction regarding user behavior and to present an aggregate image about the user experience. There are <a href=\"https:\/\/capturly.com\/features\/heatmaps\">several types of heatmaps<\/a>:<\/p>\n<h4>The Click heatmap:<\/h4>\n<p>The click heatmap visualizes the most frequently used parts of the page, making it much easier to analyze the effectiveness of the structure. We can see that there are some parts, which are very popular (for example the\u00a0search field and the categories).\u00a0Clicking is a powerful indicator of interest. With click heatmaps, you can reveal what motivates your visitors.\u00a0<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1472\" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-1.png\" alt=\"capturly-click-heatmap\" width=\"1010\" height=\"592\" srcset=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-1.png 1010w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-1-300x176.png 300w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-1-768x450.png 768w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/><\/p>\n<h4>The Scroll heatmap:<\/h4>\n<p>The Scroll heatmaps are great for identifying\u00a0<strong class=\"markup--strong markup--li-strong\" data-trid=\"358\">the most engaging parts<\/strong>\u00a0of your page(s). Do you have everything arranged in a way that the visitors can see them before leaving? Scroll heatmaps show you where you should put your main call-to-actions on mobile and desktop to catch the most attention. You can optimize the position of your elements based on the visitors&#8217; behavior.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1473\" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-2.png\" alt=\"capturly-scroll-heatmap\" width=\"1010\" height=\"592\" srcset=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-2.png 1010w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-2-300x176.png 300w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-2-768x450.png 768w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/><\/p>\n<p>Although these two are best known for the heat maps, however, Capturly still holds something else. I wonder what&#8217;s in the case if I&#8217;m not just wondering where users are clicking, but wanting more in-depth information. How can I visualize this visually?<\/p>\n<h4>The Segment heatmap:<\/h4>\n<p>You can select the data you&#8217;re interested in by checking or unchecking the right segments. Identify the most popular areas of your page. See if any of the segments are behaving differently than the others.\u00a0<br data-trid=\"113\" \/>Every segment has its own color for easy distinction. Check the source of the traffic in maximum detail. With segment heatmap, you can focus on a specific operating system, device, browser, or webpage and gather first-hand information about your visitors.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1474\" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-3.png\" alt=\"capturly-segment-heatmap\" width=\"1010\" height=\"592\" srcset=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-3.png 1010w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-3-300x176.png 300w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2016\/08\/capturly-heatmap-3-768x450.png 768w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"UX_vs_UI\"><\/span><b>UX vs.<\/b> <b>UI<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>It is very common to mix-up UX and UI concepts. As described above, UX(D) is a shortcut to user experience design. UI(D), on the other hand, covers the user interface design. So the question arises: which one do you need? The answer is simple. Both are necessary. The UI, however, is easier to understand, since it is less &#8220;abstract&#8221;. The website is in front of you: You hold your mobile device in your hand, you see, feel and have a direct relationship with each and every UI element. In the meantime, UX is working in the background. Testing, analyzing data, and so on. UX design is a complex task. It combines IT development, process organization, psychology, marketing research activities with the aim of providing the user with a streamlined experience.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1788 \" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ux-vs-ui-1.jpg\" alt=\"capturly ux and ui\" width=\"600\" height=\"450\" srcset=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ux-vs-ui-1.jpg 1024w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ux-vs-ui-1-300x225.jpg 300w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ux-vs-ui-1-768x576.jpg 768w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>While the UI designer and the UI itself is responsible for the graphical appearance of the user interface, the UX is more about creating a suitable structure along the user&#8217;s expectations on websites and in mobile applications. For example,\u00a0when you hear about <a href=\"https:\/\/capturly.com\/blog\/animating-the-right-way-in-ux\/\">creating good animations in UX<\/a>, it usually describes the implementation of techniques and tools to alter the UI in a way that it creates a pleasant user experience. So in a nutshell; the UI is a part of the UX processes. This often leads to confusion when the two concepts are used as a synonym for each other.<\/p>\n<blockquote><p>The UX is said to be a joke. However, a joke is good only if you do not have to explain it later.<\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"UX_Design_is_Different\"><\/span><b>UX Design is Different<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"video-container\"><iframe loading=\"lazy\" title=\"Don Norman: The term &quot;UX&quot;\" width=\"760\" height=\"428\" src=\"https:\/\/www.youtube.com\/embed\/9BdtGjoIN4E?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n<p>You have a product, website, etc. and there are users. The visitor of your website is experiencing something, but it is way more complex to plan and measure \u201cfeelings\u201d, than UI elements. We have to understand that experience itself is already a result that is generated within the user. An experienced UX designer can do a lot to make the product usable and beautiful, but there is no direct way to influence the preferences of the users. These are all subjective factors. The UX methods, therefore, depend heavily on past experiences, the user&#8217;s personality, expectations, and the actual usability and visual characteristics of the website itself. <a href=\"https:\/\/capturly.com\/blog\/what-is-data-driven-ux\/\">UX design is a data-driven process<\/a>. So when you hear that the user experience of a product, a service, a website is bad, it is worth taking a look at the past negative experiences of the users.<\/p>\n<p>Sometimes your side may only need small changes as the root of the problem stems from an independent source of your own. Your website visitors have probably come to you because of a similar product or service, but have gained negative experiences during the previous session. In this case, they can amplify the smallest possible error. Such situations must be addressed. In <a href=\"https:\/\/www.digitalsilk.com\/web-design-company\">web design<\/a> and web development (and also in other areas of life), it\u2019s a common mistake to look at problems as if they were no big deals: they will be solved once or simply go away. Maybe we are right, but is it worth risking that a dissatisfied visitor would feel that you are inadequate to meet the expectations? Think about how much it can improve your visitor&#8217;s judgment if you can satisfy them after a negative experience. This is a strong reference point in itself. Word-of-mouth advertising is one of the strongest motifs; however, negative words can be devastating in the business world.<\/p>\n<p>We have to understand that experience itself is already a result that is generated within the user.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"UX_and_Success\"><\/span><b>UX and Success<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you do it as you should, <b>a good design<\/b> has a peculiar feature that <b>is unnoticeable<\/b>. It may sound like I&#8217;m fooling around and convinced you to read a bunch of nonsense, but don\u2019t worry, that&#8217;s not the case. Your website visitors &#8211; in most cases &#8211; are not aware of the design. Of course, they may note that your website is beautiful, but this is just a question of aesthetic preference. When you sit in your car every day, or get up on your bike how many times do you think about design? Almost never. Simply <b>because it just works<\/b>.<\/p>\n<p>What if the door opener breaks on you or your bike chain falls off for the third time on the week? You probably will not even think about what\u2019s behind a website until you run into a poorly designed one. People are not always willing to adapt to different design mistakes, so you have to pay attention to them. Happy users are more likely to buy from you. Make sure that your website\/app surfaces are easy to understand and are user-friendly enough. To ensure this, you have to go through all the necessary steps from prototyping to testing. It is important that the visitors know what to do even when your website or app is absolutely new to them. This will make the experience that you provide unforgettable.<\/p>\n<p>Here\u2019s what can UX do for you:<\/p>\n<ol>\n<li><i>UX promotes loyalty<\/i> &#8211; as in the case of news, it is also true that a bad user experience leaves stronger marks on people than what a good experience does. If you are constantly striving to improve your user experience to meet the expectations, this will ultimately lead to long-term trust in your brand.<\/li>\n<li><i>UX gives you a competitive advantage<\/i> &#8211; UX teaches you <a href=\"https:\/\/capturly.com\/blog\/how-to-build-a-customer-experience-vision\/\">how to build a user-centered approach<\/a>. If you know what you can expect from your website, you are much more likely to meet the visitors\u2019 expectations. In this competitive world, it is an excellent opportunity to gain an advantage.<\/li>\n<li><i>UX brings more money<\/i> &#8211; do not imagine this as a running banner ad on your website. Think about time investment. The more time users spend on your website, the more likely they will spend their money. The more efficiently you apply UX, the greater the chance for customers to make decisions on your website. Keep in mind that it is likely that your offer is not the only one.<\/li>\n<\/ol>\n<blockquote><p><i>&#8220;57% of users say they will not recommend a business with a<\/i> <a href=\"https:\/\/translate.google.com\/translate?hl=hu&amp;prev=_t&amp;sl=hu&amp;tl=en&amp;u=https:\/\/www.socpub.com\/articles\/the-5-mobile-marketing-mistakes-infographic-14849\"><i>poorly designed mobile site<\/i><\/a> <i>.&#8221;<\/i> <i>&#8211; socPub.com<\/i><\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"What_Are_User_Experience_Methods\"><\/span><b>What Are User Experience Methods?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h2><span class=\"ez-toc-section\" id=\"UX_in_practice\"><\/span><b>UX in practice<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><b>Agile design<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1798 size-full\" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/agile-ux-design.jpg\" alt=\"agile ux design\" width=\"777\" height=\"600\" srcset=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/agile-ux-design.jpg 777w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/agile-ux-design-300x232.jpg 300w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/agile-ux-design-768x593.jpg 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><\/p>\n<p>Agile design can be traced back to the big Internet boom. Although it has begun to spread thanks to the software industry, UX professionals have quickly adapted this technique and it is now replacing the obsolete Waterfall method. The way of the old method is that development and design processes follow each other. At first, the problem is introduced, then comes design, development and finally testing. Testing mostly cares about functionality. Based on pre-specified specifications, it verifies whether the project is successful or not. Needless to say, this is not a flexible solution. In fact, it is very linear. The agile approach is completely the opposite. The key is to break the projects into well-rounded tasks and simultaneous designing, developing and testing takes the place of a linear process.<\/p>\n<h3><b>Agile Techniques Supporting Techniques<\/b><\/h3>\n<p>There are two common ways that can be useful for everyone working in an agile environment. One of them &#8211; and the most widespread &#8211; is <b>Scrum,<\/b> which is a super effective management system. There is a list that is called <i>the product backlog<\/i> and it includes all the ideas and future tasks that we will once want to make. Development work is divided into <i>sprints<\/i> of the same length of time. Depending on a company or project, it may last two to four weeks to complete.<\/p>\n<p>At the beginning of the sprint, the team decides what to do under the sprint. It is necessary to set goals that will have an impact on its end users. When designing a sprint, the selected task on the product backlog will be moved to <i>the sprint backlog<\/i>. Then, at the end of the sprint, the team checks together what has been achieved, what needs more time, and, if necessary, reorganization is carried out.<\/p>\n<p>The second popular methodology is called <strong>Kanban<\/strong>. Its essence is the visual display of tasks. <i>The Kanban table<\/i> helps to do this. Individual work phases are marked by separate columns, while tasks are written on post-its or cards and placed in the columns. In a general layout, the following columns are used:<\/p>\n<ul>\n<li><i>Icebox<\/i>: put your ideas and incoming tasks here<\/li>\n<li><i><\/i><i>In Progress<\/i>: what we are doing right now<\/li>\n<li><i>Review<\/i>: basically done, but still waiting for someone else to look at it<\/li>\n<li><i>Complete<\/i>: 100% done and reviewed<\/li>\n<li><i>Follow-up<\/i>: self-explanatory<\/li>\n<\/ul>\n<h3><b>Useful Techniques in Design<\/b><\/h3>\n<p>UX design always starts with some sort of market research and then works its way from there to assess the condition of your website.<\/p>\n<h3>Competitor benchmarking<\/h3>\n<p>It is one of the most intuitive research methods that you should consider not just when you want to enter an unknown market. You can get lots of useful information from the market and its participants. Even if not all of them are used in the design process, the collected data can be wasted, as later it can be useful when creating future marketing campaigns for your online business. Early benchmarking can also help to prevent problems that can only be solved later on with potentially significant financial investment.<\/p>\n<h3>Surveys<\/h3>\n<p>A proven method of gathering large volumes of easily quantifiable data. It is a more structured approach than competitive benchmarking, as the research is being pursued along a pre-defined questionnaire. For this reason, it is less flexible. The amount of time it takes to collect and process information is more and it can also be expensive, but it is indispensable for representativeness. It is one of the best methods if you want to collect demographic information.<\/p>\n<h3>What Are User Experience Guidelines?<\/h3>\n<h3>Wireframing<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1793 \" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ux-wireframing.png\" alt=\"ux wireframing\" width=\"649\" height=\"487\" srcset=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ux-wireframing.png 800w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ux-wireframing-300x225.png 300w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ux-wireframing-768x576.png 768w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/p>\n<p class=\"shot-byline\" style=\"text-align: center;\"><span class=\"attribution &lt;!--::user_profile_classes::--&gt;\" style=\"margin: 0px; padding: 0px; font-size: 14px; vertical-align: baseline; border: 0px; background: transparent;\"><span class=\"shot-byline-user\">Source:\u00a0<a class=\"url hoverable\" href=\"https:\/\/dribbble.com\/madebysidecar\" rel=\"contact\">Sidecar<\/a><\/span><\/span><\/p>\n<p>In order to try a variety of ideas, we need tools that can quickly produce some sort of results. This is wireframing. <a href=\"https:\/\/capturly.com\/blog\/how-to-create-wireframes\/\">Wireframes are simple sketches<\/a> that show the basic structures with different elaboration. In their preparation, complex elements and colors must be neglected, but that doesn\u2019t mean that wireframes can\u2019t be detailed. There are several ways you can make one, for example, the \u201cold but gold\u201d paper and pen version is called sketching. There are specialized digital solutions such as <a href=\"https:\/\/translate.google.com\/translate?hl=hu&amp;prev=_t&amp;sl=hu&amp;tl=en&amp;u=https:\/\/balsamiq.com\/\">Balsamiq<\/a>, <a href=\"https:\/\/translate.google.com\/translate?hl=hu&amp;prev=_t&amp;sl=hu&amp;tl=en&amp;u=http:\/\/wireframe.cc\">Wireframe.cc<\/a>, or <a href=\"https:\/\/translate.google.com\/translate?hl=hu&amp;prev=_t&amp;sl=hu&amp;tl=en&amp;u=https:\/\/mockflow.com\/apps\/wireframepro\/\">MockFlow<\/a> if you wish to try something cool.<\/p>\n<h3>Look &amp; feel<\/h3>\n<p>After you have a draft in your hands you can start involving participants in the project so that no one will be surprised at the end and everyone will be satisfied. Look &amp; feel is what the website or app looks like. Colors and precise shapes begin to take place. What makes this part really interesting is the fact that it is a subjective area.<\/p>\n<p>The first step in designing the look &amp; feel is a workshop where you involve the <i>stakeholders<\/i> of the project. Several versions and styles will be presented in this phase. The goal is to make it easier for you to make decisions about the project. If you have defined a style, <i>moonboarding <\/i>can come, which stands for collecting and sorting different styles into a montage. You have to look for similar works and sort them.<\/p>\n<p>Now it\u2019s time to create the first look &amp; feel sketches. You select a specific screen from the wireframes and try different colors, shapes, and styles on this one screen. Look &amp; feel sketches, as their name suggests, are not definitive pixel-point design plans but sketches. Their sole purpose is to try out different versions of the product within a short period of time. Do not mix up look &amp; feel with <i>the mockup<\/i>, as they represent two different stages of the design process!<\/p>\n<h3>Expert reviews:<\/h3>\n<p>The biggest benefit of expert reviews is that they&#8217;re budget-friendly. Even someone with very little UX expertise can perform this technique. It&#8217;s done by pretending to be a novice user who never met the product or service before. Start by listing the main user groups that the product or service is focused on. Afterward, you have to identify related tasks. If you can not complete these tasks easily or you don\u2019t understand the whole process, something&#8217;s fishy. Expert reviews can also be used as a support tool to perform usability testing later.<\/p>\n<h3>How to Test User Experience? &#8211; Usability tests:<\/h3>\n<p>Usability tests are one of the user experience testing methods. They are often referred to as User interviews. Its purpose is not only to demonstrate how a user uses a particular product (in this case, a website) but also to identify most of the relevant factors related to the usage. This includes the user&#8217;s emotions. You have to <a href=\"https:\/\/tms-outsource.com\/blog\/posts\/web-application-testing\/\">look for signs<\/a> such as, is there anything that disturbs, confuses, or reminds the user of other applications. During the interview you should also <b>observe the user&#8217;s body language<\/b> and mimicry, so (with the user&#8217;s consent of course), the entire process can be recorded even on a video. Before starting the process, it is worth talking to the user, in order to have the most accurate information. For example, if our product is a real-estate portal, the technical background of the user is irrelevant when defining the target audience, however, if we are interviewing a web developer, we are likely to receive very different results than from a person who is less familiar with design patterns.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1795 \" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/run-usability-tests.jpeg\" alt=\"run usability tests\" width=\"651\" height=\"434\" srcset=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/run-usability-tests.jpeg 1050w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/run-usability-tests-300x200.jpeg 300w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/run-usability-tests-768x512.jpeg 768w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/run-usability-tests-1024x683.jpeg 1024w, https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/run-usability-tests-760x507.jpeg 760w\" sizes=\"(max-width: 651px) 100vw, 651px\" \/><\/p>\n<p>This technique can be really nerve-racking and satisfying at the same time, as it allows you to see the project through the eyes of the end-users. It can reveal details that you may have not even noticed before, or simply thought it was insignificant. It is worth noting that the word \u201ctest\u201d in the title can be tricky. A Usability test is launched whenever you feel like or experience a level of uncertainty. When deployed early in the design process &#8211; after you have a prototype at least &#8211; it can be used for preventing problems just as competitor benchmarking in the research phase.<\/p>\n<p>The beauty of user testing is that it does not require dozens of feedbacks since it provides a qualitative result instead of quantitative. This way you do not have to worry about statistical significance. It&#8217;s a good idea to work with a group of 5-6 users and allow them an hour to play around with the project.<\/p>\n<p>This means that UX design includes market research, the design itself, project management, and development activities. In essence, UX design is an activity to improve the interaction between the company and its users.<\/p>\n<h3><b>How to Improve user Experience on a Website? &#8211; Efficient Onboarding Experience<\/b><\/h3>\n<p>Let&#8217;s say you want to <a href=\"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/\">set up an effective chatbot<\/a> on your website. The way visitors interact with your website can be very different. All kinds of operating systems, browsers, and devices influence the overall user experience. Due to the different screen sizes and shapes, you have to pay particular attention. Effective planning onboarding is critical, as visitors who have not been to your site will meet you for the first time. As I mentioned in the human factors, your <a href=\"https:\/\/capturly.com\/blog\/what-i-think-about-emotional-design-from-a-ux-perspective\/\">visitors often have expectations <\/a>of you and your website that you should respond to. Trust me, when I say the last thing you wish to leave behind is a bad first impression.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1791 \" src=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/ios-onboarding-experience.gif\" alt=\"ios onboarding user experience\" width=\"651\" height=\"488\" \/><\/p>\n<p style=\"text-align: center;\">Source:\u00a0<span class=\"attribution &lt;!--::user_profile_classes::--&gt;\" style=\"margin: 0px; padding: 0px; font-size: 14px; vertical-align: baseline; border: 0px; background: transparent;\"><span class=\"shot-byline-user\"><a class=\"url hoverable\" href=\"https:\/\/dribbble.com\/Ramotion\" rel=\"contact\">Ramotion<\/a><\/span><\/span><\/p>\n<h3>1. The arrival<\/h3>\n<p>When the user arrives at a new screen &#8211; for example, when switching from desktop to mobile -, we look for three questions:<\/p>\n<blockquote><p><i>Where are you now?<\/i><\/p><\/blockquote>\n<p>When you get to a surface, you&#8217;ll look around. If you navigate from side to side on mobile, the same layout and colors assure that you are in the right place. If you click on a link and on the next page in the title returns the link text as expected, then thumbs up. In the case of menus, it is therefore important to highlight for the users on which page they are at the moment.<\/p>\n<blockquote><p><i>Why are you here?<\/i><\/p><\/blockquote>\n<p>It is very important that you show the user what he\/she can do and how as soon as possible. Whether it is necessary to proceed or the current interface is the destination. A good example of this can be the checkout page of a webshop.<\/p>\n<blockquote><p><i>What\u2019s next?<\/i><\/p><\/blockquote>\n<p>As it is important to plan the first half of onboarding, it is also important to take care of the users&#8217; opinions and experiences after leaving an interface or the website.<\/p>\n<blockquote><p><b>&#8220;<\/b> A <a href=\"https:\/\/translate.google.com\/translate?hl=hu&amp;prev=_t&amp;sl=hu&amp;tl=en&amp;u=https:\/\/www.doubleclickbygoogle.com\/articles\/mobile-speed-matters\/\"><b>Website that loads in 5 seconds<\/b><\/a> <b>on mobile see 25% more ad visibility<\/b> <b>and 70% longer session duration.&#8221;<\/b> &#8211; <i>Google DoubleClick<\/i><\/p><\/blockquote>\n<h3>2. Visual hierarchy and whitespace<\/h3>\n<p>Elements of a particular screen can be ranked based on how prominent and accentuated they are, or how soon we notice them. For example, <a href=\"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/\">the above-the-fold area<\/a> is said to be the most valued segment of your website. What is accentuated should appear at the top of the hierarchy. Secondary, but still important elements &#8211; blog, technical details about the website, privacy policy, etc. &#8211; can be placed at the bottom in the footer section. Whitespace and uppercase letters can bring the most important parts of your website forward, providing additional visibility. It is an important lesson to not only highlight certain elements, but also \u201chide\u201d them in a way that the visitors don\u2019t have to look for hours, yet won\u2019t be distracted. The text embodies the communication between the user interface and the user. It is worthwhile to make more versions and then test by determining which will be in the final position.<\/p>\n<h3>3. Conventions<\/h3>\n<p>During a website visit &#8211; especially on mobile devices -, solutions that users are accustomed to are widespread. These solutions are called conventions and visitors automatically search for them. For example, they expect to see your logo on the top left corner of the screen. The logo should take the user back to the home page instantly without having to click on a menu element. The same can be applied to Hamburger menus, links, etc.<\/p>\n<h3>4. Hand gestures<\/h3>\n<p>Since mobile devices are so important, you simply can\u2019t ignore hand gestures when designing your website. When the user presses something, his\/her finger will cover a portion of the screen. It is important to have only one thing below the finger at the moment of the press.<\/p>\n<p>Another important aspect is how far the user can reach out with a thumb. When designing for mobile, it is advisable to position movable elements into areas that are easily accessible to the thumb. The use of smartphones has also changed over the years, so the interface has to be designed in a way that supports one-hand navigation. The restricted area is the top of the screen and the lower corners since users can be left or right-handed.<\/p>\n<blockquote><p><b>&#8220;5-5.1-inch is the<\/b> <a href=\"https:\/\/translate.google.com\/translate?hl=hu&amp;prev=_t&amp;sl=hu&amp;tl=en&amp;u=https:\/\/deviceatlas.com\/blog\/most-used-phone-screen-sizes-to-design-websites-2017\"><b>most used screen size<\/b><\/a> <b>, 720 x 1280 is the most used screen resolution.&#8221;<\/b> <i>&#8211; Deviceatlas.com<\/i><\/p><\/blockquote>\n<h3>5. Transparency<\/h3>\n<p>The finest surfaces that are easy and clear to understand, in other words: cleansed. This is not easy to accomplish, especially if new ideas and design conceptions are emerging in a project. When designing for different screen sizes, sometimes you end up displaying too much information on a single surface, which can be very overwhelming. During usability tests, users may find the \u201cless is more\u201d rule more appealing. To build and maintain a transparent feel of your website, you must always be ready to change.<\/p>\n<h3>The most important basic rules are, therefore:<\/h3>\n<ul>\n<li style=\"font-weight: 400;\">Ask the three questions until you have an answer regardless of the screen size<\/li>\n<li style=\"font-weight: 400;\">The text is a part of the design<\/li>\n<li style=\"font-weight: 400;\">Conventions are important<\/li>\n<li style=\"font-weight: 400;\">Design for hand motions also<\/li>\n<li style=\"font-weight: 400;\">Strive for simplicity because \u201cless is often more\u201d<\/li>\n<\/ul>\n<h3>Conclusion<\/h3>\n<p>UX is the art of ethical influence. It helps you understand the meaning and feeling of your users at the same time.<\/p>\n<p>So <a href=\"https:\/\/capturly.com\/blog\/the-mysterious-life-of-ux-designers\/\">what does a UX Designer do<\/a>?<\/p>\n<ul>\n<li>It performs detailed market research, analyzing your competitors and your customers<\/li>\n<li>Project management performs tasks such as building your product, designing improvements, and communicating with your development team or coordinating workflows with you<\/li>\n<li>It will make you a wrought iron curve and plan it, prepare the prototype (a very common practice for web pages)<\/li>\n<li>Examines the performance of the product and the site in practice by using various techniques such as a focus group interview<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>We have been using user experience design &#8211; or UX design for short -for many years now. In our present case, user experience design is actually web design but from a different approach. What makes this approach special is that every element of the design is a subordinate principle of the user; in other words,<\/p>\n","protected":false},"author":28,"featured_media":1780,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Experience Design: From the Basics to Advanced Website Analytics - Capturly Blog<\/title>\n<meta name=\"description\" content=\"User experience is the art of ethical influence. It helps you understand the meaning and feeling of your users. So what does a UX Designer do?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Experience Design: From the Basics to Advanced Website Analytics - Capturly Blog\" \/>\n<meta property=\"og:description\" content=\"User experience is the art of ethical influence. It helps you understand the meaning and feeling of your users. So what does a UX Designer do?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Capturly Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-08T14:29:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-31T10:06:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/capturly-user-experience-design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"3840\" \/>\n\t<meta property=\"og:image:height\" content=\"2160\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gabriella\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"26 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/\",\"url\":\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/\",\"name\":\"User Experience Design: From the Basics to Advanced Website Analytics - Capturly Blog\",\"isPartOf\":{\"@id\":\"https:\/\/capturly.com\/blog\/#website\"},\"datePublished\":\"2018-11-08T14:29:22+00:00\",\"dateModified\":\"2023-01-31T10:06:50+00:00\",\"author\":{\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c\"},\"description\":\"User experience is the art of ethical influence. It helps you understand the meaning and feeling of your users. So what does a UX Designer do?\",\"breadcrumb\":{\"@id\":\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/capturly.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Experience Design: From the Basics to Advanced Website Analytics\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/capturly.com\/blog\/#website\",\"url\":\"https:\/\/capturly.com\/blog\/\",\"name\":\"Capturly Blog\",\"description\":\"Optimize your website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/capturly.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c\",\"name\":\"Gabriella\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g\",\"caption\":\"Gabriella\"},\"url\":\"https:\/\/capturly.com\/blog\/author\/gabriella\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Experience Design: From the Basics to Advanced Website Analytics - Capturly Blog","description":"User experience is the art of ethical influence. It helps you understand the meaning and feeling of your users. So what does a UX Designer do?","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:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/","og_locale":"en_US","og_type":"article","og_title":"User Experience Design: From the Basics to Advanced Website Analytics - Capturly Blog","og_description":"User experience is the art of ethical influence. It helps you understand the meaning and feeling of your users. So what does a UX Designer do?","og_url":"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/","og_site_name":"Capturly Blog","article_published_time":"2018-11-08T14:29:22+00:00","article_modified_time":"2023-01-31T10:06:50+00:00","og_image":[{"width":3840,"height":2160,"url":"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2018\/09\/capturly-user-experience-design.jpg","type":"image\/jpeg"}],"author":"Gabriella","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Gabriella","Est. reading time":"26 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/","url":"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/","name":"User Experience Design: From the Basics to Advanced Website Analytics - Capturly Blog","isPartOf":{"@id":"https:\/\/capturly.com\/blog\/#website"},"datePublished":"2018-11-08T14:29:22+00:00","dateModified":"2023-01-31T10:06:50+00:00","author":{"@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c"},"description":"User experience is the art of ethical influence. It helps you understand the meaning and feeling of your users. So what does a UX Designer do?","breadcrumb":{"@id":"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/capturly.com\/blog\/introduction-to-user-experience-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/capturly.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Experience Design: From the Basics to Advanced Website Analytics"}]},{"@type":"WebSite","@id":"https:\/\/capturly.com\/blog\/#website","url":"https:\/\/capturly.com\/blog\/","name":"Capturly Blog","description":"Optimize your website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/capturly.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/8f82d825cb4e6832343ec8b5cfb2c56c","name":"Gabriella","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/091c6f9c03cf9182f0fcca2711f99667?s=96&d=mm&r=g","caption":"Gabriella"},"url":"https:\/\/capturly.com\/blog\/author\/gabriella\/"}]}},"_links":{"self":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/1704"}],"collection":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/comments?post=1704"}],"version-history":[{"count":30,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/1704\/revisions"}],"predecessor-version":[{"id":6562,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/1704\/revisions\/6562"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media\/1780"}],"wp:attachment":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media?parent=1704"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/categories?post=1704"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/tags?post=1704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}