{"id":20034,"date":"2013-10-10T10:15:47","date_gmt":"2013-10-10T08:15:47","guid":{"rendered":"https:\/\/www.rudebaguette.com\/?p=20034"},"modified":"2019-04-30T18:11:06","modified_gmt":"2019-04-30T16:11:06","slug":"html5-gamification","status":"publish","type":"post","link":"https:\/\/www.rudebaguette.com\/en\/2013\/10\/html5-gamification\/","title":{"rendered":"HTML5 and Gamification: can they feed off each other ?"},"content":{"rendered":"<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-20046\" alt=\"gamification-word-cloud\" src=\"https:\/\/www.rudebaguette.com\/assets\/gamification-word-cloud-e1381359896747.jpg\" width=\"1000\" height=\"530\" \/><\/p>\n<p>The countdown to HTML5DevConf in San Francisco has begun and I am working on my presentation on how to use gamification to build a better user. \u00a0\u00a0In this quest for building this better, or should I say happier, user the good news is that most of the technology tools are available but we have not crossed the Rubicon just yet.\u00a0 Why? Because, until now, it was a bit of a struggle to implement what I\u2019d consider the secret sauce of gamification: Experience Continuity.<\/p>\n<p>Think back to your favorite shows, movies, or even moments in life. They were parts of a story line that were careful crafted to pull you into the experience, discuss it, and grow from it.\u00a0 That experience extended beyond the original medium (say the tv box). It spread onto the water coolers, the dinner table, and the PTA meetings.\u00a0 The story was so good that end up drawing from real life experiences and relating all these elements to the original plot.\u00a0 The plot, the story line, lived on outside of the tv box, we were willingly extending it and prolonging it.<\/p>\n<p>Good games have the same traits.\u00a0 People become immersed in the story as evidenced by some rise in cosplays convention.\u00a0 Gamification should be no exception and rely on great stories to be successful.\u00a0 Unfortunately gamification is often bastardized to finding ways to tweak the user\u2019s behavior by focusing on basic elements such as Leaderboards and avatars.\u00a0 These techniques may work in the short term but quickly lose luster as they do not replace the need for a good story to move your users towards their intended destination.<\/p>\n<p>If you believe in Gamification for Good, then a great storyline will become the bloodline that fuels 3 major tenets of successful gamification efforts:<\/p>\n<p>+ Enabling the spread of diverse ideas and methodologies<\/p>\n<p>+ Focusing on collaboration rather than adversarial relationships<\/p>\n<p>+ Allowing users to participate willingly and interactively.<\/p>\n<p>These 3 tenets will come to life and strive as soon as you can inject into them Continuity.\u00a0 Your users should not have to clear any hurdles to engage with your Gamification effort.\u00a0 This means that users should be able to easily consume, analyze, and feedback data points that will enhance the Gamification process.<\/p>\n<p>And this is the crux of the continuity challenge.\u00a0 We are now flooded with devices that can both capture and broadcast data to. Mobiles, computers, and connected devices are about to create a data flood.\u00a0 The challenge posed by this data flood solely be whether we can seamlessly experience, visualize and share this data easily.<\/p>\n<p>This is where HTML5 has an edge for the foreseeable future.\u00a0 By deploying to many devices, we are enabling our users to become literally embedded into this gamified experience.\u00a0 Our role then becomes to deliver (and capture) the right data based on peoples\u2019 devices and expectations:\u00a0 A tablet is very much a consumption device where content has to be visualized in a way that would be much different than, say, a connected tv or even a fridge that tracks our food consumption.<\/p>\n<p>Visualization on an HTML5 platform will be an interesting challenge in the years to come because as the amount of data available increases, the processing power needed increases as well, yet HTML5\u2019s visualizations are most often done on the device side so data miners are going to need to be quite selective to keep the experience smooth and compelling.<\/p>\n<p>Visualizations tools have already come a long way.\u00a0 There are many vendors delivering visualization to the end users; on the HTML5 side, you can find this page helpful (<a href=\"http:\/\/selection.datavisualization.ch\/\" target=\"_blank\" rel=\"noopener\">http:\/\/selection.datavisualization.ch\/<\/a>) and if you want to check out a company that, in my opinion, \u201cgets it\u201d in terms of data utilization and management, head out to Targit <a href=\"http:\/\/www.targit.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/www.targit.com\/<\/a>\u00a0 (full disclosure: Targit\u2019s CTO is on our board of advisors)<\/p>\n<p>Gamification is much more about human psychology and behavioral studies than computing.\u00a0 By carefully crafting how the storyline is broadcast to the users and making sure we constantly immerse them in the experience, we can greatly improve the returns on the Gamification investment.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The countdown to HTML5DevConf in San Francisco has begun and I am working on my presentation on how to use gamification to build a better user. \u00a0\u00a0In this quest for building this better, or should I say happier, user the good news is that most of the technology tools are available but we have not<\/p>\n","protected":false},"author":77,"featured_media":20046,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"subtitle":"","footnotes":""},"categories":[10564],"tags":[8183],"class_list":["post-20034","post","type-post","status-publish","format-standard","has-post-thumbnail","category-tech-2","tag-html5-en-2"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.rudebaguette.com\/en\/wp-json\/wp\/v2\/posts\/20034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rudebaguette.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rudebaguette.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rudebaguette.com\/en\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rudebaguette.com\/en\/wp-json\/wp\/v2\/comments?post=20034"}],"version-history":[{"count":0,"href":"https:\/\/www.rudebaguette.com\/en\/wp-json\/wp\/v2\/posts\/20034\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rudebaguette.com\/en\/wp-json\/wp\/v2\/media\/20046"}],"wp:attachment":[{"href":"https:\/\/www.rudebaguette.com\/en\/wp-json\/wp\/v2\/media?parent=20034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rudebaguette.com\/en\/wp-json\/wp\/v2\/categories?post=20034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rudebaguette.com\/en\/wp-json\/wp\/v2\/tags?post=20034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}