{"id":2891,"date":"2016-09-14T15:12:44","date_gmt":"2016-09-14T13:12:44","guid":{"rendered":"http:\/\/leapfrog.nl\/blog\/?p=2891"},"modified":"2021-11-05T15:20:52","modified_gmt":"2021-11-05T14:20:52","slug":"engagement-design-worksheets","status":"publish","type":"post","link":"https:\/\/leapfrog.nl\/blog\/archives\/2016\/09\/14\/engagement-design-worksheets\/","title":{"rendered":"Engagement design worksheets"},"content":{"rendered":"<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/2016-07-18-21.14.30.jpg\" alt=\"Engagement design workshop at General Assembly Singapore\" width=\"660\" height=\"495\" class=\"aligncenter size-large wp-image-2903\" \/>\n<p>In June\/July of this year I helped <a href=\"http:\/\/www.pressstart.asia\">Michael Filli\u00e9<\/a> teach two classes about engagement design at <a href=\"https:\/\/generalassemb.ly\">General Assembly<\/a> Singapore. The first was theoretical and the second practical. For the practical class we created a couple of worksheets which participants used in groups to gradually build a design concept for a new product or product improvement aimed at long-term engagement. Below are the worksheets along with some notes on how to use them. I\u2019m hoping they may be useful in your own practice.<\/p>\n<p><ins datetime=\"2016-09-22T15:56:47+00:00\">A practical note: Each of these worksheets is designed to be printed on A1 paper. (Click on the images to get the PDFs.) We worked on them using post-it notes so that it is easy to add, change or remove things as you go.<\/ins><\/p>\n<h3>Problem statement and persona<\/h3>\n<p><a href=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/01-problem-statement-and-persona.pdf\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/01-problem-statement-and-persona-353x500.png\" alt=\"01-problem-statement-and-persona\" width=\"353\" height=\"500\" class=\"aligncenter size-medium wp-image-2894\" srcset=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/01-problem-statement-and-persona-353x500.png 353w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/01-problem-statement-and-persona-71x100.png 71w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/01-problem-statement-and-persona-768x1087.png 768w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/01-problem-statement-and-persona-724x1024.png 724w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/01-problem-statement-and-persona.png 1190w\" sizes=\"auto, (max-width: 353px) 100vw, 353px\" \/><\/a><\/p>\n<p>We started with understanding the problem and the user. This worksheet is an adaptation of the persona sheet by <a href=\"https:\/\/strategyzer.com\/\">Strategyzer<\/a>. To use it you begin at the top, fleshing out the problem in the form of stating the engagement challenge, and the business goals. Then, you select a user segment which is relevant to the problem.<\/p>\n<p>The middle section of the sheet is used to describe them in the form of a persona. Start with putting a face on them. Give the persona a name and add some demographic details relevant for the user\u2019s behaviour. Then, move on to exploring what their environment looks and sounds like and what they are thinking and feeling. Finally, try to describe what issues the user is having that are addressed by the product and what the user stands to gain from using the product.<\/p>\n<p>The third section of this sheet is used to wrap up the first exercise by doing a quick gap analysis of what the business would like to see in terms of user behaviour and what the user is currently doing. This will help pin down the engagement design concept fleshed out in the next exercises.<\/p>\n<h3>Engagement loop<\/h3>\n<p><a href=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/02-engagement-loop.pdf\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/02-engagement-loop-500x353.png\" alt=\"02-engagement-loop\" width=\"500\" height=\"353\" class=\"aligncenter size-medium wp-image-2895\" srcset=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/02-engagement-loop-500x353.png 500w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/02-engagement-loop-100x71.png 100w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/02-engagement-loop-768x543.png 768w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/02-engagement-loop-1024x724.png 1024w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/02-engagement-loop.png 1684w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Exercise two builds on the understanding of the problem and the user and offers a structured way of thinking through a possible solution. For this we use the engagement loop model developed by <a href=\"http:\/\/codingconduct.cc\">Sebastian Deterding<\/a>. There are different places we can start here but one that often works well is to start imagining the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Big_Hairy_Audacious_Goal\">Big Hairy Audacious Goal<\/a> the user is looking to achieve. This is the <strong>challenge<\/strong>. It is a thing (usually a skill) the user can improve at. Note this challenge down in the middle. Then, working around the challenge, describe a measurable <strong>goal<\/strong> the user can achieve on their way to mastering the challenge. Describe the <strong>action<\/strong> the user can take with the product towards that goal, and the <strong>feedback<\/strong> the product will give them to let them know their action has succeeded and how much closer it has gotten them to the goal. Finally and crucially, try to describe what kind of <strong>motivation<\/strong> the user is driven by and make sure the goals, actions and feedback make sense in that light. If not, adjust things until it all clicks.<\/p>\n<h3>Storyboard<\/h3>\n<p><a href=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/03-storyboard.pdf\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/03-storyboard-500x353.png\" alt=\"03-storyboard\" width=\"500\" height=\"353\" class=\"aligncenter size-medium wp-image-2896\" srcset=\"https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/03-storyboard-500x353.png 500w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/03-storyboard-100x71.png 100w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/03-storyboard-768x543.png 768w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/03-storyboard-1024x724.png 1024w, https:\/\/leapfrog.nl\/blog\/wp-content\/uploads\/2016\/09\/03-storyboard.png 1684w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>The final exercise is devoted to visualising and telling a story about the engagement loop we developed in the abstract in the previous block. It is a typical storyboard, but we have constrained it to a set of story beats you must hit to build a satisfying narrative. We go from introducing the user and their challenge, to how the product communicates the goal and action to what a user does with it and how they get feedback on that to (fast-forward) how they feel when they ultimately master the challenge. It makes the design concept relatable to outsiders and can serve as a jumping off point for further design and development.<\/p>\n<h3>Use, adapt and share<\/h3>\n<p>Together, these three exercises and worksheets are a great way to think through an engagement design problem. We used them for teaching but I can also imagine teams using them to explore a solution to a problem they might be having with an existing product, or as a way to kickstart the development of a new product.<\/p>\n<p>We\u2019ve built on other people\u2019s work for these so it only makes sense to share them again for others to use and build on. If you do use them I would love to hear about your experiences. <\/p>","protected":false},"excerpt":{"rendered":"<p>In June\/July of this year I helped Michael Filli\u00e9 teach two classes about engagement design at General Assembly Singapore. The first was theoretical and the second practical. For the practical class we created a couple of worksheets which participants used in groups to gradually build a design concept for a new product or product improvement &hellip; <a href=\"https:\/\/leapfrog.nl\/blog\/archives\/2016\/09\/14\/engagement-design-worksheets\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Engagement design worksheets<\/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":[248],"tags":[19,1126,1128,298,1127,655],"class_list":["post-2891","post","type-post","status-publish","format-standard","hentry","category-talks","tag-design","tag-engagment","tag-exercises","tag-motivation","tag-worksheets","tag-workshops"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/posts\/2891","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=2891"}],"version-history":[{"count":0,"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/posts\/2891\/revisions"}],"wp:attachment":[{"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/media?parent=2891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/categories?post=2891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leapfrog.nl\/blog\/wp-json\/wp\/v2\/tags?post=2891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}