{"id":619,"date":"2010-02-22T11:11:05","date_gmt":"2010-02-22T10:11:05","guid":{"rendered":"http:\/\/www.stevebromley.com\/blog\/?p=619"},"modified":"2019-11-06T17:45:03","modified_gmt":"2019-11-06T16:45:03","slug":"improving-the-player-experience-how-to-make-great-loading-screens","status":"publish","type":"post","link":"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/","title":{"rendered":"Improving the Player Experience \u2013 How to make great loading screens"},"content":{"rendered":"<p>Players expect loading times, and recognise that they are a necessary evil. It\u2019s a given that most, if not all games, will have them. Since a loading screen is encountered by the player multiple times, it\u2019s important to think about their experience when they encounter these screens, as it will undoubtedly form part of their impression of your game. This is often forgotten by developers.<\/p>\n<p>Games are leisure activities, and so it\u2019s important to make sure that the player\u2019s impression is positive at all times. Today we\u2019ll be looking at some good ways that developers have handled loading screens, and some failed attempts that have caused players to complain, or turn off games completely, and coming up with guidelines on how to design a good loading screen.<\/p>\n<div align=\"center\">\n<div id=\"attachment_620\" style=\"width: 410px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-620\" src=\"http:\/\/www.stevebromley.com\/blog\/wp-content\/uploads\/2010\/02\/loading.png\" alt=\"Loading Screen\" title=\"loading\" width=\"430\" height=\"330\" class=\"size-full wp-image-620\" \/><p id=\"caption-attachment-620\" class=\"wp-caption-text\">Please wait for the rest of this post...<\/p><\/div>\n<\/div>\n<h4>Good loading screens<\/h4>\n<p>Loading screens don\u2019t have to have lead to a bad player experience, and as proved by:<\/p>\n<p><strong>Call of Duty: Modern Warfare 2<\/strong><\/p>\n<p>Call of Duty doesn\u2019t have loading screens. It has briefings. While the game loads, COD:MW2 uses this necessary \u2018lull\u2019 in game play to forward the story, and give the player a description of the back story for the next level. The effect of this on the player is that, instead of being booted out and told them \u201cwait here for more fun\u201d, the player is given the opportunity to continue interacting with the game.<\/p>\n<p>When I played COD:MW2, I had no idea what the story was, or what was going on. But the briefings distracted me enough from the loading screens that I didn\u2019t care, and didn\u2019t notice I was being kept waiting for the next part of the game.<\/p>\n<p><strong>Ridge Racer<\/strong><\/p>\n<p>What about games that don\u2019t have stories? Ridge Racer, for the PSX, gave you a mini-game to play while the game loaded (Arcade classic Galaxian I believe), hence keeping the player entertained. Namco have repeated this successful formula in other games, such as the Tekken series. Simply giving the player something to do while they wait can mean the difference between a player who gets frustrated and gives up, and one who continues playing.<\/p>\n<h4>Bad loading screens<\/h4>\n<p>However, some games make fatal mistakes when it comes to loading screens, which detract from the player experience:<\/p>\n<div align=\"center\">\n<div id=\"attachment_621\" style=\"width: 360px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-621\" src=\"http:\/\/www.stevebromley.com\/blog\/wp-content\/uploads\/2010\/02\/PS1_Door.png\" alt=\"Resident Evil Door\" title=\"PS1_Door\" width=\"350\" height=\"324\" class=\"size-full wp-image-621\" srcset=\"https:\/\/www.stevebromley.com\/blog\/wp-content\/uploads\/2010\/02\/PS1_Door.png 350w, https:\/\/www.stevebromley.com\/blog\/wp-content\/uploads\/2010\/02\/PS1_Door-300x277.png 300w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><p id=\"caption-attachment-621\" class=\"wp-caption-text\">Remember me?<\/p><\/div>\n<\/div>\n<p><strong>Resident Evil<\/strong><\/p>\n<p>Most people\u2019s memories of the early Resident Evils include the door animations (link to youtube). Every time you exited a room, there would be a short pause, and the same \u2018loading\u2019 animation. Every time. No wonder people remember, and got sick of them. Although initially covering the pause that the system needed to load the next room, eventually they just became a \u2018feature\u2019, as evident in Resident Evil Nemesis, where the boss character breaks down some doors, effectively destroying the loading times between the joining rooms. The danger of boring a player by forcing them to sit through a repetitive animation is a lesson not yet learnt, as evident in <a href=\"http:\/\/www.penny-arcade.com\/comic\/2007\/11\/16\/\">Penny Arcade\u2019s comic on Mass Effect<\/a><\/p>\n<p><strong>Sim City 2000<\/strong><\/p>\n<p>2 minutes to load the start screen? Another loading time after you\u2019ve selected to load an existing game, or start a new one? This may be a technical issue, but superfluous loading screens are going to immediately detract from the player experience<\/p>\n<h4>How to make a great loading screen<\/h4>\n<p>Loading screens have improved a lot in the past 10 years, and some features of good loading screens are common to many games. To make a good loading screen, consider including some of the following:<\/p>\n<ul>\n<li>Include tips\/facts\/story on the loading screens. Instead of just saying \u2018loading\u2019 on the loading screen, think of what the player may want to know. Is there a special technique in the game that you could tell the player about? Is there some background story you want to impart? This downtime is ideal for letting them know<\/li>\n<li>Hide the loading process where possible. Tony Hawk\u2019s Unleashed claimed to have no loading times. It did, but the player never saw them, as it loaded the next level seamlessly as the player passed through some adjoining rooms. By never taking control away from the player, the player doesn\u2019t have to know that the game is loading in the background.<\/li>\n<li>If you do have to have a loading screen, make sure you keep usability heuristics in mind, and make the loading progress transparent. Show the progress of the load (really show it, not just an infinitely spinning wheel!), so the player doesn\u2019t have to wonder how long they will be waiting, or worse, if its frozen.<\/li>\n<li>If you\u2019re Namco, put a mini game on the loading screen. If you\u2019re not, I believe Namco have copyrighted this. So better not.<\/li>\n<\/ul>\n<p>By thinking about a holistic player experience, including the menu system, and loading screens, as opposed to just considering the gameplay, you can improve player\u2019s impression of your game, and make them more likely to enjoy it. The small amoun<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Players expect loading times, and recognise that they are a necessary evil. It\u2019s a given that most, if not all games, will have them. Since a loading screen is encountered by the player multiple times, it\u2019s important to think about their experience when they encounter these screens, as it will undoubtedly form part of their [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[117],"tags":[],"class_list":["post-619","post","type-post","status-publish","format-standard","hentry","category-games-user-research","grve-entry-item","grve-blog-item"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Improving the Player Experience \u2013 How to make great loading screens - Steve Bromley - User Research<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Improving the Player Experience \u2013 How to make great loading screens - Steve Bromley - User Research\" \/>\n<meta property=\"og:description\" content=\"Players expect loading times, and recognise that they are a necessary evil. It\u2019s a given that most, if not all games, will have them. Since a loading screen is encountered by the player multiple times, it\u2019s important to think about their experience when they encounter these screens, as it will undoubtedly form part of their [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/\" \/>\n<meta property=\"og:site_name\" content=\"Steve Bromley - User Research\" \/>\n<meta property=\"article:published_time\" content=\"2010-02-22T10:11:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-06T16:45:03+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.stevebromley.com\/blog\/wp-content\/uploads\/2010\/02\/loading.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.stevebromley.com\/blog\/#website\",\"url\":\"https:\/\/www.stevebromley.com\/blog\/\",\"name\":\"Steve Bromley - User Research\",\"description\":\"Usability and User Research for Websites, Software and Games\",\"publisher\":{\"@id\":\"https:\/\/www.stevebromley.com\/blog\/#\/schema\/person\/9c0be0bbd079c086677d422d1fd9c8c7\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.stevebromley.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"http:\/\/www.stevebromley.com\/blog\/wp-content\/uploads\/2010\/02\/loading.png\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/#webpage\",\"url\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/\",\"name\":\"Improving the Player Experience \\u2013 How to make great loading screens - Steve Bromley - User Research\",\"isPartOf\":{\"@id\":\"https:\/\/www.stevebromley.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/#primaryimage\"},\"datePublished\":\"2010-02-22T10:11:05+00:00\",\"dateModified\":\"2019-11-06T16:45:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.stevebromley.com\/blog\/\",\"url\":\"https:\/\/www.stevebromley.com\/blog\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/\",\"url\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/\",\"name\":\"Improving the Player Experience \\u2013 How to make great loading screens\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.stevebromley.com\/blog\/#\/schema\/person\/9c0be0bbd079c086677d422d1fd9c8c7\"},\"headline\":\"Improving the Player Experience \\u2013 How to make great loading screens\",\"datePublished\":\"2010-02-22T10:11:05+00:00\",\"dateModified\":\"2019-11-06T16:45:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/#webpage\"},\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/www.stevebromley.com\/blog\/#\/schema\/person\/9c0be0bbd079c086677d422d1fd9c8c7\"},\"image\":{\"@id\":\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/#primaryimage\"},\"articleSection\":\"Games User Research\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.stevebromley.com\/blog\/2010\/02\/22\/improving-the-player-experience-how-to-make-great-loading-screens\/#respond\"]}]},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.stevebromley.com\/blog\/#\/schema\/person\/9c0be0bbd079c086677d422d1fd9c8c7\",\"name\":\"Steve Bromley\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.stevebromley.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4dfbbfc5a00187fd6f5fd405361347b2698a65a866f49de07f9486895b6c7029?s=96&d=mm&r=g\",\"caption\":\"Steve Bromley\"},\"logo\":{\"@id\":\"https:\/\/www.stevebromley.com\/blog\/#personlogo\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.stevebromley.com\/blog\/wp-json\/wp\/v2\/posts\/619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stevebromley.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stevebromley.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stevebromley.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stevebromley.com\/blog\/wp-json\/wp\/v2\/comments?post=619"}],"version-history":[{"count":8,"href":"https:\/\/www.stevebromley.com\/blog\/wp-json\/wp\/v2\/posts\/619\/revisions"}],"predecessor-version":[{"id":2373,"href":"https:\/\/www.stevebromley.com\/blog\/wp-json\/wp\/v2\/posts\/619\/revisions\/2373"}],"wp:attachment":[{"href":"https:\/\/www.stevebromley.com\/blog\/wp-json\/wp\/v2\/media?parent=619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stevebromley.com\/blog\/wp-json\/wp\/v2\/categories?post=619"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stevebromley.com\/blog\/wp-json\/wp\/v2\/tags?post=619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}