{"id":7151,"date":"2020-08-05T15:09:46","date_gmt":"2020-08-05T13:09:46","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=7151"},"modified":"2020-08-05T15:16:01","modified_gmt":"2020-08-05T13:16:01","slug":"the-ultimate-ui-design-guide","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/","title":{"rendered":"The ultimate UI design guide"},"content":{"rendered":"<p>What is user interface design? A better question would be, what actually goes into the design of a user interface? Aesthetics? Usability? Accessibility? All of them? How do all of these factors unite to enable an optimal user experience and which should come first?<\/p>\n<p>Accessibility should always come first, laying the foundations for optimal usability. And then, when a UI is both accessible and usable, it should already look rather decent in terms of aesthetics. Then, to make sure your design works on all levels, you&#8217;ll need to test it thoroughly, which you can do with our selection of the best user testing tools.<\/p>\n<p><a href=\"https:\/\/www.creativebloq.com\/features\/ui-design\">Creative Bloq<\/a> takes a closer look at the foundational elements of most designs and what can be done to ensure visual consistency.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is user interface design? A better question would be, what actually goes into the design of a user interface? Aesthetics? Usability? Accessibility? All of them? How do all of these factors unite to enable an optimal user experience and which should come first? Accessibility should always come first, laying the foundations for optimal usability.&#8230; <a class=\"more-link\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/\">Read more<\/a><\/p>\n","protected":false},"author":67,"featured_media":7155,"comment_status":"closed","ping_status":"closed","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":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[76],"tags":[],"collections":[],"class_list":{"0":"post-7151","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-design-ux","8":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>The ultimate UI design guide - Codemotion Magazine<\/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.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The ultimate UI design guide\" \/>\n<meta property=\"og:description\" content=\"What is user interface design? A better question would be, what actually goes into the design of a user interface? Aesthetics? Usability? Accessibility? All of them? How do all of these factors unite to enable an optimal user experience and which should come first? Accessibility should always come first, laying the foundations for optimal usability.&#8230; Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Codemotion Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codemotion.Italy\/\" \/>\n<meta property=\"article:author\" content=\"#\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-05T13:09:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-05T13:16:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"562\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Lorenzo Ermigiotti\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@#\" \/>\n<meta name=\"twitter:site\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lorenzo Ermigiotti\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/\"},\"author\":{\"name\":\"Lorenzo Ermigiotti\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#\\\/schema\\\/person\\\/e54433adb771f0b877d4127bade34b40\"},\"headline\":\"The ultimate UI design guide\",\"datePublished\":\"2020-08-05T13:09:46+00:00\",\"dateModified\":\"2020-08-05T13:16:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/\"},\"wordCount\":131,\"publisher\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg\",\"articleSection\":[\"Design\\\/UX\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/\",\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/\",\"name\":\"The ultimate UI design guide - Codemotion Magazine\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg\",\"datePublished\":\"2020-08-05T13:09:46+00:00\",\"dateModified\":\"2020-08-05T13:16:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg\",\"contentUrl\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg\",\"width\":1000,\"height\":562},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/the-ultimate-ui-design-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend\",\"item\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Design\\\/UX\",\"item\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/design-ux\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"The ultimate UI design guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#website\",\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/\",\"name\":\"Codemotion Magazine\",\"description\":\"We code the future. Together\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#organization\",\"name\":\"Codemotion\",\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/codemotionlogo.png\",\"contentUrl\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/codemotionlogo.png\",\"width\":225,\"height\":225,\"caption\":\"Codemotion\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Codemotion.Italy\\\/\",\"https:\\\/\\\/x.com\\\/CodemotionIT\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#\\\/schema\\\/person\\\/e54433adb771f0b877d4127bade34b40\",\"name\":\"Lorenzo Ermigiotti\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f84c267900f04a567ce1305c970bdb4520775aae41992ae028d80e84dc7009a9?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f84c267900f04a567ce1305c970bdb4520775aae41992ae028d80e84dc7009a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f84c267900f04a567ce1305c970bdb4520775aae41992ae028d80e84dc7009a9?s=96&d=mm&r=g\",\"caption\":\"Lorenzo Ermigiotti\"},\"sameAs\":[\"#\",\"https:\\\/\\\/x.com\\\/#\"],\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/author\\\/lorenzo-ermigiotti\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The ultimate UI design guide - Codemotion Magazine","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.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/","og_locale":"en_US","og_type":"article","og_title":"The ultimate UI design guide","og_description":"What is user interface design? A better question would be, what actually goes into the design of a user interface? Aesthetics? Usability? Accessibility? All of them? How do all of these factors unite to enable an optimal user experience and which should come first? Accessibility should always come first, laying the foundations for optimal usability.&#8230; Read more","og_url":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/","og_site_name":"Codemotion Magazine","article_publisher":"https:\/\/www.facebook.com\/Codemotion.Italy\/","article_author":"#","article_published_time":"2020-08-05T13:09:46+00:00","article_modified_time":"2020-08-05T13:16:01+00:00","og_image":[{"width":1000,"height":562,"url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg","type":"image\/jpeg"}],"author":"Lorenzo Ermigiotti","twitter_card":"summary_large_image","twitter_creator":"@#","twitter_site":"@CodemotionIT","twitter_misc":{"Written by":"Lorenzo Ermigiotti","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/#article","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/"},"author":{"name":"Lorenzo Ermigiotti","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/e54433adb771f0b877d4127bade34b40"},"headline":"The ultimate UI design guide","datePublished":"2020-08-05T13:09:46+00:00","dateModified":"2020-08-05T13:16:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/"},"wordCount":131,"publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg","articleSection":["Design\/UX"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/","url":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/","name":"The ultimate UI design guide - Codemotion Magazine","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg","datePublished":"2020-08-05T13:09:46+00:00","dateModified":"2020-08-05T13:16:01+00:00","breadcrumb":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/#primaryimage","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg","width":1000,"height":562},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/the-ultimate-ui-design-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemotion.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Frontend","item":"https:\/\/www.codemotion.com\/magazine\/frontend\/"},{"@type":"ListItem","position":3,"name":"Design\/UX","item":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/"},{"@type":"ListItem","position":4,"name":"The ultimate UI design guide"}]},{"@type":"WebSite","@id":"https:\/\/www.codemotion.com\/magazine\/#website","url":"https:\/\/www.codemotion.com\/magazine\/","name":"Codemotion Magazine","description":"We code the future. Together","publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codemotion.com\/magazine\/#organization","name":"Codemotion","url":"https:\/\/www.codemotion.com\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","width":225,"height":225,"caption":"Codemotion"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codemotion.Italy\/","https:\/\/x.com\/CodemotionIT"]},{"@type":"Person","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/e54433adb771f0b877d4127bade34b40","name":"Lorenzo Ermigiotti","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f84c267900f04a567ce1305c970bdb4520775aae41992ae028d80e84dc7009a9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f84c267900f04a567ce1305c970bdb4520775aae41992ae028d80e84dc7009a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f84c267900f04a567ce1305c970bdb4520775aae41992ae028d80e84dc7009a9?s=96&d=mm&r=g","caption":"Lorenzo Ermigiotti"},"sameAs":["#","https:\/\/x.com\/#"],"url":"https:\/\/www.codemotion.com\/magazine\/author\/lorenzo-ermigiotti\/"}]}},"featured_image_src":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80-600x400.jpg","featured_image_src_square":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80-600x562.jpg","author_info":{"display_name":"Lorenzo Ermigiotti","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/lorenzo-ermigiotti\/"},"uagb_featured_image_src":{"full":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg",1000,562,false],"thumbnail":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80-150x150.jpg",150,150,true],"medium":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80-300x169.jpg",300,169,true],"medium_large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80-768x432.jpg",768,432,true],"large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg",1000,562,false],"1536x1536":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg",1000,562,false],"2048x2048":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg",1000,562,false],"small-home-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80.jpg",100,56,false],"sidebar-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80-180x128.jpg",180,128,true],"genesis-singular-images":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80-896x504.jpg",896,504,true],"archive-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80-400x225.jpg",400,225,true],"gb-block-post-grid-landscape":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80-600x400.jpg",600,400,true],"gb-block-post-grid-square":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2020\/08\/PSENn5a9DSZgwhrQ7Khere-1024-80-600x562.jpg",600,562,true]},"uagb_author_info":{"display_name":"Lorenzo Ermigiotti","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/lorenzo-ermigiotti\/"},"uagb_comment_info":0,"uagb_excerpt":"What is user interface design? A better question would be, what actually goes into the design of a user interface? Aesthetics? Usability? Accessibility? All of them? How do all of these factors unite to enable an optimal user experience and which should come first? Accessibility should always come first, laying the foundations for optimal usability.&#8230;&hellip;","lang":"en","_links":{"self":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/7151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/comments?post=7151"}],"version-history":[{"count":3,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/7151\/revisions"}],"predecessor-version":[{"id":7154,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/7151\/revisions\/7154"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media\/7155"}],"wp:attachment":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media?parent=7151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/categories?post=7151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/tags?post=7151"},{"taxonomy":"collections","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/collections?post=7151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}