{"id":15336,"date":"2022-01-20T07:41:13","date_gmt":"2022-01-20T07:41:13","guid":{"rendered":"https:\/\/essentials.id\/?p=15336"},"modified":"2022-06-23T06:45:26","modified_gmt":"2022-06-23T06:45:26","slug":"what-is-uiux","status":"publish","type":"post","link":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/","title":{"rendered":"What is UI\/UX?"},"content":{"rendered":"<p style=\"text-align: justify;\">Always put yourself in your client\u2019s perspective!<\/p>\n<p style=\"text-align: justify;\">If you go to a website, let say a news website, what do you want to see there? Recent news? Headlines? Weather? Is it all easily accessible the first time you landed on the website? How about the loading time? Is it fast? If the answer is all yes then that news website has a good UX (User Experience).<\/p>\n<p style=\"text-align: justify;\">On the other hand, is it easy to navigate? Is\u00a0it pretty to look at? Is it designed purposely to compliment the content?\u00a0 If the answer is all yes then that news website has a good UI (User Interface).<\/p>\n<p style=\"text-align: justify;\">While User Experience is a conglomeration of tasks focused on optimization of a product for effective and enjoyable use;\u00a0<b>User Interface<\/b>\u00a0Design is its complement, the look, and feel, the presentation and interactivity of a product.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16194 \" src=\"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031446\/senayan-city-by-grab-essentials.jpg\" alt=\"\" width=\"680\" height=\"456\" srcset=\"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031446\/senayan-city-by-grab-essentials.jpg 540w, https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031446\/senayan-city-by-grab-essentials-300x201.jpg 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><br \/>\nAbove is the Senayan City website that we\u2019ve designed.<\/p>\n<p style=\"text-align: justify;\">At first glance, it was nothing special, no fancy parallax design, no over the top animation just boxes of images. But we cannot judge everything from the cover right? From Google Analytics we see an increase of more than 150% visitors compared to the previous website, there\u2019s also an increase in visitor quality (targeted segmentation) and the bounce rate is 20% lower. And why is that?<\/p>\n<p style=\"text-align: justify;\">We designed the Senayan City website with their target market in mind. We give the visitors what they want right on the doorstep (Landing Page). All the visitors want to know are promotions, events, and directories, so why put them hidden in navigation if you can put them on the landing page.<\/p>\n<p style=\"text-align: justify;\">As simple as that.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16192 size-full\" src=\"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031418\/curtain.gif\" alt=\"\" width=\"500\" height=\"281\" \/><br \/>\nTo create an engaging website, first, you need to know your audience, why they would want to go to your website, and give them only that.<\/p>\n<p style=\"text-align: justify;\">Other information can be hidden inside the navigation.<\/p>\n<p style=\"text-align: justify;\">Today\u2019s fast pace lifestyle is not suited for the traditional marketing communication traditional approach, people are only willing to see what they want to see, I am sorry to say this but they don\u2019t really care about you, they care about what they can get from you.<\/p>\n<p style=\"text-align: justify;\">Hope this helps \ud83d\ude42 until next time.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Always put yourself in your client\u2019s perspective! If you go to a website, let say a news website, what do you want to see there? Recent news? Headlines? Weather? Is it all easily accessible the first time you landed on the website? How about the loading time? Is it fast? If the answer is all yes then that news website [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":16193,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[94],"tags":[122,99],"class_list":["post-15336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uiux","tag-web-design-tips","tag-website-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is UI\/UX? - Essentials!<\/title>\n<meta name=\"description\" content=\"If you go to a website, let say a news website, Is it all easily accessible the first time you landed on the website? If the answer is all yes then that news website has a good UX\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is UI\/UX? - Essentials!\" \/>\n<meta property=\"og:description\" content=\"If you go to a website, let say a news website, Is it all easily accessible the first time you landed on the website? If the answer is all yes then that news website has a good UX\" \/>\n<meta property=\"og:url\" content=\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/\" \/>\n<meta property=\"og:site_name\" content=\"Essentials!\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-20T07:41:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-23T06:45:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031439\/open-book.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Tommy Fabianus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tommy Fabianus\" \/>\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:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/\"},\"author\":{\"name\":\"Tommy Fabianus\",\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/#\/schema\/person\/6100976a3b735b2ad7210c87ced807ef\"},\"headline\":\"What is UI\/UX?\",\"datePublished\":\"2022-01-20T07:41:13+00:00\",\"dateModified\":\"2022-06-23T06:45:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/\"},\"wordCount\":366,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/#organization\"},\"image\":{\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031439\/open-book.gif\",\"keywords\":[\"web design tips\",\"website design\"],\"articleSection\":[\"Website Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/\",\"url\":\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/\",\"name\":\"What is UI\/UX? - Essentials!\",\"isPartOf\":{\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031439\/open-book.gif\",\"datePublished\":\"2022-01-20T07:41:13+00:00\",\"dateModified\":\"2022-06-23T06:45:26+00:00\",\"description\":\"If you go to a website, let say a news website, Is it all easily accessible the first time you landed on the website? If the answer is all yes then that news website has a good UX\",\"breadcrumb\":{\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#primaryimage\",\"url\":\"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031439\/open-book.gif\",\"contentUrl\":\"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031439\/open-book.gif\",\"width\":500,\"height\":700,\"caption\":\"open book\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/grabessentials.id\/old-essentials\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is UI\/UX?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/#website\",\"url\":\"https:\/\/grabessentials.id\/old-essentials\/\",\"name\":\"Essentials!\",\"description\":\"Creative Digital Agency - SEO, WEBSITE DEVELOPMENT, SOCIAL MEDIA specialist\",\"publisher\":{\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/grabessentials.id\/old-essentials\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/#organization\",\"name\":\"Essentials!\",\"url\":\"https:\/\/grabessentials.id\/old-essentials\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/s3.ap-southeast-1.amazonaws.com\/essentials.id\/wp-content\/uploads\/2023\/06\/28074352\/Logo-Master-ESSENTIALS-01-lores.gif\",\"contentUrl\":\"https:\/\/s3.ap-southeast-1.amazonaws.com\/essentials.id\/wp-content\/uploads\/2023\/06\/28074352\/Logo-Master-ESSENTIALS-01-lores.gif\",\"width\":600,\"height\":96,\"caption\":\"Essentials!\"},\"image\":{\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/grabessentials.id\/old-essentials\/#\/schema\/person\/6100976a3b735b2ad7210c87ced807ef\",\"name\":\"Tommy Fabianus\",\"description\":\"Experienced Digital Marketing Professional\",\"sameAs\":[\"http:\/\/essentials.id\",\"https:\/\/www.linkedin.com\/in\/tommyfabianus\/\"],\"url\":\"https:\/\/grabessentials.id\/old-essentials\/author\/grabessentials\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is UI\/UX? - Essentials!","description":"If you go to a website, let say a news website, Is it all easily accessible the first time you landed on the website? If the answer is all yes then that news website has a good UX","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"What is UI\/UX? - Essentials!","og_description":"If you go to a website, let say a news website, Is it all easily accessible the first time you landed on the website? If the answer is all yes then that news website has a good UX","og_url":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/","og_site_name":"Essentials!","article_published_time":"2022-01-20T07:41:13+00:00","article_modified_time":"2022-06-23T06:45:26+00:00","og_image":[{"width":500,"height":700,"url":"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031439\/open-book.gif","type":"image\/gif"}],"author":"Tommy Fabianus","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Tommy Fabianus","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#article","isPartOf":{"@id":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/"},"author":{"name":"Tommy Fabianus","@id":"https:\/\/grabessentials.id\/old-essentials\/#\/schema\/person\/6100976a3b735b2ad7210c87ced807ef"},"headline":"What is UI\/UX?","datePublished":"2022-01-20T07:41:13+00:00","dateModified":"2022-06-23T06:45:26+00:00","mainEntityOfPage":{"@id":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/"},"wordCount":366,"commentCount":0,"publisher":{"@id":"https:\/\/grabessentials.id\/old-essentials\/#organization"},"image":{"@id":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#primaryimage"},"thumbnailUrl":"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031439\/open-book.gif","keywords":["web design tips","website design"],"articleSection":["Website Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/","url":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/","name":"What is UI\/UX? - Essentials!","isPartOf":{"@id":"https:\/\/grabessentials.id\/old-essentials\/#website"},"primaryImageOfPage":{"@id":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#primaryimage"},"image":{"@id":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#primaryimage"},"thumbnailUrl":"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031439\/open-book.gif","datePublished":"2022-01-20T07:41:13+00:00","dateModified":"2022-06-23T06:45:26+00:00","description":"If you go to a website, let say a news website, Is it all easily accessible the first time you landed on the website? If the answer is all yes then that news website has a good UX","breadcrumb":{"@id":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#primaryimage","url":"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031439\/open-book.gif","contentUrl":"https:\/\/grabessentials.s3.ap-southeast-1.amazonaws.com\/wp-content\/uploads\/2017\/08\/12031439\/open-book.gif","width":500,"height":700,"caption":"open book"},{"@type":"BreadcrumbList","@id":"https:\/\/grabessentials.id\/old-essentials\/what-is-uiux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/grabessentials.id\/old-essentials\/"},{"@type":"ListItem","position":2,"name":"What is UI\/UX?"}]},{"@type":"WebSite","@id":"https:\/\/grabessentials.id\/old-essentials\/#website","url":"https:\/\/grabessentials.id\/old-essentials\/","name":"Essentials!","description":"Creative Digital Agency - SEO, WEBSITE DEVELOPMENT, SOCIAL MEDIA specialist","publisher":{"@id":"https:\/\/grabessentials.id\/old-essentials\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/grabessentials.id\/old-essentials\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/grabessentials.id\/old-essentials\/#organization","name":"Essentials!","url":"https:\/\/grabessentials.id\/old-essentials\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/grabessentials.id\/old-essentials\/#\/schema\/logo\/image\/","url":"https:\/\/s3.ap-southeast-1.amazonaws.com\/essentials.id\/wp-content\/uploads\/2023\/06\/28074352\/Logo-Master-ESSENTIALS-01-lores.gif","contentUrl":"https:\/\/s3.ap-southeast-1.amazonaws.com\/essentials.id\/wp-content\/uploads\/2023\/06\/28074352\/Logo-Master-ESSENTIALS-01-lores.gif","width":600,"height":96,"caption":"Essentials!"},"image":{"@id":"https:\/\/grabessentials.id\/old-essentials\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/grabessentials.id\/old-essentials\/#\/schema\/person\/6100976a3b735b2ad7210c87ced807ef","name":"Tommy Fabianus","description":"Experienced Digital Marketing Professional","sameAs":["http:\/\/essentials.id","https:\/\/www.linkedin.com\/in\/tommyfabianus\/"],"url":"https:\/\/grabessentials.id\/old-essentials\/author\/grabessentials\/"}]}},"_links":{"self":[{"href":"https:\/\/grabessentials.id\/old-essentials\/wp-json\/wp\/v2\/posts\/15336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grabessentials.id\/old-essentials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/grabessentials.id\/old-essentials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/grabessentials.id\/old-essentials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grabessentials.id\/old-essentials\/wp-json\/wp\/v2\/comments?post=15336"}],"version-history":[{"count":0,"href":"https:\/\/grabessentials.id\/old-essentials\/wp-json\/wp\/v2\/posts\/15336\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/grabessentials.id\/old-essentials\/wp-json\/wp\/v2\/media\/16193"}],"wp:attachment":[{"href":"https:\/\/grabessentials.id\/old-essentials\/wp-json\/wp\/v2\/media?parent=15336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grabessentials.id\/old-essentials\/wp-json\/wp\/v2\/categories?post=15336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grabessentials.id\/old-essentials\/wp-json\/wp\/v2\/tags?post=15336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}