{"id":8746,"date":"2023-05-05T13:42:59","date_gmt":"2023-05-05T13:42:59","guid":{"rendered":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/?p=8746"},"modified":"2024-02-06T07:28:51","modified_gmt":"2024-02-06T07:28:51","slug":"how-to-design-online-experience","status":"publish","type":"post","link":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/how-to-design-online-experience\/","title":{"rendered":"How to Design Online Experience?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">In many ways, <strong>designing an online experience is like designing an offline experience<\/strong>, as you would expect. <strong>But not entirely<\/strong>. There are certain markers that are good to watch for and consider in the process.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If we are serious about designing a good quality online experience, it is good to consider it as a &#8220;product&#8221; that can be optimized and improved through iteration. For example, we can choose the <strong>design process<\/strong> as a basic methodology for designing an online experience. In its most reduced form, this consists of the following components: <strong>diverging, exploration and converging<\/strong>, ideally repeated in at least one more cycle.<\/span><\/p>\n<figure id=\"attachment_8747\" aria-describedby=\"caption-attachment-8747\" style=\"width: 300px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8747 size-medium\" src=\"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/IMG_1498.jpg-1-e1688477558268-300x174.jpg\" alt=\"\" width=\"300\" height=\"174\" srcset=\"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/IMG_1498.jpg-1-e1688477558268-300x174.jpg 300w, https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/IMG_1498.jpg-1-e1688477558268-100x58.jpg 100w, https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/IMG_1498.jpg-1-e1688477558268-172x100.jpg 172w, https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/IMG_1498.jpg-1-e1688477558268-80x47.jpg 80w, https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/IMG_1498.jpg-1-e1688477558268.jpg 700w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-8747\" class=\"wp-caption-text\">Picture edited from original in the<br \/>book \u201cGamestorming\u201d<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Before we start the actual divergence process, let&#8217;s determine the givens of the situation &#8211; participants.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Participants: If we are not creating an entirely new group of participants for our online project, we assume that this group is already given by something. Either we are working with a group of retirees proficient in basic computer literacy or with young people in non-formal education. Each group has its own specific needs, goals, and dispositions. Before we begin the actual process of designing the experience, it is useful to find out what expectations the participants have for the experience.<\/span><\/p>\n<p><strong>The phase of pointing out the characteristics of the group.<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">We start the process by mapping out the group characteristics.\u00a0<\/span><em><span style=\"font-weight: 400;\">Who are we working with? <\/span><span style=\"font-weight: 400;\">What is the age of the participants? Is there any common topic they are interested in? Are they outgoing? Creative? Talkative? Silent?<\/span><\/em><\/p>\n<p><strong>Brainstorming phase.<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Through mapping out our group&#8217;s characteristics, we are free to brainstorm ideas that will bring together even the most audacious, almost impossible-to-implement ideas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Be aware of the fact that it is best not to judge our ideas in the brainstorming process. We should try to record everything that pops into our heads without any kind of practical limitations on our minds yet. What is fun to do? What could be really interesting in this specific timescape, with this specific group?<\/span><\/p>\n<p><strong>Exploration phase.<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">The exploration phase should contain a search for suitable platforms or apps which can be easily operated by the participants. Anyways, online sessions do not have to stay with just those platforms. If we have the opportunity to meet with the group more than once, the first meeting can be devoted to an instructional lesson via a shared screen, or the facilitator can do all the \u201cclicking\u201d work for everyone on a shared screen.<\/span><\/p>\n<p><strong>The phase of final decision.<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Once we have grouped enough ideas of usable platforms and applications, we will highlight those that are best suited to meet the needs of our group. Let&#8217;s not be overly thorough in this, though. Sometimes the participants themselves have no idea what form of activity they might enjoy. So it is a good idea to trust your intuition and not be afraid to at least try an activity that is at least hypothetically suitable for the participants. At worst, you will resort to a pre-prepared plan b.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But let&#8217;s remember that online activity must meet certain characteristics:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><em><span style=\"font-weight: 400;\">It should involve all participants.<\/span><\/em><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><em><span style=\"font-weight: 400;\">Participants should learn something in the process, or the activity at least should help them to get to know each other well (relevant activity).<\/span><\/em><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><em><span style=\"font-weight: 400;\">The activity includes a final reflection that allows an organizer to improve the prototype of an event in the future.<\/span><\/em><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><em><span style=\"font-weight: 400;\">The necessary computer skills should be available to the group participants beforehand or should be &#8220;achievable&#8221; for all during the instructional session.<\/span><\/em><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-8748 size-medium\" src=\"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/DALL\u00b7E-2022-10-17-18.32.06-Mountain-village-with-a-sunset-1-e1688478045256-300x293.png\" alt=\"\" width=\"300\" height=\"293\" srcset=\"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/DALL\u00b7E-2022-10-17-18.32.06-Mountain-village-with-a-sunset-1-e1688478045256-300x293.png 300w, https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/DALL\u00b7E-2022-10-17-18.32.06-Mountain-village-with-a-sunset-1-e1688478045256-850x830.png 850w, https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/DALL\u00b7E-2022-10-17-18.32.06-Mountain-village-with-a-sunset-1-e1688478045256-100x98.png 100w, https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/DALL\u00b7E-2022-10-17-18.32.06-Mountain-village-with-a-sunset-1-e1688478045256-102x100.png 102w, https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/DALL\u00b7E-2022-10-17-18.32.06-Mountain-village-with-a-sunset-1-e1688478045256-80x78.png 80w, https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-content\/uploads\/2023\/07\/DALL\u00b7E-2022-10-17-18.32.06-Mountain-village-with-a-sunset-1-e1688478045256.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>Example 1: <strong>Using the Sims game in working with a group of emeriti<\/strong>.<br \/>\nIt is unlikely that the current generation of retirees can lear<\/span>n to\u00a0play a sims game on demand, but in the form of a shared screen, such a game can serve as a setting for collective activity. Participants can reminisce about the places of their youth and let the facilitator build these in a fictional world.<\/p>\n<p><span style=\"font-weight: 400;\">Example 2: <strong>Facilitating a design jam activity with young volunteers.<\/strong><br \/>\n<\/span><span style=\"font-weight: 400;\">A design jam is a one-day event where different people can come together to solve a problem and build a prototype in just 10 hours (or so). The theme of each jam is announced on the morning of the design event to generate maximum excitement. The activity lends itself to a hybrid approach; part can be offline, and part can be communicated and presented online. Participants can also work in groups or individually.<\/span><\/p>\n<p>Author: <span style=\"font-weight: 400;\">Katarina Klusov\u00e1<\/span><\/p>\n<p>Images: DALL-E from Open AI<\/p>\n<div class=\"mceTemp\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>In many ways, designing an online experience is like designing an offline experience, as you would expect. But not entirely. There are certain markers that are good to watch for and consider in the process. <\/p>\n","protected":false},"author":3,"featured_media":8748,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"iawp_total_views":17,"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"categories":[15],"tags":[31,41,40,42,34],"class_list":["post-8746","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles","tag-digital-youth-work","tag-gamestorming","tag-katarina-klusova","tag-online-experience","tag-user-experience"],"acf":[],"_links":{"self":[{"href":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-json\/wp\/v2\/posts\/8746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-json\/wp\/v2\/comments?post=8746"}],"version-history":[{"count":3,"href":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-json\/wp\/v2\/posts\/8746\/revisions"}],"predecessor-version":[{"id":8756,"href":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-json\/wp\/v2\/posts\/8746\/revisions\/8756"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-json\/wp\/v2\/media\/8748"}],"wp:attachment":[{"href":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-json\/wp\/v2\/media?parent=8746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-json\/wp\/v2\/categories?post=8746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/socialna-akademija.si\/creativedigitalspaces\/wp-json\/wp\/v2\/tags?post=8746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}