{"id":3395,"date":"2022-04-19T13:57:10","date_gmt":"2022-04-19T08:27:10","guid":{"rendered":"https:\/\/www.cloudnowtech.com\/blog\/?p=3395"},"modified":"2022-04-19T15:11:18","modified_gmt":"2022-04-19T09:41:18","slug":"look-beyond-ui-ux-and-usability-part-1-of-2","status":"publish","type":"post","link":"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/","title":{"rendered":"Look beyond UI: UX and Usability (Part 1 of 2)"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">UI, UX, and Usability are terms that are too often confused with one another. No, UI is not the same as \u201cUI\/UX\u201d &#8211; UX is a far broader discipline in itself. And Usability is not the same as UX either &#8211; it is just one of the 7 components of UX. So let\u2019s dig a little deeper!<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">User Experience (UX)<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">User Experience is defined by <\/span><a href=\"https:\/\/www.gartner.com\/en\/marketing\/glossary\/user-experience\"><span style=\"font-weight: 400;\">Gartner<\/span><\/a><span style=\"font-weight: 400;\"> as \u201cthe sum of the effects caused by a person using a digital solution. UX efforts concentrate on the experience people have when interacting with a specific product or solution\u201d.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Therefore, UX deals with the user\u2019s feelings about your application, and the factors that drive these feelings. As we mentioned before, UX comprises 7 components:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Functionality<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Usability<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Findability<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Credibility<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Value<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Accessibility &amp; Responsive Design<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Desirability<\/span><\/li>\n<\/ol>\n<h3><span style=\"font-weight: 400;\">Components of UX in the real world<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">To understand this better, <\/span><a href=\"https:\/\/www.cloudnowtech.com\/resources\/enhanced-lms-operations-and-scalability.html\"><b>let\u2019s look at the example of a project that we delivered recently<\/b><\/a><span style=\"font-weight: 400;\"> &#8211; the modernization of a learning management system (LMS) &#8211; and how our work translated into measurably better UX metrics.<\/span><\/p>\n<p><b>We\u2019ll discuss Usability alone in Part 2 of this blog, to contrast it against the rest of the components of UX.<\/b><\/p>\n<h3><span style=\"font-weight: 400;\">1. Functionality<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Functionality refers to whether or not the application is useful to its users.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In the LMS modernization project we are referring to as an example, a gap analysis was performed between the client\u2019s legacy system and the business requirements to be met by the modernized application.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This made it possible to develop specific functionalities that end users would require, making the app more useful.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">3. Findability<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Referring to the ease of navigation on the application to find what the end user is looking for, Findability was a key consideration in this project.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Very limited sub menus were used in the application, making for a simple navigation, making it easy for a user to locate and access the available functionalities. This enabled a DIY approach to operations, without the need for users to constantly seek support.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">4. Credibility<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The trust that an end user has in an application tends to depend on easy access to support, current or recently updated content, and reliable, bug-free operation.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This was addressed through an easy to reach helpdesk, simplified LMS admin operations for faster and easier content management and updates, a Platform as a Service approach that ensured extensive testing as part of any new development, and upgraded infrastructure to ensure reliably high performance.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">5. Value<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The value that an end user derives and perceives from an application plays a major role in customer satisfaction.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With easy navigation and access to features, coupled with reliability and strong performance, not to mention an upgraded feature set, the modernized application is able to deliver value that is easy to understand and acknowledge by the end user.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">6. Accessibility &amp; Responsive Design<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Ease of access via different devices is an important factor in determining the user experience of an application.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The modernized LMS that was developed for our client was tested extensively across both real and simulated device environments, to ensure a seamless experience across screen sizes and operating systems.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">7. Desirability<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">What sets one digital experience apart from others is often the right combination of UX factors working together to create a seamless experience that delivers customer delight.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In this project, this was achieved through our attention to solving for the entire hierarchy of user needs, and helped make the product functional, reliable, usable, and also pleasurable to use, aided by its coherent visual design.<\/span><\/p>\n<p><b>Stay tuned for our next blog which will focus on component 2 of UX &#8211; Usability.<\/b><\/p>\n<p><i><span style=\"font-weight: 400;\">At CloudNow, a lot of the work we do boils down to creating a high quality user experience. It\u2019s a subject we\u2019ve built considerable expertise in, and plays a key role in determining the success of our work. Not sure how to put the theory of User Experience into practice in your project? Talk to us today!<\/span><\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>UI, UX, and Usability are terms that are too often confused with one another. No, UI is not the same as \u201cUI\/UX\u201d &#8211; UX is a far broader discipline in itself. And Usability is not the same as UX either &#8211; it is just one of the 7 components of UX. So let\u2019s dig a [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":3397,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[277],"tags":[198,204,337],"class_list":["post-3395","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application-development-modernization","tag-learning-management-system","tag-lms-modernization","tag-user-experience"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Look beyond UI: UX and Usability (Part 1 of 2) - Discover Better Value Faster<\/title>\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.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Look beyond UI: UX and Usability (Part 1 of 2) - Discover Better Value Faster\" \/>\n<meta property=\"og:description\" content=\"UI, UX, and Usability are terms that are too often confused with one another. No, UI is not the same as \u201cUI\/UX\u201d &#8211; UX is a far broader discipline in itself. And Usability is not the same as UX either &#8211; it is just one of the 7 components of UX. So let\u2019s dig a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Discover Better Value Faster\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-19T08:27:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-19T09:41:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i1.wp.com\/www.cloudnowtech.com\/blog\/wp-content\/uploads\/2022\/04\/Blog-94A.png?fit=1140%2C760&#038;ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1140\" \/>\n\t<meta property=\"og:image:height\" content=\"760\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Madhav Sattanathan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cloudnowtech.com\/blog\/#website\",\"url\":\"https:\/\/www.cloudnowtech.com\/blog\/\",\"name\":\"Discover Better Value Faster\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cloudnowtech.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/i1.wp.com\/www.cloudnowtech.com\/blog\/wp-content\/uploads\/2022\/04\/Blog-94A.png?fit=1140%2C760&ssl=1\",\"contentUrl\":\"https:\/\/i1.wp.com\/www.cloudnowtech.com\/blog\/wp-content\/uploads\/2022\/04\/Blog-94A.png?fit=1140%2C760&ssl=1\",\"width\":1140,\"height\":760,\"caption\":\"Look beyond UI: UX and Usability (Part 1 of 2)\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/#webpage\",\"url\":\"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/\",\"name\":\"Look beyond UI: UX and Usability (Part 1 of 2) - Discover Better Value Faster\",\"isPartOf\":{\"@id\":\"https:\/\/www.cloudnowtech.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/#primaryimage\"},\"datePublished\":\"2022-04-19T08:27:10+00:00\",\"dateModified\":\"2022-04-19T09:41:18+00:00\",\"author\":{\"@id\":\"https:\/\/www.cloudnowtech.com\/blog\/#\/schema\/person\/e2888a5a3ce1fb581ce307b2925cedc6\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cloudnowtech.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Look beyond UI: UX and Usability (Part 1 of 2)\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cloudnowtech.com\/blog\/#\/schema\/person\/e2888a5a3ce1fb581ce307b2925cedc6\",\"name\":\"Madhav Sattanathan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.cloudnowtech.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.cloudnowtech.com\/blog\/wp-content\/uploads\/2021\/11\/Madhav_300-96x96.png\",\"contentUrl\":\"https:\/\/www.cloudnowtech.com\/blog\/wp-content\/uploads\/2021\/11\/Madhav_300-96x96.png\",\"caption\":\"Madhav Sattanathan\"},\"description\":\"Madhav Sattanathan stepped into the technology realm at a very young age and, having nurtured this passion for technology consistently and persistently, has emerged as a technology leader equipped with the skills and knowledge to provide the right solutions for business growth.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/madhav-max-sattanathan-277a7b87\/\"],\"url\":\"https:\/\/www.cloudnowtech.com\/blog\/author\/max\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Look beyond UI: UX and Usability (Part 1 of 2) - Discover Better Value Faster","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.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/","og_locale":"en_US","og_type":"article","og_title":"Look beyond UI: UX and Usability (Part 1 of 2) - Discover Better Value Faster","og_description":"UI, UX, and Usability are terms that are too often confused with one another. No, UI is not the same as \u201cUI\/UX\u201d &#8211; UX is a far broader discipline in itself. And Usability is not the same as UX either &#8211; it is just one of the 7 components of UX. So let\u2019s dig a [&hellip;]","og_url":"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/","og_site_name":"Discover Better Value Faster","article_published_time":"2022-04-19T08:27:10+00:00","article_modified_time":"2022-04-19T09:41:18+00:00","og_image":[{"width":1140,"height":760,"url":"https:\/\/i1.wp.com\/www.cloudnowtech.com\/blog\/wp-content\/uploads\/2022\/04\/Blog-94A.png?fit=1140%2C760&ssl=1","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Madhav Sattanathan","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.cloudnowtech.com\/blog\/#website","url":"https:\/\/www.cloudnowtech.com\/blog\/","name":"Discover Better Value Faster","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cloudnowtech.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/#primaryimage","inLanguage":"en-US","url":"https:\/\/i1.wp.com\/www.cloudnowtech.com\/blog\/wp-content\/uploads\/2022\/04\/Blog-94A.png?fit=1140%2C760&ssl=1","contentUrl":"https:\/\/i1.wp.com\/www.cloudnowtech.com\/blog\/wp-content\/uploads\/2022\/04\/Blog-94A.png?fit=1140%2C760&ssl=1","width":1140,"height":760,"caption":"Look beyond UI: UX and Usability (Part 1 of 2)"},{"@type":"WebPage","@id":"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/#webpage","url":"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/","name":"Look beyond UI: UX and Usability (Part 1 of 2) - Discover Better Value Faster","isPartOf":{"@id":"https:\/\/www.cloudnowtech.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/#primaryimage"},"datePublished":"2022-04-19T08:27:10+00:00","dateModified":"2022-04-19T09:41:18+00:00","author":{"@id":"https:\/\/www.cloudnowtech.com\/blog\/#\/schema\/person\/e2888a5a3ce1fb581ce307b2925cedc6"},"breadcrumb":{"@id":"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.cloudnowtech.com\/blog\/look-beyond-ui-ux-and-usability-part-1-of-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cloudnowtech.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Look beyond UI: UX and Usability (Part 1 of 2)"}]},{"@type":"Person","@id":"https:\/\/www.cloudnowtech.com\/blog\/#\/schema\/person\/e2888a5a3ce1fb581ce307b2925cedc6","name":"Madhav Sattanathan","image":{"@type":"ImageObject","@id":"https:\/\/www.cloudnowtech.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/www.cloudnowtech.com\/blog\/wp-content\/uploads\/2021\/11\/Madhav_300-96x96.png","contentUrl":"https:\/\/www.cloudnowtech.com\/blog\/wp-content\/uploads\/2021\/11\/Madhav_300-96x96.png","caption":"Madhav Sattanathan"},"description":"Madhav Sattanathan stepped into the technology realm at a very young age and, having nurtured this passion for technology consistently and persistently, has emerged as a technology leader equipped with the skills and knowledge to provide the right solutions for business growth.","sameAs":["https:\/\/www.linkedin.com\/in\/madhav-max-sattanathan-277a7b87\/"],"url":"https:\/\/www.cloudnowtech.com\/blog\/author\/max\/"}]}},"jetpack_featured_media_url":"https:\/\/i1.wp.com\/www.cloudnowtech.com\/blog\/wp-content\/uploads\/2022\/04\/Blog-94A.png?fit=1140%2C760&ssl=1","_links":{"self":[{"href":"https:\/\/www.cloudnowtech.com\/blog\/wp-json\/wp\/v2\/posts\/3395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cloudnowtech.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cloudnowtech.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cloudnowtech.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cloudnowtech.com\/blog\/wp-json\/wp\/v2\/comments?post=3395"}],"version-history":[{"count":1,"href":"https:\/\/www.cloudnowtech.com\/blog\/wp-json\/wp\/v2\/posts\/3395\/revisions"}],"predecessor-version":[{"id":3396,"href":"https:\/\/www.cloudnowtech.com\/blog\/wp-json\/wp\/v2\/posts\/3395\/revisions\/3396"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cloudnowtech.com\/blog\/wp-json\/wp\/v2\/media\/3397"}],"wp:attachment":[{"href":"https:\/\/www.cloudnowtech.com\/blog\/wp-json\/wp\/v2\/media?parent=3395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cloudnowtech.com\/blog\/wp-json\/wp\/v2\/categories?post=3395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cloudnowtech.com\/blog\/wp-json\/wp\/v2\/tags?post=3395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}