{"id":392,"date":"2020-10-27T19:41:33","date_gmt":"2020-10-28T00:41:33","guid":{"rendered":"https:\/\/wowfall2020.londietmartin.com\/?p=392"},"modified":"2020-11-01T18:29:13","modified_gmt":"2020-11-02T00:29:13","slug":"what-we-can-learn-from-video-game-design","status":"publish","type":"post","link":"https:\/\/wowfall2020.londietmartin.com\/?p=392","title":{"rendered":"What We Can Learn from Video Game Design"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><strong>What is UI\/UX<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:44% auto\"><figure class=\"wp-block-media-text__media\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"710\" src=\"https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/Avg_Gamer_EF19.png?resize=548%2C710&#038;ssl=1\" alt=\"\" class=\"wp-image-393\" srcset=\"https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/Avg_Gamer_EF19.png?w=548&amp;ssl=1 548w, https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/Avg_Gamer_EF19.png?resize=232%2C300&amp;ssl=1 232w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p align=\"justify\">A 2019 study by the Entertainment Software Association showed <a href=\"https:\/\/www.theesa.com\/esa-research\/2019-essential-facts-about-the-computer-and-video-game-industry\/\">around 65% percent of American adults play video games<\/a>. Part of this uptick in popularity is due to smartphones, which have literally placed games into the palms of our hands \u2013 anywhere, anytime. And undoubtedly, aspects of plot, characters, graphics, and game mechanics all contribute to a game\u2019s success, too, but the unsung hero of gaming (and, really, software in generally) is User Interface (UI). In the simplest of terms, UI in gaming includes, basically, every way you as a player interact with that game. Weapons loadout screens, health bars, menus, dashboards, et cetera all are a part of UI.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">image from <a href=\"http:\/\/theesa.com\" target=\"_blank\" rel=\"noreferrer noopener\">theesa.com<\/a><\/p>\n\n\n\n<p align=\"justify\">All of this plays into User Experience (UX), which defines how good (or bad) the user perceives their interactions with the software. One of the quickest ways to lose your player\u2019s interest is to have clunky, difficult-to-navigate tools and menus within your game. Gamers want intuitive controls, and it could be said that other users want the same experience out of the software or website they are using.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Applying UI\/UX Outside of Gaming<\/strong><\/h4>\n\n\n\n<p align=\"justify\">Understanding how UI\/UX applies to the larger technical world is a valuable asset for a designer to possess. It comes down to knowing and understanding your audience \u2013 their wants and needs from your product \u2013 and designing with them in mind. This general rule of thumb can apply to a variety of different types of software and websites. Users are looking to achieve their goal with the least amount of effort and clicks. Creating content that is easy to navigate and providing the user with the experience\/information they are looking for is the quickest way to provide positive UX to your consumers.<\/p>\n\n\n\n<p align=\"justify\"><a href=\"https:\/\/uxdesign.cc\/ux-and-video-game-design-5d8bcc50be67\">In a May 2020 article<\/a>, one game and UI designer, Alex Harbuzinski, offered three questions he poses when considering design choices. While he refers to game design, these same ideas can easily be extrapolated into other design fields.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Will all players be able to interpret the information correctly?<\/li><li>Does the solution fit with the established game design intentions?<\/li><li>Is there a more appropriate option to consider?<\/li><\/ul>\n\n\n\n<p align=\"justify\">He goes on to describe his experience designing VR (virtual reality) mechanics, \u201cI had to make them easy to learn, engaging, intuitive\u2026\u201d In general, you should be applying these same design choices to your content to maximize UX.<\/p>\n\n\n\n<p align=\"justify\">Finally, he offers the following design tip, \u201cThat\u2019s why you should keep in mind that it\u2019s a good practice to design your game from the players\u2019 perspective, their culture, feelings and needs.\u201d<\/p>\n\n\n\n<p align=\"justify\"><a href=\"https:\/\/syndicode.com\/blog\/the-ux-design-pyramid-with-the-user-needs\/\">One 2018 article from Syndicode.com<\/a> provides the below graphic describing the breakdown of what traits create a positive user experience.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"syndicode.com\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/The-UX-pyramid.png?resize=616%2C308&#038;ssl=1\" alt=\"\" class=\"wp-image-394\" width=\"616\" height=\"308\" srcset=\"https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/The-UX-pyramid.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/The-UX-pyramid.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/The-UX-pyramid.png?resize=768%2C384&amp;ssl=1 768w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/a><figcaption>image from <a href=\"http:\/\/syndicode.com\" target=\"_blank\" rel=\"noreferrer noopener\">syndicode.com<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The same article goes on to offer four tips on creating convenient and usable UX:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Eliminate the physical and cognitive barriers that make using a product or service difficult.<\/li><li>Improve the user flow by placing the content exactly where it is needed.<\/li><li>Make the perception of experience and expectations clear and smooth.<\/li><li>Give your users the control to manage their own experiences.<\/li><\/ul>\n\n\n\n<p align=\"justify\">Some game designers have even found that their experience creating game UIs have led to opportunities in seemingly disparate fields. <a href=\"https:\/\/venturebeat.com\/2019\/08\/11\/how-game-user-interfaces-can-inspire-better-tech-products\/\">Harlan Elam, for example, is an ex-Blizzard employee.<\/a> Originally, he worked on website and app design for World of Warcraft, but he now uses his design skills to create complex analysis dashboards for Jask, a cybersecurity company. Below is an example of Jask&#8217;s ASOC cybersecurity UI. There are elements that should look familiar to most gamers. Symbols, colors, the division of menus and submenus, it all ties into enhancing (or diminishing) UX.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/jask-dash-ui.png?resize=774%2C382&#038;ssl=1\" alt=\"\" class=\"wp-image-395\" width=\"774\" height=\"382\" srcset=\"https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/jask-dash-ui.png?resize=1024%2C506&amp;ssl=1 1024w, https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/jask-dash-ui.png?resize=300%2C148&amp;ssl=1 300w, https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/jask-dash-ui.png?resize=768%2C380&amp;ssl=1 768w, https:\/\/i0.wp.com\/wowfall2020.londietmartin.com\/wp-content\/uploads\/2020\/10\/jask-dash-ui.png?w=1456&amp;ssl=1 1456w\" sizes=\"auto, (max-width: 774px) 100vw, 774px\" \/><figcaption>image provided by Jask Cybersecurity<\/figcaption><\/figure>\n\n\n\n<p align=\"justify\">And it&#8217;s not just Mr. Elam. In fact, <a href=\"https:\/\/venturebeat.com\/2018\/04\/02\/mcafee-finds-that-gamers-are-strong-candidates-for-cybersecurity-jobs\/\">a survey conducted by McAfee<\/a> suggests that gamers and game designers may be a good fit for cybersecurity jobs due to common traits like logic, perseverance, and critical thinking.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Take-Aways<\/strong><\/h4>\n\n\n\n<p align=\"justify\">Humans are visual creatures and can, frankly, be kind of lazy. An article from 2017 says this on the matter, <a href=\"https:\/\/kontra.agency\/video-games-teach-you-ux-ui\/\">\u201cDuring thousands of years of evolution our brains have become hardwired to do the least amount of work possible to get a certain task done; meaning that we\u2019re more result than process-driven.\u201d<\/a> It goes on to say, \u201cUser-centric design is the pinnacle of good UX as it mitigates potential arrogance and adjusts the elements according to the needs and preferences of your target audience.\u201d Whether you\u2019re creating a video game, some other software, or a website, it\u2019s imperative to know and understand your audience\u2019s needs.<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\"><li><strong>Keep it simple. <\/strong>People want your content to be self-explanatory. Don\u2019t make the learning curve too steep or people may become bored or frustrated.<\/li><li><strong>Design for both form and function.<\/strong> Simple doesn\u2019t have to mean simplistic; you can provide both a user-friendly and aesthetically pleasing, original experience. One does not automatically negate the other.<\/li><li><strong>Understand your audience. <\/strong>Know who your audience is and try to anticipate their needs. Try to look at your content through their eyes. Or, better yet, conduct surveys or research panels to gather feedback from other people.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">One UI designer, Akhil Dakinedi, offered this advice to those just starting out, <a href=\"https:\/\/medium.com\/@a_kill_\/video-game-ui-the-design-process-explained-14c23fa70d37\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cIt\u2019s fine to not know and just experiment for a bit.\u201d<\/a> He suggests doing your research and looking at other successful models to compare your design choices to. Consider what works (or doesn\u2019t) for them. However, he cautions, \u201cThere is a fine line, though, between straight up copying the tried-and-true methods, as opposed to being inspired by them to come up with your own variation on it.\u201d<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is UI\/UX A 2019 study by the Entertainment Software Association showed around 65% percent of American adults play video games. Part of this uptick&hellip;<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_monsterinsights_skip_tracking":false,"_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_post_was_ever_published":false},"categories":[1],"tags":[56,55,57,59,58,54,37],"class_list":["post-392","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-design","tag-gaming","tag-graphic-design","tag-user-experience","tag-user-interface","tag-video-games","tag-web-design"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/posts\/392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=392"}],"version-history":[{"count":5,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/posts\/392\/revisions"}],"predecessor-version":[{"id":473,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=\/wp\/v2\/posts\/392\/revisions\/473"}],"wp:attachment":[{"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=392"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=392"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wowfall2020.londietmartin.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}