{"id":1271,"date":"2019-03-05T14:35:17","date_gmt":"2019-03-05T14:35:17","guid":{"rendered":"http:\/\/nyxditech.com\/blog_staging\/?p=1271"},"modified":"2019-03-06T10:00:19","modified_gmt":"2019-03-06T10:00:19","slug":"ux-and-ui-connected-different","status":"publish","type":"post","link":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different","title":{"rendered":"UX and UI: Connected, But Completely Different"},"content":{"rendered":"<p>User Experience, or more commonly known as UX is not a new term for the world of graphics and designing. It has been around for as long as the modern day revamping of the design techniques, ideas, tools and philosophy has evolved; so is the case with User interface or UI. They both do compliment each other and often go hand-in-hand, however, a lot of us think that they are the same thing, which is not true. User interface is, let\u2019s say, a part of user experience. Not clear yet? Let\u2019s clear the smoke and try to understand what are the basic differences between UX and UI designs. Let\u2019s go!<\/p>\n<h2>User Experience<\/h2>\n<p>It refers to a person\u2019s interactions with a product, application, website, or operating system. Which means, creating a UX design involves defining the way a product operates and how it meets a user\u2019s needs. Some of the obvious benchmarks are that a UX should be clear, comfortable and user-friendly. Moreover, a great UX is cautious and elaborate; you will most probably won\u2019t even notice it while browsing through a website.<\/p>\n<p>A good UX aims at simplifying the user journey. It makes the website navigation simple; simple enough that even a layman finds it a walk in the park. If a user finds it difficult to perform some of the most basic functions on a website, like to sign up, change their password, or get to their shopping cart, then there&#8217;s a clear problem with the UX. An effective UX smoothly guides a user through a website or an application.<\/p>\n<p>A UX designer is responsible for all aspects of a user\u2019s interaction, which means a UX designer is not just responsible for the technology behind a product, but they\u2019re responsible for how a user interacts with a company, both online and offline, including customer service and other aspects.<\/p>\n<h2>User Interface<\/h2>\n<p>While User Experience is the accumulation of tasks specifically focused on the optimization of a product for enjoyable and effective use, User Interface Design is its complement; the look and feel, the presentation and interactivity of a product. User interface (UI) is anything a user may interact with to use a digital product or service. This includes everything from screens and touchscreens, keyboards, sounds, and even lights.<\/p>\n<p>A UI designer\u2019s responsibilities are more cosmetic than a UX designer\u2019s. A UI designer is mostly responsible for the presentation of a product. That said, it\u2019s not that a UI designer randomly picks some pictures and logos and use them blindly.<\/p>\n<p>A UI Designer takes care of the Interface design, prototyping design, interaction design, user testing and optimal design. Towards the end of development, a UI designer takes control over the app\u2019s appearance, including on-screen forms, images, buttons, links and icons. Without a user interface designer\u2019s intervention, a design would not appear beautiful and appealing.<\/p>\n<h2>Key Differences<\/h2>\n<h3>UX enhances the usability, UI enriches the visual appeal<\/h3>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-1274\" src=\"http:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/01_uxui.jpg\" alt=\"\" width=\"768\" height=\"432\" srcset=\"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/01_uxui.jpg 768w, https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/01_uxui-300x169.jpg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<p>The core objective of UX design is to make the product more useful for users. UX designers are responsible for ensuring that the company delivers a product or service that meets the needs of the customer and allows them to seamlessly achieve their desired outcome. On the other hand, UI designers are more inclined towards creating a visually appealing and aesthetically pleasing website design for users. Additionally, UI design must help users navigate through the website by designing buttons in different sizes, to show priority. UI designers take care of minute visual details to make the site look attractive.<\/p>\n<h3>UX Design is first, followed by UI<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-1275\" src=\"http:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/02_uxui.jpg\" alt=\"\" width=\"768\" height=\"432\" srcset=\"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/02_uxui.jpg 768w, https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/02_uxui-300x169.jpg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<p>Normally, UX design and research is the first thing that designers dive into when deciding whether to build a product or application. They start with a competitive analysis and market research to come up with insights which improve site functionality. UI design comes much later; once the prototype has gone through several iterations and is almost finalized, all the wireframes are in place, then the UI designer steps in. Here is where the creative spirit of designers is put to test. They work on the visual design and micro-interactions.<\/p>\n<h3>UX pertains to products, services and interfaces, but UI only pertains to interfaces<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-1277\" src=\"http:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/04_uxui.jpg\" alt=\"\" width=\"768\" height=\"432\" srcset=\"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/04_uxui.jpg 768w, https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/04_uxui-300x169.jpg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The scope of UX is much broader than UI. UX design is garnering a lot of attention and is becoming more popular day-by-day. It\u2019s no longer restricted to the companies with a web presence, but many others that develop products or provide services are identifying the importance of researching the market, users and validating them before they build. The scope of UI is however restricted only to user interfaces. That said, it doesn\u2019t mean that UI is limited to graphical user interfaces of computers, tablets and mobile devices. A lot of other products also need a touch of UI designing these days, like watches, washing machines, car dashboards, vending machines etc.<\/p>\n<h3>UX has a social component, UI has an artistic component<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1276\" src=\"http:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/03_uxui.jpg\" alt=\"\" width=\"768\" height=\"432\" srcset=\"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/03_uxui.jpg 768w, https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/03_uxui-300x169.jpg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<p>UX is more about people; it has a social component as it deals with market research, analysis, identifying a customer\u2019s pain points and how the product will solve these problems. User personas, journey maps and product user scenarios are accounted through UX research like contextual interviews, focus groups and prototyping, involving people. UI design has an artistic component as it relates to the design and interfaces with the product. It is about the aesthetic value and visuals. It affects what the end-user sees, hears, and feels.<\/p>\n<h2>Concluding notes<\/h2>\n<p>It is evident that UX and UI are completely two different things and focus on different aspects. But, they both complement each other and go hand-in-hand. It is almost impossible to bail out UI from UX and UX from UI. In a nutshell, UX design helps users accomplish meaningful tasks across platforms and services, while UI design makes compelling and aesthetically pleasing interfaces that connect with humans.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>User Experience, or more commonly known as UX is not a new term for the world of graphics and designing. It has been around for as long as the modern day revamping of the design techniques, ideas, tools and philosophy has evolved; so is the case with User interface or UI. They both do compliment each other and often go hand-in-hand, however, a lot of us think that they are the same thing, which is not true. User interface is, let\u2019s say, a part of user experience. Not clear yet? Let\u2019s clear the smoke and try to understand what are the basic differences between UX and UI designs. Let\u2019s go! User Experience It refers to a person\u2019s interactions with a product, application, website, or operating system. Which means, creating a UX design involves defining the way a product operates and how it meets a user\u2019s needs. Some of the obvious benchmarks are that a UX should be clear, comfortable and user-friendly. Moreover, a great UX is cautious and elaborate; you will most probably won\u2019t even notice it while browsing through a website. A good UX aims at simplifying the user journey. It makes the website navigation simple; simple enough that even a layman finds it a walk in the park. If a user finds it difficult to perform some of the most basic functions on a website, like to sign up, change their password, or get to their shopping cart, then there&#8217;s a clear problem with the UX. An effective UX smoothly guides a user through a website or an application. A UX designer is responsible for all aspects of a user\u2019s interaction, which means a UX designer is not just responsible for the technology behind a product, but they\u2019re responsible for how a user interacts with a company, both online and offline, including customer service and other aspects. User Interface While User Experience is the accumulation of tasks specifically focused on the optimization of a product for enjoyable and effective use, User Interface Design is its complement; the look and feel, the presentation and interactivity of a product. User interface (UI) is anything a user may interact with to use a digital product or service. This includes everything from screens and touchscreens, keyboards, sounds, and even lights. A UI designer\u2019s responsibilities are more cosmetic than a UX designer\u2019s. A UI designer is mostly responsible for the presentation of a product. That said, it\u2019s not that a UI designer randomly picks some pictures and logos and use them blindly. A UI Designer takes care of the Interface design, prototyping design, interaction design, user testing and optimal design. Towards the end of development, a UI designer takes control over the app\u2019s appearance, including on-screen forms, images, buttons, links and icons. Without a user interface designer\u2019s intervention, a design would not appear beautiful and appealing. Key Differences UX enhances the usability, UI enriches the visual appeal The core objective of UX design is to make the product more useful for users. UX designers are responsible for ensuring that the company delivers a product or service that meets the needs of the customer and allows them to seamlessly achieve their desired outcome. On the other hand, UI designers are more inclined towards creating a visually appealing and aesthetically pleasing website design for users. Additionally, UI design must help users navigate through the website by designing buttons in different sizes, to show priority. UI designers take care of minute visual details to make the site look attractive. UX Design is first, followed by UI Normally, UX design and research is the first thing that designers dive into when deciding whether to build a product or application. They start with a competitive analysis and market research to come up with insights which improve site functionality. UI design comes much later; once the prototype has gone through several iterations and is almost finalized, all the wireframes are in place, then the UI designer steps in. Here is where the creative spirit of designers is put to test. They work on the visual design and micro-interactions. UX pertains to products, services and interfaces, but UI only pertains to interfaces &nbsp; The scope of UX is much broader than UI. UX design is garnering a lot of attention and is becoming more popular day-by-day. It\u2019s no longer restricted to the companies with a web presence, but many others that develop products or provide services are identifying the importance of researching the market, users and validating them before they build. The scope of UI is however restricted only to user interfaces. That said, it doesn\u2019t mean that UI is limited to graphical user interfaces of computers, tablets and mobile devices. A lot of other products also need a touch of UI designing these days, like watches, washing machines, car dashboards, vending machines etc. UX has a social component, UI has an artistic component UX is more about people; it has a social component as it deals with market research, analysis, identifying a customer\u2019s pain points and how the product will solve these problems. User personas, journey maps and product user scenarios are accounted through UX research like contextual interviews, focus groups and prototyping, involving people. UI design has an artistic component as it relates to the design and interfaces with the product. It is about the aesthetic value and visuals. It affects what the end-user sees, hears, and feels. Concluding notes It is evident that UX and UI are completely two different things and focus on different aspects. But, they both complement each other and go hand-in-hand. It is almost impossible to bail out UI from UX and UX from UI. In a nutshell, UX design helps users accomplish meaningful tasks across platforms and services, while UI design makes compelling and aesthetically pleasing interfaces that connect with humans.<\/p>\n","protected":false},"author":1,"featured_media":1273,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29,46,15,39],"tags":[86,355,129,85,100,356,8,357],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX and UI: Connected, But Completely Different - NYX Ditech<\/title>\n<meta name=\"description\" content=\"It is evident that UX and UI are completely two different things and focus on different aspects. But, they both complement each other and go hand-in-hand\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX and UI: Connected, But Completely Different - NYX Ditech\" \/>\n<meta property=\"og:description\" content=\"It is evident that UX and UI are completely two different things and focus on different aspects. But, they both complement each other and go hand-in-hand\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different\" \/>\n<meta property=\"og:site_name\" content=\"NYX Ditech\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-05T14:35:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-03-06T10:00:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/UIUX.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"432\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX and UI: Connected, But Completely Different - NYX Ditech","description":"It is evident that UX and UI are completely two different things and focus on different aspects. But, they both complement each other and go hand-in-hand","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:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different","og_locale":"en_US","og_type":"article","og_title":"UX and UI: Connected, But Completely Different - NYX Ditech","og_description":"It is evident that UX and UI are completely two different things and focus on different aspects. But, they both complement each other and go hand-in-hand","og_url":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different","og_site_name":"NYX Ditech","article_published_time":"2019-03-05T14:35:17+00:00","article_modified_time":"2019-03-06T10:00:19+00:00","og_image":[{"width":768,"height":432,"url":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/UIUX.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different#article","isPartOf":{"@id":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different"},"author":{"name":"admin","@id":"https:\/\/nyxditech.com\/blog_staging\/#\/schema\/person\/33d0b3d1f48eed4a537608abd5f401ee"},"headline":"UX and UI: Connected, But Completely Different","datePublished":"2019-03-05T14:35:17+00:00","dateModified":"2019-03-06T10:00:19+00:00","mainEntityOfPage":{"@id":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different"},"wordCount":992,"commentCount":0,"publisher":{"@id":"https:\/\/nyxditech.com\/blog_staging\/#organization"},"image":{"@id":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different#primaryimage"},"thumbnailUrl":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/UIUX.jpg","keywords":["UI","UI designer","User Experience","User Interface","UX","UX designer","web design","wireframes"],"articleSection":["Brand &amp; Identity","Design","UX","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different","url":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different","name":"UX and UI: Connected, But Completely Different - NYX Ditech","isPartOf":{"@id":"https:\/\/nyxditech.com\/blog_staging\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different#primaryimage"},"image":{"@id":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different#primaryimage"},"thumbnailUrl":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/UIUX.jpg","datePublished":"2019-03-05T14:35:17+00:00","dateModified":"2019-03-06T10:00:19+00:00","description":"It is evident that UX and UI are completely two different things and focus on different aspects. But, they both complement each other and go hand-in-hand","breadcrumb":{"@id":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different#primaryimage","url":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/UIUX.jpg","contentUrl":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2019\/03\/UIUX.jpg","width":768,"height":432,"caption":"UX and UI"},{"@type":"BreadcrumbList","@id":"https:\/\/nyxditech.com\/blog_staging\/ux-and-ui-connected-different#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nyxditech.com\/blog_staging\/"},{"@type":"ListItem","position":2,"name":"UX and UI: Connected, But Completely Different"}]},{"@type":"WebSite","@id":"https:\/\/nyxditech.com\/blog_staging\/#website","url":"https:\/\/nyxditech.com\/blog_staging\/","name":"NYX Ditech","description":"","publisher":{"@id":"https:\/\/nyxditech.com\/blog_staging\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nyxditech.com\/blog_staging\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nyxditech.com\/blog_staging\/#organization","name":"NYX Ditech","url":"https:\/\/nyxditech.com\/blog_staging\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nyxditech.com\/blog_staging\/#\/schema\/logo\/image\/","url":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2024\/03\/nyxditech_logo.png","contentUrl":"https:\/\/nyxditech.com\/blog_staging\/wp-content\/uploads\/2024\/03\/nyxditech_logo.png","width":173,"height":70,"caption":"NYX Ditech"},"image":{"@id":"https:\/\/nyxditech.com\/blog_staging\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/nyxditech.com\/blog_staging\/#\/schema\/person\/33d0b3d1f48eed4a537608abd5f401ee","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nyxditech.com\/blog_staging\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9ea8d51a35e986075ec6e097c1dc4446?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9ea8d51a35e986075ec6e097c1dc4446?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/nyxditech.com\/blog_staging\/author\/admin"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/posts\/1271"}],"collection":[{"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/comments?post=1271"}],"version-history":[{"count":3,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/posts\/1271\/revisions"}],"predecessor-version":[{"id":1279,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/posts\/1271\/revisions\/1279"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/media\/1273"}],"wp:attachment":[{"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/media?parent=1271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/categories?post=1271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyxditech.com\/blog_staging\/wp-json\/wp\/v2\/tags?post=1271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}