{"id":1899,"date":"2025-03-05T15:37:57","date_gmt":"2025-03-05T15:37:57","guid":{"rendered":"https:\/\/sites.wsagames.com\/ab15g23\/?p=1899"},"modified":"2025-03-13T14:11:44","modified_gmt":"2025-03-13T14:11:44","slug":"designing-the-tutorial","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/ab15g23\/designing-the-tutorial\/","title":{"rendered":"Designing the Tutorial"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-system-monospace-font-family wp-block-paragraph\" id=\"a14e\">The tutorial acts as the place where you\u2019re able to teach players what you want them to learn and engage them in the game from the start. A good tutorial can make players feel engaged and motivated to continue playing, while a poor tutorial can lead to frustration and churn.<\/p>\n<cite>&#8211; Alexia Mandeville, Game Designer<\/cite><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">The work I have produced was informed by insights gained from reading <em><a href=\"https:\/\/alexiamandeville.medium.com\/designing-a-good-game-tutorial-3c5dcbc50041\">Designing a Good Game Tutorial<\/a><\/em> and engaging with an <a href=\"https:\/\/www.cs.cornell.edu\/courses\/cs3152\/2024sp\/labs\/design1\/\">online lab<\/a> on the subject. These resources provided valuable background knowledge and practical understanding, which contributed to the development of my work.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"3b59\">What to keep in mind when designing a game\u2019s tutorial:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Make it fun, not boring<\/li>\n\n\n\n<li>Scaffold information<\/li>\n\n\n\n<li>Introduce long term and short term goals<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"1ce4\">It&#8217;s important that the player has fun and feels a sense of gratificaiton from the gameplay as soon as possible. The faster they get invested the better it is to keep them motivated. This can be done through agency of choice, a fun mechanic to play with, or allowing them to make progress and offering a quick reward.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"6b50\">Scaffold Information<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"e32e\">Scaffolding information means listing out the information the player needs to be taught and prioritising it. For <em>Those Left Behind<\/em> that is:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Make sure survivors have enough food every day<\/li>\n\n\n\n<li>Make sure you gather enough materials by the end of the week<\/li>\n\n\n\n<li>Surviving a week means progressing the story<\/li>\n\n\n\n<li>Dialogue choices in the storyline have impact (short term goals)<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"b9c5\">The tutorial can&#8217;t overload the player with too much information, doing so will likely overwhelm, frustrate or lead them to forgetting it. The best&nbsp;games excel by using good, intuitive UI\/UX and as little text as possible.<\/p>\n\n\n\n<figure class=\"wp-block-image alignright size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"508\" height=\"412\" src=\"https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/02\/image-38.png\" alt=\"\" class=\"wp-image-1895\" style=\"width:302px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/02\/image-38.png 508w, https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/02\/image-38-300x243.png 300w\" sizes=\"(max-width: 508px) 100vw, 508px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Players should always know what they need to do and how they are progressing. Great games have long term goals and short term goals. Explaining the long term goals as soon as possible helps give context to the game.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using the instructions Joe wrote out on paper during the first playtest (figure on the right), I&#8217;m going refine them into steps that will appear as a series of pop-ups at each area of interest on the screen guiding the player&#8217;s actions for &#8220;Day 0&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"542\" height=\"342\" src=\"https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/03\/image-1.png\" alt=\"\" class=\"wp-image-1902\" style=\"width:608px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/03\/image-1.png 542w, https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/03\/image-1-300x189.png 300w\" sizes=\"(max-width: 542px) 100vw, 542px\" \/><figcaption class=\"wp-element-caption\">Sketch introducing my idea of a tutorial sequence to teammates. <\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tutorial events:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Introduce player to <strong>Food <\/strong>resource &#8211; tell player that food keeps survivors alive, every day they will lose 4 food. Ending the day with less than 4 food is fatal. <br><strong>GOAL: Keep survivors alive<\/strong><\/li>\n\n\n\n<li>Introduce player to <strong>Survivors <\/strong>&#8211; tell player they can be assigned to work in different camps to gather other resources.<\/li>\n\n\n\n<li>Introduce player to <strong>Weekly Tasks <\/strong>&#8211; tells the player what resources need to be gathered by the end of the week. Failing to do so means survivors do not have enough to keep going.<br><strong>GOAL: have enough resources<\/strong><\/li>\n\n\n\n<li>Introduce player to <strong>Suvivor Skills<\/strong> in character profiles- tells player some survivors are better suited to gathering certain resources than others.<\/li>\n\n\n\n<li><strong>ACTION<\/strong>: Assign a survivor to a camp by drag and drop<\/li>\n\n\n\n<li><strong>Praise Message<\/strong> &#8211; tell the player they&#8217;re getting the hang of it.<\/li>\n\n\n\n<li>Introduce to <strong>End Day<\/strong> button &#8211; tell the player they can now end the day and collect the resources from the camps<\/li>\n\n\n\n<li>Introduce <strong>End Week <\/strong>button &#8211; tell the player they can now end the week, checking if they have completed the daily tasks and providing a <strong>weekly summary<\/strong>. They can now end the week and begin the <strong>story<\/strong> (begin dialogue scene 1)<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Tutorial Storyboard<\/h2>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img decoding=\"async\" width=\"2880\" height=\"2048\" src=\"https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/03\/image-2.png\" alt=\"\" class=\"wp-image-1904\" srcset=\"https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/03\/image-2.png 2880w, https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/03\/image-2-300x213.png 300w, https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/03\/image-2-1024x728.png 1024w, https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/03\/image-2-768x546.png 768w, https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/03\/image-2-1536x1092.png 1536w, https:\/\/sites.wsagames.com\/ab15g23\/wp-content\/uploads\/sites\/5\/2025\/03\/image-2-2048x1456.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Changes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the meeting that the tutorial was discussed, the technical designer suggested the tutorial occur before the first dialogue scene as shown in the storyboard above. Upon finishing the tutorial, Joe considered the tutorial from a player standpoint and believes it would be more effective if the tutorial occurred quickly after the dialogue scene. This is as simple as changing the last panel into the first panel and pushing everything forward. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I agree with the changes, it helps the flow of the gameplay and the player is granted context to the game through a character before they are able to play.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The tutorial acts as the place where you\u2019re able to teach players what you want them to learn and engage them in the game from the start. A good tutorial can make players feel engaged and motivated to continue playing, while a poor tutorial can lead to frustration and churn. &#8211; Alexia Mandeville, Game Designer [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44],"tags":[],"class_list":["post-1899","post","type-post","status-publish","format-standard","hentry","category-development"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/ab15g23\/wp-json\/wp\/v2\/posts\/1899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/ab15g23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/ab15g23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ab15g23\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ab15g23\/wp-json\/wp\/v2\/comments?post=1899"}],"version-history":[{"count":7,"href":"https:\/\/sites.wsagames.com\/ab15g23\/wp-json\/wp\/v2\/posts\/1899\/revisions"}],"predecessor-version":[{"id":2056,"href":"https:\/\/sites.wsagames.com\/ab15g23\/wp-json\/wp\/v2\/posts\/1899\/revisions\/2056"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/ab15g23\/wp-json\/wp\/v2\/media?parent=1899"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/ab15g23\/wp-json\/wp\/v2\/categories?post=1899"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/ab15g23\/wp-json\/wp\/v2\/tags?post=1899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}