{"id":455,"date":"2007-07-20T10:33:35","date_gmt":"2007-07-20T08:33:35","guid":{"rendered":"http:\/\/leapfrog.nl\/blog\/archives\/2007\/07\/20\/game-mechanics-in-web-apps\/"},"modified":"2026-09-07T10:29:35","modified_gmt":"2026-09-07T08:29:35","slug":"game-mechanics-in-web-apps","status":"publish","type":"post","link":"https:\/\/leapfrog.nl\/blog\/archives\/2007\/07\/20\/game-mechanics-in-web-apps\/","title":{"rendered":"Game mechanics in web apps"},"content":{"rendered":"<p>A while ago there was a discussion on the <abbr title=\"Information Architecture Institute\">IAI<\/abbr> members list about game mechanics on web sites. <a href=\"http:\/\/www.inkblurt.com\/archives\/505\">Andrew Hinton<\/a> pointed to <a href=\"http:\/\/images.google.com\/imagelabeler\/\">the Google Image Labeler<\/a> and <a href=\"http:\/\/www.linkedin.com\/\">LinkedIn<\/a>&#8216;s  &#8216;profile completeness&#8217; status bar and asked: &#8220;Can anyone else think of a use of a game mechanic like this to jump-start this kind of activity?&#8221; (Where &#8220;this kind of activity&#8221; is basically defined as something people wouldn&#8217;t normally do for its own sake, like say tagging images.)<\/p>\n<p>I was thinking about this for a while the past week and seem to have ended up at the following:<\/p>\n<!-- embed-localizer: image no longer available (http:\/\/myskitch.com\/kaeru\/fullscreen-20070720-111814.png is no longer served by myskitch.com; no archived copy found as of 2026-09-07). Original: <img decoding=\"async\" src=\"http:\/\/myskitch.com\/kaeru\/fullscreen-20070720-111814.png\" alt=\"Profile completeness status bar on LinkedIn\" class=\"article-icon\" \/> -->\n<p>On LinkedIn, having a (more or less complete) profile presumably serves some extrinsic goal. I mean, by doing so you maybe hope you&#8217;ll land a new job more easily. By slapping a status bar onto the profile that gives feedback on its completeness, the assumption is that this will stimulate you to fill it out. In other words, LinkedIn seems unsure about the presence of extrinsic motivations and is introducing an intrinsic one: getting a 100% &#8216;complete&#8217; profile and as such making a game (in a very loose sense of the term) out of its professional network service. A good idea? I&#8217;m not sure&#8230; <\/p>\n<p><a href=\"http:\/\/www.flickr.com\/photos\/kaeru\/857987952\/\" title=\"Photo Sharing\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2007\/07\/screenshot-of-google-image-labeler-flickr-857987952-500x409.jpg\" width=\"240\" height=\"196\" alt=\"Screenshot of Google Image Labeler\" class=\"article-icon wp-image-4401\" data-orig-src=\"http:\/\/farm2.static.flickr.com\/1266\/857987952_573940fd36_m.jpg\" srcset=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2007\/07\/screenshot-of-google-image-labeler-flickr-857987952-500x409.jpg 500w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2007\/07\/screenshot-of-google-image-labeler-flickr-857987952-100x82.jpg 100w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2007\/07\/screenshot-of-google-image-labeler-flickr-857987952.jpg 571w\" sizes=\"auto, (max-width: 240px) 100vw, 240px\" \/><\/a><\/p>\n<p>On Google Image Labeler, the starting point for its design was to come up with a way to have people add meta-data to images. Google actually &#8216;bought&#8217; the game (originally called <a href=\"http:\/\/www.espgame.org\/\">The ESP Game<\/a>) from <acronym title=\"completely automated public Turing test to tell computers and humans apart\">CAPTCHA<\/acronym> inventor <a href=\"http:\/\/www.cs.cmu.edu\/~biglou\/\">Luis von Ahn<\/a>, who before that did <a href=\"http:\/\/recaptcha.net\/\">reCAPTCHA<\/a> and after went on to create <a href=\"http:\/\/www.peekaboom.org\/\">Peekaboom<\/a> and <a href=\"http:\/\/www.peekaboom.org\/phetch\/\">Phetch<\/a>. Anyway, in the case of the Image Labeler (contrary to LinkedIn) there was no real extrinsic goal to begin with so a game <em>had<\/em> to be created. Simply having <strong>fun<\/strong> is the only reason people have when labelling images. <\/p>\n<p>Note that Flickr for instance has found other ways to get people to tag images. What happened there is (I think) a very nice way of aligning extrinsic goals with intrinsic (fun, game-like) ones.<\/p>\n<p>&#8216;Pure&#8217; games by their very nature have only intrinsic goals, they are artificial and non-utilitarian. When you consider introducing game-like mechanics into your web site or application (which presumably serves some external purpose, like sharing photos) think carefully about the extrinsic motivations your users will have and come up with game-like intrinsic ones that reinforce these.<\/p>\n<p><ins datetime=\"2007-10-01T07:26:55+00:00\"><strong>Update:<\/strong> <a href=\"http:\/\/fourstarters.com\/2007\/09\/30\/linkedin-how-does-your-social-game-play-out\">Alper finished the LinkedIn profile completeness game<\/a> and was disappointed to find there is no pot of gold at the end of the rainbow, mirroring the experience many players of <em>real<\/em> games have when finishing a game.<\/ins><\/p>","protected":false},"excerpt":{"rendered":"<p>A while ago there was a discussion on the IAI members list about game mechanics on web sites. Andrew Hinton pointed to the Google Image Labeler and LinkedIn&#8216;s &#8216;profile completeness&#8217; status bar and asked: &#8220;Can anyone else think of a use of a game mechanic like this to jump-start this kind of activity?&#8221; (Where &#8220;this &hellip; <a href=\"https:\/\/leapfrog.nl\/blog\/archives\/2007\/07\/20\/game-mechanics-in-web-apps\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Game mechanics in web apps<\/span><\/a><\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[625],"tags":[397,23,267,395,259,46,393,398,11,10,399,396,394,168,54,53],"class_list":["post-455","post","type-post","status-publish","format-standard","hentry","category-articles","tag-captcha","tag-fun","tag-game-design","tag-game-mechanics","tag-games","tag-gaming","tag-goals","tag-google-image-labeler","tag-interaction-design","tag-ixd","tag-linkedin","tag-luis-von-ahn","tag-motivations","tag-play","tag-user-experience","tag-ux"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/posts\/455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/comments?post=455"}],"version-history":[{"count":2,"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/posts\/455\/revisions"}],"predecessor-version":[{"id":4586,"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/posts\/455\/revisions\/4586"}],"wp:attachment":[{"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/media?parent=455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/categories?post=455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/tags?post=455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}