{"id":1052,"date":"2016-01-20T04:53:12","date_gmt":"2016-01-20T04:53:12","guid":{"rendered":"http:\/\/www.octalsoftware.com.sg\/blog\/?p=1052"},"modified":"2017-01-13T05:57:15","modified_gmt":"2017-01-13T05:57:15","slug":"understanding-ux-and-ui","status":"publish","type":"post","link":"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/","title":{"rendered":"The Anatomy of Design: Understanding UX and UI"},"content":{"rendered":"

How many times did you visit a website and kept browsing through its web pages for no apparent reason? Or when was the last time when you downloaded an app only to abandon it after using it just once? Has ever a product\u2019s design influenced your purchase decision? <\/p>\n

Our brain is brilliant at picking signals from noise. <\/p>\n

If your business depends on your official website or app, UI (User Interface) and UX (User Experience) can make or break your brand. <\/p>\n

When we talk about design<\/a>, we aren\u2019t necessarily talking only about the artistic elements like animation or image, but we also, sometimes subconsciously, take into account the overall experience. The minimalistic design of Medium, a publishing platform, is well-received by writer\u2019s community. There are no fancy animations or graphics. Medium boasts of a simple yet intriguing design. It is easy to get started with (through a social media sign-in) and producing content is delightful. So, when a user compliments or complaints about design, they might be referring to their experience rather than the design itself.
\n<\/p>\n

UX (User Experience): Your brand starts telling a story as soon as a visitor stumbles upon your presence. The visitor\u2019s attention is the currency and she should feel motivated enough to take the first step. It could be reading about your website, or trying a service. <\/p>\n

The role of UX starts right from beginning and goes on till the moment a user engage with your brand. Clear instructions, easy navigation, catchy content, and creative use of artistic elements ensure a lasting impression on the mind of the visitors and converts her into a loyal customer. <\/p>\n

UI (User Interface): TL;DR \u2013 A good UI ensures a wonderful UX; in fact, User Interface delivers User Experience. If UX is what a user sees or feels about your company, UI is something that delivered that experience in the first place. UI is everything that goes behind the scene.<\/p>\n

User Interface ensures<\/a> a clear navigation within the website\u2019s content, so that it could appeal to a wider audience. It is the packaging of texts and commands, text-boxes, menus, graphic elements, and all those elements required for driving user engagement. <\/p>\n

User Interface is the deciding factor of how well a user interact with your website and does what you want her to. <\/p>\n

A website\u2019s or app\u2019s success is as dependent on UX and UI design<\/a> as its utility. Website and mobile application developers must create an amazing experience for visitors or users so as to keep calling them back to their digital avenues. <\/p>\n","protected":false},"excerpt":{"rendered":"

How many times did you visit a website and kept browsing through its web pages for no apparent reason? Or when was the last time when you downloaded an app only to abandon it after using it just once? Has ever a product\u2019s design influenced your purchase decision? Our brain is brilliant at picking signals […]<\/p>\n","protected":false},"author":1,"featured_media":1053,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":""},"categories":[117,97],"tags":[],"yoast_head":"\nThe significant anatomy to understand UX and UI design.<\/title>\n<meta name=\"description\" content=\"UX and UI dicate the behavior of user interaction with your brand online. A good understanding of these concepts delivers better results and enhances experience.\" \/>\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.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The significant anatomy to understand UX and UI design.\" \/>\n<meta property=\"og:description\" content=\"UX and UI dicate the behavior of user interaction with your brand online. A good understanding of these concepts delivers better results and enhances experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"Octal Info Solution\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/OctalInfoSolutionSG\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/OctalInfoSolutionSG\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-20T04:53:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-01-13T05:57:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Arun Goyal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/octalsg\" \/>\n<meta name=\"twitter:site\" content=\"@octalsg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Arun Goyal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/\"},\"author\":{\"name\":\"Arun Goyal\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/b705e907ce73f52b5f5a51ae670d20d5\"},\"headline\":\"The Anatomy of Design: Understanding UX and UI\",\"datePublished\":\"2016-01-20T04:53:12+00:00\",\"dateModified\":\"2017-01-13T05:57:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/\"},\"wordCount\":438,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#organization\"},\"articleSection\":[\"Graphic Design\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/\",\"url\":\"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/\",\"name\":\"The significant anatomy to understand UX and UI design.\",\"isPartOf\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#website\"},\"datePublished\":\"2016-01-20T04:53:12+00:00\",\"dateModified\":\"2017-01-13T05:57:15+00:00\",\"description\":\"UX and UI dicate the behavior of user interaction with your brand online. A good understanding of these concepts delivers better results and enhances experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.octalsoftware.com.sg\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Anatomy of Design: Understanding UX and UI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#website\",\"url\":\"https:\/\/www.octalsoftware.com.sg\/blog\/\",\"name\":\"Octal Info Solution\",\"description\":\"Technology Outsourcing Simplified\",\"publisher\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.octalsoftware.com.sg\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#organization\",\"name\":\"Octal Info Solution\",\"url\":\"https:\/\/www.octalsoftware.com.sg\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"contentUrl\":\"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"width\":240,\"height\":38,\"caption\":\"Octal Info Solution\"},\"image\":{\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/OctalInfoSolutionSG\",\"https:\/\/twitter.com\/octalsg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/b705e907ce73f52b5f5a51ae670d20d5\",\"name\":\"Arun Goyal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f914f9cc75cbc3c48c3853c016228bbb?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f914f9cc75cbc3c48c3853c016228bbb?s=96&r=g\",\"caption\":\"Arun Goyal\"},\"description\":\"Managing Director @ Octal Info Solution, Arun Goyal is a tech-enthusiast and visionary entrepreneur. He loves to talk about technology, and expresses his views about the trends in tech-world through this blog.\",\"sameAs\":[\"http:\/\/octalsoftware.com.sg\/\",\"https:\/\/www.facebook.com\/OctalInfoSolutionSG\",\"https:\/\/www.linkedin.com\/company\/octal-info-solution-pte-ltd\",\"https:\/\/twitter.com\/https:\/\/twitter.com\/octalsg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The significant anatomy to understand UX and UI design.","description":"UX and UI dicate the behavior of user interaction with your brand online. A good understanding of these concepts delivers better results and enhances experience.","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.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/","og_locale":"en_US","og_type":"article","og_title":"The significant anatomy to understand UX and UI design.","og_description":"UX and UI dicate the behavior of user interaction with your brand online. A good understanding of these concepts delivers better results and enhances experience.","og_url":"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/","og_site_name":"Octal Info Solution","article_publisher":"https:\/\/www.facebook.com\/OctalInfoSolutionSG","article_author":"https:\/\/www.facebook.com\/OctalInfoSolutionSG","article_published_time":"2016-01-20T04:53:12+00:00","article_modified_time":"2017-01-13T05:57:15+00:00","og_image":[{"width":750,"height":410,"url":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5.jpg","type":"image\/jpeg"}],"author":"Arun Goyal","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/octalsg","twitter_site":"@octalsg","twitter_misc":{"Written by":"Arun Goyal","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/#article","isPartOf":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/"},"author":{"name":"Arun Goyal","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/b705e907ce73f52b5f5a51ae670d20d5"},"headline":"The Anatomy of Design: Understanding UX and UI","datePublished":"2016-01-20T04:53:12+00:00","dateModified":"2017-01-13T05:57:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/"},"wordCount":438,"commentCount":0,"publisher":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#organization"},"articleSection":["Graphic Design","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/","url":"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/","name":"The significant anatomy to understand UX and UI design.","isPartOf":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#website"},"datePublished":"2016-01-20T04:53:12+00:00","dateModified":"2017-01-13T05:57:15+00:00","description":"UX and UI dicate the behavior of user interaction with your brand online. A good understanding of these concepts delivers better results and enhances experience.","breadcrumb":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/understanding-ux-and-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.octalsoftware.com.sg\/blog\/"},{"@type":"ListItem","position":2,"name":"The Anatomy of Design: Understanding UX and UI"}]},{"@type":"WebSite","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#website","url":"https:\/\/www.octalsoftware.com.sg\/blog\/","name":"Octal Info Solution","description":"Technology Outsourcing Simplified","publisher":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.octalsoftware.com.sg\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#organization","name":"Octal Info Solution","url":"https:\/\/www.octalsoftware.com.sg\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2022\/09\/logo-1.png","contentUrl":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2022\/09\/logo-1.png","width":240,"height":38,"caption":"Octal Info Solution"},"image":{"@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/OctalInfoSolutionSG","https:\/\/twitter.com\/octalsg"]},{"@type":"Person","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/b705e907ce73f52b5f5a51ae670d20d5","name":"Arun Goyal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.octalsoftware.com.sg\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f914f9cc75cbc3c48c3853c016228bbb?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f914f9cc75cbc3c48c3853c016228bbb?s=96&r=g","caption":"Arun Goyal"},"description":"Managing Director @ Octal Info Solution, Arun Goyal is a tech-enthusiast and visionary entrepreneur. He loves to talk about technology, and expresses his views about the trends in tech-world through this blog.","sameAs":["http:\/\/octalsoftware.com.sg\/","https:\/\/www.facebook.com\/OctalInfoSolutionSG","https:\/\/www.linkedin.com\/company\/octal-info-solution-pte-ltd","https:\/\/twitter.com\/https:\/\/twitter.com\/octalsg"]}]}},"uagb_featured_image_src":{"full":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5.jpg",750,410,false],"thumbnail":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5-150x150.jpg",150,150,true],"medium":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5-300x164.jpg",300,164,true],"medium_large":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5.jpg",648,354,false],"large":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5.jpg",648,354,false],"1536x1536":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5.jpg",750,410,false],"2048x2048":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5.jpg",750,410,false],"sparkling-featured":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5-750x410.jpg",750,410,true],"sparkling-featured-fullwidth":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5.jpg",750,410,false],"tab-small":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5-60x60.jpg",60,60,true],"web-stories-poster-portrait":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5.jpg",640,350,false],"web-stories-publisher-logo":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5.jpg",96,52,false],"web-stories-thumbnail":["https:\/\/www.octalsoftware.com.sg\/blog\/wp-content\/uploads\/2016\/01\/graphic_design5.jpg",150,82,false]},"uagb_author_info":{"display_name":"Arun Goyal","author_link":"https:\/\/www.octalsoftware.com.sg\/blog\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"How many times did you visit a website and kept browsing through its web pages for no apparent reason? Or when was the last time when you downloaded an app only to abandon it after using it just once? Has ever a product\u2019s design influenced your purchase decision? Our brain is brilliant at picking signals…","_links":{"self":[{"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/posts\/1052"}],"collection":[{"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/comments?post=1052"}],"version-history":[{"count":4,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/posts\/1052\/revisions"}],"predecessor-version":[{"id":1894,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/posts\/1052\/revisions\/1894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/media\/1053"}],"wp:attachment":[{"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/media?parent=1052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/categories?post=1052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.octalsoftware.com.sg\/blog\/wp-json\/wp\/v2\/tags?post=1052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}