{"id":413,"date":"2024-12-11T17:52:26","date_gmt":"2024-12-11T17:52:26","guid":{"rendered":"https:\/\/sites.wsagames.com\/jr16g23\/?page_id=413"},"modified":"2025-01-18T16:49:03","modified_gmt":"2025-01-18T16:49:03","slug":"%e0%bc%84-week-9-interaction-controllers-ux-usabilty-%e0%bc%84","status":"publish","type":"page","link":"https:\/\/sites.wsagames.com\/jr16g23\/%e0%bc%84-week-9-interaction-controllers-ux-usabilty-%e0%bc%84\/","title":{"rendered":"\u0f04.\u00b0week 9~ interaction, controllers, UX, usabilty \u0f04.\u00b0"},"content":{"rendered":"\n

This week we looked into different UI components and were able to decide on device and input controls for our GDD.<\/p>\n\n\n\n

What is game UI?<\/strong><\/p>\n\n\n\n

A game UI is an interface with components that help players navigate, find information, and accomplish goals. There is a large list of game UI components\u2014life bars, coin counters, level maps, etc. Like UI design for mobile apps, video game UI design requires close attention to detail and functionality.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

We then began learning the four different types of UI. Examples will be placed below.<\/p>\n\n\n\n

\n
\n
\"\"
Non-diegetic<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Diegetic<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"
Spatial<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Meta<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n

UI can serve both narrative and contextual purposes in a game. For example UI can show both a characters health bar, as well as dialogue which shows the narrative. <\/p>\n\n\n\n

With my game I would also say UI exists in both the games story and world space. With the anxiety meter this is the world space, however with components such as picking up objects I’d say this is more narrative driven. I aim for the objects to tell the story as well as text on screen.<\/p>\n\n\n\n

\n\n\n\n

Device and Input Controls:<\/strong><\/p>\n\n\n\n

In this session we had to begin to think about what platforms our games would be featured on. My original thoughts were PC, laptop and potentially mobile as many people have access to a laptop and\/or PC but an even bigger majority have access to a mobile device. <\/p>\n\n\n\n

Points to consider:<\/strong><\/p>\n\n\n\n

    \n
  • Screen size and image quality, card size and print<\/li>\n\n\n\n
  • resolution<\/li>\n\n\n\n
  • \u2022 Audio output (headphones, surround sound<\/li>\n\n\n\n
  • speakers)<\/li>\n\n\n\n
  • \u2022 Play contexts (portability?)<\/li>\n\n\n\n
  • \u2022 Market contexts (e.g., price points, platform<\/li>\n\n\n\n
  • expectations, where is your playership?)<\/li>\n\n\n\n
  • \u2022 Possibilities for co-operative play<\/li>\n\n\n\n
  • \u2022 Input controls<\/li>\n\n\n\n
  • \u2022 Accessibility (embodied literacy, financial,<\/li>\n\n\n\n
  • physical, geographical etc.)<\/li>\n<\/ul>\n\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    This week we looked into different UI components and were able to decide on device and input controls for our GDD. What is game UI? A game UI is an interface with components that help players navigate, find information, and accomplish goals. There is a large list of game UI components\u2014life bars, coin counters, level […]<\/p>\n","protected":false},"author":24,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-413","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/pages\/413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/comments?post=413"}],"version-history":[{"count":6,"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/pages\/413\/revisions"}],"predecessor-version":[{"id":934,"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/pages\/413\/revisions\/934"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/media?parent=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}