{"id":4618,"date":"2016-06-13T14:16:43","date_gmt":"2016-06-13T14:16:43","guid":{"rendered":"http:\/\/blog.brainstation.io\/?p=4618"},"modified":"2020-12-14T00:23:08","modified_gmt":"2020-12-14T05:23:08","slug":"digital-pathways-user-interface-design","status":"publish","type":"post","link":"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design","title":{"rendered":"What is User Interface Design?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">The job boom in tech has led to a number of diverse, highly specialized job roles. For those not currently working in tech, it can be tough to know what any given job or role means. In this article, I\u2019m going to talk about <\/span><a href=\"https:\/\/brainstation.io\/course\/online\/user-interface-design?utm_source=BSTNblog&amp;utm_campaign=blog_whatISUI\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">UI design<\/span><\/a><span style=\"font-weight: 400;\"> &#8211; how it fits into the workplace, and who should know how to do it.<\/span><\/p>\n<p><strong>What is UI design?<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">There are a few terms to know. A <\/span><b>digital product<\/b><span style=\"font-weight: 400;\"> is a software application or website that a human being uses to accomplish a goal (or set of goals). The <\/span><b>UI<\/b><span style=\"font-weight: 400;\">, or <\/span><b>User Interface<\/b><span style=\"font-weight: 400;\">, of a digital product, is the touchpoint where a human being interacts with that software. Uber, for example, is a phone app, as well as networked software system that connects passengers to drivers. Uber, taken as a whole, is a digital product. The screen that pops up when you press the Uber icon on your phone, the maps and animated cars and input fields that let you tell the app where you are and where you need to go &#8211; all of that is the UI.<\/span><\/p>\n<div class=\"lead-grid-container\">\n<div class=\"lead__card\">\n<div class=\"lead__image\"><img decoding=\"async\" class=\"hide--mobile\" src=\"https:\/\/brainstation.io\/blog\/wp-content\/uploads\/2020\/03\/Design3.jpg\" alt=\"Icon\"><\/div>\n<div class=\"lead__content\">\n<p id=\"lead__heading\" class=\"heading--4\">Become a UX Designer in just 12 weeks!<\/p>\n<p class=\"lead__description\">BrainStation&#8217;s <a href=\"https:\/\/brainstation.io\/course\/online\/remote-user-experience-design-bootcamp?utm_source=Blog&amp;utm_medium=BlogPost&amp;utm_campaign=blogLead\" target=\"_blank\" rel=\"noopener noreferrer\">User Experience Diploma Program<\/a> is a full-time, 12-week program that equips professionals with the skills and experience to start a new career in design.<\/p>\n<p id=\"lead__button--margin\"><a id=\"lead__button--hover\" class=\"lead__button\" href=\"https:\/\/brainstation.io\/book-call\/remote-user-experience-design-bootcamp?utm_source=Blog&amp;utm_medium=BlogPost&amp;utm_campaign=blogLead\" target=\"_blank\" rel=\"noopener noreferrer\">Speak to a Learning Advisor<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><b>UI designers<\/b><span style=\"font-weight: 400;\"> (wait for it) design the UI. They meticulously arrange buttons and sliders and images, pixel by pixel. They make sure that their product looks good on every screen it ends up on &#8211; whether for phones, tablets, computers, Chrome, Firefox, or Safari. They also pay attention to things like accessibility, ensuring products are designed in such a way that people who are (for example) color blind can use them.<\/span><\/p>\n<p><strong>Who should learn UI design?<\/strong><\/p>\n<p>People with an affinity for aesthetics and a passion for technology.<\/p>\n<p><span style=\"font-weight: 400;\">Digital design \u2013 the ability to make apps and websites that are crisp, beautiful and accessible &#8211; is a specific skill set. Being an amazing illustrator (for example) might help you understand what looks good and what doesn\u2019t, but digital design isn\u2019t just about looking good \u2013 it involves a little more than that. It\u2019s rooted in a pragmatic set of processes that help your creations function and communicate. It\u2019s possible to have a resume that doesn\u2019t include any digital work at all \u2013 which is fine if you aren\u2019t applying for tech jobs. If you want to work in tech, it is worth having portfolio pieces that showcase a mastery over (specifically) digital skills.<\/span><\/p>\n<p><b>People with technical backgrounds who want to do front-end development.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">There are a few reasons UI design might be relevant to your work. There is obviously a lot of interaction between front-end development and a product\u2019s user interface. Digital designers need to have some understanding of technical requirements, and developers need to have some grasp of UI principles. Communication and collaboration with other members of your team are important. If you\u2019re working on the front-end of a product, generally the more you know the better.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019re working on your own personal projects, or as part of a small start-up, you might have to do more than work with a UI designer &#8211; you might have to be the UI designer, even if visual design is far outside your comfort zone. The good news is that for a lot of digital design work, simply knowing how to use design tools, and understanding industry best practices, is enough to create simple, clean, functional UI. There are a lot of amazingly creative digital visionaries, whose design work delights, amazes, and raises the bar. You don\u2019t need to be an amazingly creative digital visionary to design a robust UI that looks pretty good though.<\/span><\/p>\n<p><strong>This is a long list. Can we take a break?<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">We\u2019re almost done, but sure! Here\u2019s One Direction\u2019s \u201c<\/span><span style=\"font-weight: 400;\">You and I<\/span><span style=\"font-weight: 400;\">\u201d to hold you over.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A modern classic! Now, who else should learn UI design?<\/span><\/p>\n<p><b>UX Designers.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">People who already work in tech are reading this, rolling their eyes, and saying, \u201cwell, yeah\u201d (actually, some of them are saying \u201c<\/span><span style=\"font-weight: 400;\">no way!<\/span><span style=\"font-weight: 400;\">\u201d &#8211; but even if your job doesn\u2019t require you to work on the UI design yourself, it\u2019s still important to understand the fundamentals). For those not in the know, UX stands for User Experience. A concise explanation of what a UX designer does is that they <\/span><span style=\"font-weight: 400;\">intelligently lay out the blueprint<\/span><span style=\"font-weight: 400;\"> for the user\u2019s experience &#8211; which includes mapping out the UI. The two skillsets are so complementary that they are frequently conjoined into one job in the workplace. <\/span><\/p>\n<p><b>You.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">You seem interested. After all, you made it this far. BrainStation offers a few different ways to start learning UI design. We\u2019re always putting on <\/span><a href=\"https:\/\/brainstation.io\/events\/online\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">events<\/span><\/a><span style=\"font-weight: 400;\">, if you\u2019re interested a little bit more of a <\/span><span style=\"font-weight: 400;\">hands-on demo<\/span><span style=\"font-weight: 400;\">. We offer <\/span><span style=\"font-weight: 400;\">part-time evening classes<\/span><span style=\"font-weight: 400;\"> for those interested in brushing up on <\/span><a href=\"https:\/\/brainstation.io\/course\/online\/user-interface-design?utm_source=BSTNblog&amp;utm_campaign=blog_whatISUI\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">UI basics<\/span><\/a><span style=\"font-weight: 400;\">. For those ready to dive into the deep end, we offer a <\/span><a href=\"\/\/brainstation.io\/course\/online\/remote-user-experience-design-bootcamp?utm_source=BSTNblog&amp;utm_campaign=course_UXDesignDiploma\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">UX design bootcamp<\/span><\/a><span style=\"font-weight: 400;\">, designed to jumpstart a career into <\/span><span style=\"font-weight: 400;\">UX\/UI design<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The job boom in tech has led to a number of diverse, highly specialized job roles. For those [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":4619,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[290,158,157],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is User Interface Design? | BrainStation\u00ae Blog<\/title>\n<meta name=\"description\" content=\"In this article, we take a closer look at UI design work, how it fits into the workplace, and who should know how to do it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is User Interface Design? | BrainStation\u00ae Blog\" \/>\n<meta property=\"og:description\" content=\"In this article, we take a closer look at UI design work, how it fits into the workplace, and who should know how to do it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design\" \/>\n<meta property=\"og:site_name\" content=\"BrainStation\u00ae Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-13T14:16:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-14T05:23:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2016\/06\/LK1A8409.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"5472\" \/>\n\t<meta property=\"og:image:height\" content=\"3648\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"BrainStation\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/brainstation.io\/blog\/#website\",\"url\":\"https:\/\/brainstation.io\/blog\/\",\"name\":\"BrainStation\u00ae Blog\",\"description\":\"The Digital Learning Company\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/brainstation.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design#primaryimage\",\"url\":\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2016\/06\/LK1A8409.jpg\",\"contentUrl\":\"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2016\/06\/LK1A8409.jpg\",\"width\":5472,\"height\":3648,\"caption\":\"UX Designer\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design#webpage\",\"url\":\"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design\",\"name\":\"What is User Interface Design? | BrainStation\u00ae Blog\",\"isPartOf\":{\"@id\":\"https:\/\/brainstation.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design#primaryimage\"},\"datePublished\":\"2016-06-13T14:16:43+00:00\",\"dateModified\":\"2020-12-14T05:23:08+00:00\",\"author\":{\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11\"},\"description\":\"In this article, we take a closer look at UI design work, how it fits into the workplace, and who should know how to do it.\",\"breadcrumb\":{\"@id\":\"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/brainstation.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is User Interface Design?\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11\",\"name\":\"BrainStation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/brainstation.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g\",\"caption\":\"BrainStation\"},\"description\":\"BrainStation is a global leader in digital skills training, empowering businesses and brands to succeed in the digital age. Established in 2012, BrainStation has worked with over 250 instructors from the most innovative companies, developing cutting-edge, real-world digital education that has empowered more than 50,000 professionals and some of the largest corporations in the world.\",\"url\":\"https:\/\/brainstation.io\/blog\/author\/brainstation\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is User Interface Design? | BrainStation\u00ae Blog","description":"In this article, we take a closer look at UI design work, how it fits into the workplace, and who should know how to do it.","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:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design","og_locale":"en_US","og_type":"article","og_title":"What is User Interface Design? | BrainStation\u00ae Blog","og_description":"In this article, we take a closer look at UI design work, how it fits into the workplace, and who should know how to do it.","og_url":"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design","og_site_name":"BrainStation\u00ae Blog","article_published_time":"2016-06-13T14:16:43+00:00","article_modified_time":"2020-12-14T05:23:08+00:00","og_image":[{"width":5472,"height":3648,"url":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2016\/06\/LK1A8409.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"BrainStation","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/brainstation.io\/blog\/#website","url":"https:\/\/brainstation.io\/blog\/","name":"BrainStation\u00ae Blog","description":"The Digital Learning Company","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brainstation.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design#primaryimage","url":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2016\/06\/LK1A8409.jpg","contentUrl":"https:\/\/d2re7sjnpekmig.cloudfront.net\/prod\/wp-content\/uploads\/2016\/06\/LK1A8409.jpg","width":5472,"height":3648,"caption":"UX Designer"},{"@type":"WebPage","@id":"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design#webpage","url":"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design","name":"What is User Interface Design? | BrainStation\u00ae Blog","isPartOf":{"@id":"https:\/\/brainstation.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design#primaryimage"},"datePublished":"2016-06-13T14:16:43+00:00","dateModified":"2020-12-14T05:23:08+00:00","author":{"@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11"},"description":"In this article, we take a closer look at UI design work, how it fits into the workplace, and who should know how to do it.","breadcrumb":{"@id":"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/brainstation.io\/blog\/digital-pathways-user-interface-design#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brainstation.io\/blog"},{"@type":"ListItem","position":2,"name":"What is User Interface Design?"}]},{"@type":"Person","@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/9f37983a6c4da6cf5dd422481ac8cf11","name":"BrainStation","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brainstation.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/80c14b8388838ae1453aec36606b232d?s=96&d=mm&r=g","caption":"BrainStation"},"description":"BrainStation is a global leader in digital skills training, empowering businesses and brands to succeed in the digital age. Established in 2012, BrainStation has worked with over 250 instructors from the most innovative companies, developing cutting-edge, real-world digital education that has empowered more than 50,000 professionals and some of the largest corporations in the world.","url":"https:\/\/brainstation.io\/blog\/author\/brainstation"}]}},"_links":{"self":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/4618"}],"collection":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/comments?post=4618"}],"version-history":[{"count":8,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/4618\/revisions"}],"predecessor-version":[{"id":12344,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/posts\/4618\/revisions\/12344"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/media\/4619"}],"wp:attachment":[{"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/media?parent=4618"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/categories?post=4618"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brainstation.io\/blog\/wp-json\/wp\/v2\/tags?post=4618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}