{"id":44491,"date":"2018-02-22T04:15:56","date_gmt":"2018-02-22T11:15:56","guid":{"rendered":""},"modified":"2018-02-22T04:15:56","modified_gmt":"2018-02-22T11:15:56","slug":"a-comprehensive-guide-to-ui-design","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/","title":{"rendered":"A Comprehensive Guide To UI Design"},"content":{"rendered":"<p>(This is a sponsored article.) With the big picture established \u2014 mapping user journeys and defining your design\u2019s look and feel \u2014 my fifth article in this series of ten articles dives into the details of designing user interface components.<br \/>\nUX, IA, UI: All of these abbreviations can be confusing. In reality, as designers, we\u2019ll often be working across these different specialisms: designing the overall user experience (UX), organizing information logically as we consider information architecture (IA), and considering the granular design of the user interface (UI).<\/p>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>(This is a sponsored article.) With the big picture established \u2014 mapping user journeys and defining your design\u2019s look and feel \u2014 my fifth article in this series of ten articles dives into the details of designing user interface components. UX, IA, UI: All of these abbreviations can be confusing. In reality, as designers, we\u2019ll&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[15],"tags":[],"class_list":["post-44491","post","type-post","status-publish","format-standard","hentry","category-general-info"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"(This is a sponsored article.) With the big picture established \u2014 mapping user journeys and defining your design\u2019s look and feel \u2014 my fifth article in this series of ten articles dives into the details of designing user interface components. UX, IA, UI: All of these abbreviations can be confusing. In reality, as designers, we\u2019ll\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"general info\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"A Comprehensive Guide To UI Design | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"(This is a sponsored article.) With the big picture established \u2014 mapping user journeys and defining your design\u2019s look and feel \u2014 my fifth article in this series of ten articles dives into the details of designing user interface components. UX, IA, UI: All of these abbreviations can be confusing. In reality, as designers, we\u2019ll\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2018-02-22T11:15:56+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2018-02-22T11:15:56+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"A Comprehensive Guide To UI Design | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"(This is a sponsored article.) With the big picture established \u2014 mapping user journeys and defining your design\u2019s look and feel \u2014 my fifth article in this series of ten articles dives into the details of designing user interface components. UX, IA, UI: All of these abbreviations can be confusing. In reality, as designers, we\u2019ll\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/a-comprehensive-guide-to-ui-design\\\/#article\",\"name\":\"A Comprehensive Guide To UI Design | Design for Immersive Technologies\",\"headline\":\"A Comprehensive Guide To UI Design\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"datePublished\":\"2018-02-22T04:15:56-07:00\",\"dateModified\":\"2018-02-22T04:15:56-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/a-comprehensive-guide-to-ui-design\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/a-comprehensive-guide-to-ui-design\\\/#webpage\"},\"articleSection\":\"General Info\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/a-comprehensive-guide-to-ui-design\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/#listItem\",\"name\":\"General Info\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/#listItem\",\"position\":2,\"name\":\"General Info\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/a-comprehensive-guide-to-ui-design\\\/#listItem\",\"name\":\"A Comprehensive Guide To UI Design\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/a-comprehensive-guide-to-ui-design\\\/#listItem\",\"position\":3,\"name\":\"A Comprehensive Guide To UI Design\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/#listItem\",\"name\":\"General Info\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/a-comprehensive-guide-to-ui-design\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/a-comprehensive-guide-to-ui-design\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/a-comprehensive-guide-to-ui-design\\\/\",\"name\":\"A Comprehensive Guide To UI Design | Design for Immersive Technologies\",\"description\":\"(This is a sponsored article.) With the big picture established \\u2014 mapping user journeys and defining your design\\u2019s look and feel \\u2014 my fifth article in this series of ten articles dives into the details of designing user interface components. UX, IA, UI: All of these abbreviations can be confusing. In reality, as designers, we\\u2019ll\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/a-comprehensive-guide-to-ui-design\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"datePublished\":\"2018-02-22T04:15:56-07:00\",\"dateModified\":\"2018-02-22T04:15:56-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"A Comprehensive Guide To UI Design | Design for Immersive Technologies","description":"(This is a sponsored article.) With the big picture established \u2014 mapping user journeys and defining your design\u2019s look and feel \u2014 my fifth article in this series of ten articles dives into the details of designing user interface components. UX, IA, UI: All of these abbreviations can be confusing. In reality, as designers, we\u2019ll","canonical_url":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/","robots":"max-image-preview:large","keywords":"general info","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/#article","name":"A Comprehensive Guide To UI Design | Design for Immersive Technologies","headline":"A Comprehensive Guide To UI Design","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"datePublished":"2018-02-22T04:15:56-07:00","dateModified":"2018-02-22T04:15:56-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/#webpage"},"articleSection":"General Info"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/#listItem","name":"General Info"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/#listItem","position":2,"name":"General Info","item":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/#listItem","name":"A Comprehensive Guide To UI Design"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/#listItem","position":3,"name":"A Comprehensive Guide To UI Design","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/#listItem","name":"General Info"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/","name":"A Comprehensive Guide To UI Design | Design for Immersive Technologies","description":"(This is a sponsored article.) With the big picture established \u2014 mapping user journeys and defining your design\u2019s look and feel \u2014 my fifth article in this series of ten articles dives into the details of designing user interface components. UX, IA, UI: All of these abbreviations can be confusing. In reality, as designers, we\u2019ll","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"datePublished":"2018-02-22T04:15:56-07:00","dateModified":"2018-02-22T04:15:56-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"A Comprehensive Guide To UI Design | Design for Immersive Technologies","og:description":"(This is a sponsored article.) With the big picture established \u2014 mapping user journeys and defining your design\u2019s look and feel \u2014 my fifth article in this series of ten articles dives into the details of designing user interface components. UX, IA, UI: All of these abbreviations can be confusing. In reality, as designers, we\u2019ll","og:url":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/","article:published_time":"2018-02-22T11:15:56+00:00","article:modified_time":"2018-02-22T11:15:56+00:00","twitter:card":"summary","twitter:title":"A Comprehensive Guide To UI Design | Design for Immersive Technologies","twitter:description":"(This is a sponsored article.) With the big picture established \u2014 mapping user journeys and defining your design\u2019s look and feel \u2014 my fifth article in this series of ten articles dives into the details of designing user interface components. UX, IA, UI: All of these abbreviations can be confusing. In reality, as designers, we\u2019ll"},"aioseo_meta_data":{"post_id":"44491","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-08 05:32:22","updated":"2026-08-22 18:38:09","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/general-info\/\" title=\"General Info\">General Info<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tA Comprehensive Guide To UI Design\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"General Info","link":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/"},{"label":"A Comprehensive Guide To UI Design","link":"https:\/\/www.taterboy.com\/blog\/2018\/02\/a-comprehensive-guide-to-ui-design\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-bzB","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/44491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=44491"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/44491\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=44491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=44491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=44491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}