{"id":669,"date":"2024-11-22T14:30:26","date_gmt":"2024-11-22T14:30:26","guid":{"rendered":"https:\/\/sites.wsagames.com\/is3g23\/?page_id=669"},"modified":"2024-12-03T12:17:28","modified_gmt":"2024-12-03T12:17:28","slug":"%e2%9c%a9week-9-interaction-controllers-ux-usability%e2%9c%a9","status":"publish","type":"page","link":"https:\/\/sites.wsagames.com\/is3g23\/%e2%9c%a9week-9-interaction-controllers-ux-usability%e2%9c%a9\/","title":{"rendered":"\u2729Week 9 Interaction, Controllers, UX &amp; Usability\u2729"},"content":{"rendered":"\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:14px\">This week we looked at deciding on UI components (HUD, buttons, etc.) &amp; deciding on device and input controls which will eventually go into our GDDs.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:14px\">To start off what is <strong>game UI?<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:14px\">Well UI is an interface which has components that help players navigate, find information, and accomplish goals. Some of game UI components could be some of the following, life bars, coin counters, level maps, etc. Video games UI design requires close attention to detail and functionality.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:70% auto\"><figure class=\"wp-block-media-text__media\"><img fetchpriority=\"high\" decoding=\"async\" width=\"932\" height=\"499\" src=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture.jpg\" alt=\"\" class=\"wp-image-692 size-full\" srcset=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture.jpg 932w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture-300x161.jpg 300w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture-768x411.jpg 768w\" sizes=\"(max-width: 932px) 100vw, 932px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:14px\">We then went onto learn about 4 different types of UI and used Fire Watch as an example, where we found for the majority it lands in the diegetic segment.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:14px\">Here were some examples for us to look at:<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"760\" height=\"522\" data-id=\"693\" src=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture2.jpg\" alt=\"\" class=\"wp-image-693\" srcset=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture2.jpg 760w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture2-300x206.jpg 300w\" sizes=\"(max-width: 760px) 100vw, 760px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"667\" height=\"533\" data-id=\"694\" src=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture3.jpg\" alt=\"\" class=\"wp-image-694\" srcset=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture3.jpg 667w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture3-300x240.jpg 300w\" sizes=\"(max-width: 667px) 100vw, 667px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"505\" data-id=\"695\" src=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture4.jpg\" alt=\"\" class=\"wp-image-695\" srcset=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture4.jpg 638w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture4-300x237.jpg 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"603\" height=\"503\" data-id=\"696\" src=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture5.jpg\" alt=\"\" class=\"wp-image-696\" srcset=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture5.jpg 603w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/Capture5-300x250.jpg 300w\" sizes=\"(max-width: 603px) 100vw, 603px\" \/><\/figure>\n<\/figure>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:62% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"655\" height=\"495\" src=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/image_2024-11-25_163020032.png\" alt=\"\" class=\"wp-image-697 size-full\" srcset=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/image_2024-11-25_163020032.png 655w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/image_2024-11-25_163020032-300x227.png 300w\" sizes=\"(max-width: 655px) 100vw, 655px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:14px\">We then had to decide where about our UI components would fall, after a quick talk with Vanissa it was clear that my UI exists in the game&#8217;s story instead of in the game world space. This then allowed me to start thinking of the UI that would appear on screen within my game, I had already started doing some UI for my game and so I ended up showing it to the class where Vanissa gave me some feedback that for the most my UI was non-diegetic but in the scene with the heart rate monitor it could become meta. From here I will need to do some experimentation which can be found <a href=\"https:\/\/sites.wsagames.com\/is3g23\/hud-ui-experiments\/\"><strong>here<\/strong><\/a>.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:14px\"><strong>Decide on device and input controls<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:14px\">Here is where we had to start considering which types of platforms we wanted our games to be on.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:14px\">My initial thoughts when deciding on the device that my game would be on is PC and laptop, as about 54.6% of people worldwide have a personal laptop or desktop and 1.8 million people worldwide have a PC. So realistically this would be able to be broadcasted to a wide audience, and with succession I could look to expand to mobile but for now I will focus on PC and laptop.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:46% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"329\" height=\"409\" src=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/image_2024-11-25_165441228.png\" alt=\"\" class=\"wp-image-698 size-full\" srcset=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/image_2024-11-25_165441228.png 329w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/11\/image_2024-11-25_165441228-241x300.png 241w\" sizes=\"(max-width: 329px) 100vw, 329px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:14px\">Here were also some points that we will need to consider which will require some research into finding out what works best with the devices that I have chosen. The one point I don&#8217;t need to worry about is co-op as my game is single player.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:14px\">Lastly we covered <strong>button mapping<\/strong> which for me appears pretty straight forward as it will be a mouse and a keyboard so will also be straightforward for players to get to grips with the mechanics.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:15px\"><strong>Week 9 Guest Speaker Notes:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"2086\" src=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/12\/unnamed.jpg\" alt=\"\" class=\"wp-image-788\" srcset=\"https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/12\/unnamed.jpg 748w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/12\/unnamed-108x300.jpg 108w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/12\/unnamed-367x1024.jpg 367w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/12\/unnamed-551x1536.jpg 551w, https:\/\/sites.wsagames.com\/is3g23\/wp-content\/uploads\/sites\/24\/2024\/12\/unnamed-734x2048.jpg 734w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This week we looked at deciding on UI components (HUD, buttons, etc.) &amp; deciding on device and input controls which will eventually go into our GDDs. To start off what is game UI? Well UI is an interface which has components that help players navigate, find information, and accomplish goals. Some of game UI components [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-669","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/is3g23\/wp-json\/wp\/v2\/pages\/669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/is3g23\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.wsagames.com\/is3g23\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/is3g23\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/is3g23\/wp-json\/wp\/v2\/comments?post=669"}],"version-history":[{"count":4,"href":"https:\/\/sites.wsagames.com\/is3g23\/wp-json\/wp\/v2\/pages\/669\/revisions"}],"predecessor-version":[{"id":789,"href":"https:\/\/sites.wsagames.com\/is3g23\/wp-json\/wp\/v2\/pages\/669\/revisions\/789"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/is3g23\/wp-json\/wp\/v2\/media?parent=669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}