{"id":844,"date":"2021-05-08T12:31:40","date_gmt":"2021-05-08T10:31:40","guid":{"rendered":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/?p=844"},"modified":"2021-05-09T14:23:43","modified_gmt":"2021-05-09T12:23:43","slug":"a3-p5-sleepy-heads-conceptual-model-for-user-context","status":"publish","type":"post","link":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/05\/08\/a3-p5-sleepy-heads-conceptual-model-for-user-context\/","title":{"rendered":"[A#3, P5] Sleepy Heads &#8211; Conceptual Model for User &amp; Context"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Affinity Diagramming <\/h2>\n\n\n\n<p>For this task we used the website <a href=\"https:\/\/jamboard.google.com\/\">Google Jamboard<\/a><br>Here is an explanation for the different colours we used:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"368\" height=\"115\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Legende_neu2.jpg\" alt=\"\" class=\"wp-image-850\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Legende_neu2.jpg 368w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Legende_neu2-300x94.jpg 300w\" sizes=\"auto, (max-width: 368px) 85vw, 368px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li>Share Data <br>At first we put each information on a sticky note and sorted them by the different data gathering method we used namely interview and  markt analysis:<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Anfang-1024x581.jpg\" alt=\"\" class=\"wp-image-846\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Anfang-1024x581.jpg 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Anfang-300x170.jpg 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Anfang-768x436.jpg 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Anfang-1200x681.jpg 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Anfang.jpg 1373w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p>2.  Clustering <br>      Then we organzied them into different categories&#8230;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Unterkategorien-1024x569.jpg\" alt=\"\" class=\"wp-image-851\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Unterkategorien-1024x569.jpg 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Unterkategorien-300x167.jpg 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Unterkategorien-768x427.jpg 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Unterkategorien-1200x667.jpg 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Unterkategorien.jpg 1350w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p>3. Headlines <br>     &#8230;and gave them headlines:<br>    <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcberschriften-1024x563.jpg\" alt=\"\" class=\"wp-image-852\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcberschriften-1024x563.jpg 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcberschriften-300x165.jpg 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcberschriften-768x422.jpg 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcberschriften-1200x659.jpg 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcberschriften.jpg 1356w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p>4. Super Headlines <br>     Then we discussed if we could combine some categories or not and gave   <br>     these new categories headlines too. <br>     <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcber\u00fcbrschriften_NEU-1-1024x578.jpg\" alt=\"\" class=\"wp-image-854\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcber\u00fcbrschriften_NEU-1-1024x578.jpg 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcber\u00fcbrschriften_NEU-1-300x169.jpg 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcber\u00fcbrschriften_NEU-1-768x434.jpg 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcber\u00fcbrschriften_NEU-1-1200x678.jpg 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_\u00dcber\u00fcbrschriften_NEU-1.jpg 1362w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p>     There you will see that some of our undercategories changed a bit due to our <br>     constant discussions about the informations that we gathered. <\/p>\n\n\n\n<p>5. Prioritize <br>     In this final step we prioritized each category as to whether it is super<br>     important for designing our mobile application or not.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Endergebnis-1024x572.jpg\" alt=\"\" class=\"wp-image-855\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Endergebnis-1024x572.jpg 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Endergebnis-300x168.jpg 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Endergebnis-768x429.jpg 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Endergebnis-1200x670.jpg 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Clustering_Endergebnis.jpg 1364w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<!--nextpage-->\n\n\n\n<h2 class=\"wp-block-heading\">Primary Persona<\/h2>\n\n\n\n<p>For this task we used a template from <a href=\"https:\/\/app.creately.com\/diagram\/\">Creately<\/a><br>The photo is from the following website: <a href=\"https:\/\/thispersondoesnotexist.com\/\">This Person Does Not Exist<\/a><br><br>This is our final result: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"959\" height=\"653\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Persona.jpg\" alt=\"\" class=\"wp-image-856\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Persona.jpg 959w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Persona-300x204.jpg 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Persona-768x523.jpg 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Scenario <\/h2>\n\n\n\n<p>Based on our persona we created a scenario. <br>We also highlighted in this text the questions <span class=\"has-inline-color has-bright-blue-color\"><strong>What<\/strong><\/span> and <span class=\"has-inline-color has-bright-red-color\"><strong>Where<\/strong><\/span>.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-text-align-left\">When Andy comes <strong><span class=\"has-inline-color has-bright-red-color\">home<\/span><\/strong> from work he always spends some time with his children. After bringing them to bed he checks his stock market investments. While doing that he always forgets the time therefore he gets a push notification from his mobile phone that <strong><span class=\"has-inline-color has-bright-blue-color\">reminds <\/span><\/strong>him to go to sleep.<br>When he sees the notification he prepares to go to bed. In <span class=\"has-inline-color has-bright-red-color\"><strong>bed<\/strong> <\/span>he opens his mobile application to<span class=\"has-inline-color has-bright-blue-color\"> <strong>look up<\/strong> <strong>methods for relaxation<\/strong><\/span><strong> <\/strong>and chooses one of them that he will follow.<br>After he is finished with that he now <span class=\"has-inline-color has-bright-blue-color\"><strong>chooses<\/strong> <strong>a lullaby<\/strong><\/span> in order to sleep and <strong><span class=\"has-inline-color has-bright-blue-color\">tells the application<\/span><\/strong> that he is going to sleep. The app will now begin to<strong> <span class=\"has-inline-color has-bright-blue-color\">track his movements<\/span> <\/strong>while sleeping.<br>Andy wakes up in the morning and he suddenly remembers an interesting dream he had. He directly wants to <strong><span class=\"has-inline-color has-bright-blue-color\">write it down<\/span><\/strong> in the mobile application while he is still in <strong><span class=\"has-inline-color has-bright-red-color\">bed<\/span><\/strong>. Furthermore he wants to know if he talked at night and <strong><span class=\"has-inline-color has-bright-blue-color\">checks if there are any recordings<\/span><\/strong> for the night. This time there are no recordings which explains why his wife looks so rested.<br>Just before he closes the application he is reminded to <span class=\"has-inline-color has-bright-blue-color\"><strong>rate how well rested<\/strong> <strong>he feels<\/strong><\/span> that day. The fact that he felt quite rested that day makes him wonder how his sleep graph looked last night. After <strong><span class=\"has-inline-color has-bright-blue-color\">seeing this graph<\/span><\/strong> he realizes that he spent a pretty long time in a deep sleep phase, now he understands why he feels so good and is ready to conquer his day!<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">UML- Use Cases <\/h2>\n\n\n\n<p>For this task we focused on two functions that the user can do with our mobile application: One that he can do at night <em>(here: searching for a relaxation method)<\/em> and one after he wakes up <em>(here: to be reminded to log his sleep and the process of sleep logging)<\/em>.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"542\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCase1neu2-1024x542.jpg\" alt=\"\" class=\"wp-image-882\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCase1neu2-1024x542.jpg 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCase1neu2-300x159.jpg 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCase1neu2-768x407.jpg 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCase1neu2.jpg 1127w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCases2-1024x546.jpg\" alt=\"\" class=\"wp-image-880\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCases2-1024x546.jpg 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCases2-300x160.jpg 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCases2-768x409.jpg 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCases2.jpg 1120w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<!--nextpage-->\n\n\n\n<h2 class=\"wp-block-heading\">Reflection<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Who did what?<\/h3>\n\n\n\n<p>Angelika created the blog post. We all worked together at the tasks either on a shared document or via screen sharing and used Discord as our communication channel. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What have we learned?<\/h3>\n\n\n\n<p>We learned in-depth on how to use the method affinity diagramming. We found out that this method is very useful for analyzing and sorting our data. <br>While working on our tasks we often looked up certain information on our affinity diagram and because of the different categories and headlines that we had, it was quite simpler to search for the different informations.<br>Also we refreshed our knowledge from the module software engineering by creating two UML- use cases. On this task we were unsure at certain aspects and searched through our old learning material. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What went well?<\/h3>\n\n\n\n<p>During the tasks we discussed quite a lot about our informations that we gathered and because of that we got a deeper understanding on how our mobile application may look like or rather how we could separate some functions to sub-functions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What do we want to improve?<\/h3>\n\n\n\n<p>Nothing, we are completely happy with our results.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Affinity Diagramming For this task we used the website Google JamboardHere is an explanation for the different colours we used: Share Data At first we put each information on a sticky note and sorted them by the different data gathering method we used namely interview and markt analysis: 2. Clustering Then we organzied them into &hellip; <a href=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/05\/08\/a3-p5-sleepy-heads-conceptual-model-for-user-context\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201e[A#3, P5] Sleepy Heads &#8211; Conceptual Model for User &amp; Context\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6162,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[383756,384908,400801],"tags":[],"class_list":["post-844","post","type-post","status-publish","format-standard","hentry","category-projekt-5","category-blogbeitraege","category-assignment-3"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/users\/6162"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/comments?post=844"}],"version-history":[{"count":5,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/844\/revisions"}],"predecessor-version":[{"id":925,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/844\/revisions\/925"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/media?parent=844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/categories?post=844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/tags?post=844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}