{"id":189,"date":"2023-07-16T00:56:19","date_gmt":"2023-07-16T00:56:19","guid":{"rendered":"https:\/\/yoitsmoe.co\/?page_id=189"},"modified":"2023-07-16T01:03:58","modified_gmt":"2023-07-16T01:03:58","slug":"feature-design","status":"publish","type":"page","link":"https:\/\/yoitsmoe.co\/?page_id=189","title":{"rendered":"Feature Design"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Accessibility features<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I designed two categories of accessibility features, Hearing Aids and Visual Aids. Players can access them in the main menu under Accessibility.<br><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/YK0vhYm4Dr53hCeT1-g8jGl7lEWwHPIU5KqTDKdzjnbpyx9AiRMSk3tsJ8INrfWnY14L-K9axuAnmWBavJ2xAf4rqqtMNQiYmP2C6DTaskMuOIX7ysQVxg54NxD44U99CqSG_YVpr4r_HmkbLt49gf8\" width=\"602\" height=\"424\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Accessibility menu design mockup<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Visual Aids<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">HUD Colorblind Modes<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Changes the color palette of HUD accents.<\/li>\n\n\n\n<li>Options: Colorblind, Default<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The important HUD elements in red\/green\/blue can change color for colorblind players.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are three kinds of important HUD elements in red\/green\/blue colors in the game now. Their colors need to be changed in <strong>HUD Colorblind Modes<\/strong> feature.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Detailed HUD elements that change color in <strong>HUD Colorblind Modes.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/H7_0A12AeJ94TtlFkUbxyYfI9HEw3-ZmldE7T6PHk5d3owG5AgpnR0xIEgjdv5nM-xc_9Y2xlgO36g-QUelcyhgiyxgtDCoPg9ad6RJbJeeAuzHZuLYIy2nYkXtkXA_yGIUVh15WWDKdawp0tZzVr_o\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Subtitles for Cinematics<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Enables subtitles for dialogue<\/li>\n\n\n\n<li>Background options: Off, Default,Light<\/li>\n<\/ol>\n\n\n\n<h1 class=\"wp-block-heading\">Surrender functionality<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">I designed a button in the ESC menu that allows players to submit a surrender.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Design<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Multiple game modes can result in a stalemate. To address this, I designed a button players can use to submit a surrender request. If the request is approved by two thirds of the team, the game is terminated. The winning player would receive the normal amount of XP. Players who capitulate would receive a diminished amount of XP.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design pillars<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Provide players with the means to end a game if they feel they won\u2019t win&nbsp;<\/li>\n\n\n\n<li>Provides the players who surrender with a reduced amount of XP after the match<\/li>\n\n\n\n<li>2\/3rds of the team need to agree on surrender for the game to end<\/li>\n\n\n\n<li>Incorporate functionality in a way that is buried in order not to discourage players<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Mockups&nbsp;<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/py5MoKwtUIy_ewtACswY88foyPfzfOLpO9yaA0Qo_ab9BGMCwOhSNIxWrpuond2zuFBLp0V9w4gCAgi1Ji0KgjbbaplRBhu_ZCLU1_b4Lhig0_DGi8w5bn7mZoHEOXJUK11FW-gkoaLXX-M4Rrj2Ogw\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Example of how to initiate a surrender through the ESC menu<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/2n8FGtZwmYRA--88Pw7BpH1CgMdth2MvS8O85l4yQYrcP0nUTBOWYKK498qevPIhuxktAv3AKD7zuMNNgrUuBPdqhJImm6r2oBJXCS2EAwJggMs8m2tEvdK08tQ5a7C1K1iTG0xqWau8LWUs0uaSZRE\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Mockup of the functionality in a 1 VS 5 standard game mode<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/j0NlEDqqcJA6bo3OS9CutkY0CXQksHIGQkaAijzw4yB8XE7cgzkyayBfSPe2KbaK6KAToxniaPDnmhoGT5dqojoCeGleNTuJcZaK-ZPJkWIhmJwLFi6tP1jpXHbgRcC0oe2awB_Ia5ZXXJMqYtbLP08\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Mockup of the functionality in a 2 VS 2 standard game mode<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">User Flow<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/ldm4RDlzkrOlrCwIXvJuO0D-LGBrxGFNNVKaCMv2PDVQ76xLqQLeSivuQgqgmukwUX-gAeaTXEolChrHeGxUPL5D9mc8qDWovbBu9tG8wu2HVrurcX_us1m2RXz-yJsqKGeiCJV2rRkBIxJO3q1c7cs\" alt=\"\"\/><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">Steam achievements&nbsp;<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">I was responsible for designing all the achievements in Crossfire: Legion. You can view them here: <a href=\"https:\/\/www.exophase.com\/game\/crossfire-legion-steam\/achievements\/\">Crossfire: Legion Achievements &#8211; Steam &#8211; Exophase.com<br><\/a><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Steam cards<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">I was responsible for designing all the cards in Crossfire:Legion. You can view them here <a href=\"https:\/\/www.steamcardexchange.net\/index.php?gamepage-appid-1072190\">Showcase : Crossfire: Legion (steamcardexchange.net)<\/a><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Post-game menu revisions<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Our publisher requested a number of improvements to the post-game menu. One such addition was more functionality in the post-game menu to help high-level players get deeper analytical insight into how their games went.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Construction timeline<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This allows players to learn from their opponents and improve their ability to quickly and effectively build bases in our game.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/DSNIzVjgpnl7zoKgFnUWmArwXF5VxijpJX5bhpBH3yu7hLhr0QQpRmb3b-6Pl8atpOnsrnW_Vf09LedAarpLAynFCYqW5vLYtTFhNwlk4WU3eUS9cnxXOGMI8W-OtReQeQnRWflp0aEhq_ZSL4bNQ6M\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Tracked actions<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Units built<\/li>\n\n\n\n<li>Buildings constructed<\/li>\n\n\n\n<li>Upgrades complete<\/li>\n\n\n\n<li>HQs captured&nbsp;<\/li>\n\n\n\n<li>Interaction with environmental object (eg. radar, medical bay)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Graphs over time<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this section, we provided a graph displaying resources gathered over time. The infographic gives players an insight into how often they and their opponents spend resources.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Sff3MuGjtloFY-43TYrVQk7oj2_9GhDxDs9LhxJzxMYWaaRd0J9d9JJvETzSqnxEb77cSJ9WrAl0cg4umAl3rha-O0EIzUKUB-FvZK6_3Bw1J-nJvdQTP-LVkE87lnIGJjwQmcftgvxzeui4YU8O7jM\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Unit use highlights&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For this feature, I suggested we keep track of the following statistics:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Which unit did the player produce the most of<\/li>\n\n\n\n<li>Which unit killed the most amount of enemy units<\/li>\n\n\n\n<li>Which unit dealt the most amount of damage<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I was inspired by Company of Heroes 2, whose post-game menu provides players with statistics on which units the player used most often, which unit did the most damage, and so on. The unit use highlights in Crossfire: Legion should replace the current personal menu and function similar to the tabs found in Company of Heroes.&nbsp;<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Alternative roster settings<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">To provide players with additional gameplay options, we provided the host of the lobby with a toggle button that disables all the roster restrictions and allows every unit to be built.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lobby mock up<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Players have a toggle that allows them to make any unit available to their faction. Technical and material requirements will still need to be met.<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/CghqECG8m8qpJMfv-8pQYnJX56Ml8ZbMGmdMZ-XXwnY_j63mJVyqvD3XnLhEv6eQQrkYnW3hfyOOjXOB6aqDcm6JY5MUKtwZ3-bBt35ngkvG8_Pet3EJFMmLwmk16z6iidrbHT8Yt2Nh46C1gTTjtes\" width=\"602\" height=\"340\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While \u201cDisable Unit Limit\u201d is active, unit slots will be grayed out and become unselectable.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Accessibility features Overview I designed two categories of accessibility features, Hearing Aids and Visual Aids. Players can access them in the main menu under Accessibility. Accessibility menu design mockup Visual Aids HUD Colorblind Modes The important HUD elements in red\/green\/blue can change color for colorblind players. There are three kinds of important HUD elements in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-189","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/pages\/189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=189"}],"version-history":[{"count":2,"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/pages\/189\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/pages\/189\/revisions\/197"}],"wp:attachment":[{"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}