{"id":815,"date":"2021-05-07T16:33:00","date_gmt":"2021-05-07T14:33:00","guid":{"rendered":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/?p=815"},"modified":"2021-05-07T16:33:00","modified_gmt":"2021-05-07T14:33:00","slug":"a3-p8-conceptual-model-for-user-contect","status":"publish","type":"post","link":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/05\/07\/a3-p8-conceptual-model-for-user-contect\/","title":{"rendered":"[A#3, P8] Conceptual Model for User &amp; Contect"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Tasks<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Affinity Diagramming<\/h3>\n\n\n\n<p> <strong>Original<\/strong> <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/1_AD_unsortiert-1024x527.png\" alt=\"\" class=\"wp-image-816\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/1_AD_unsortiert-1024x527.png 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/1_AD_unsortiert-300x154.png 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/1_AD_unsortiert-768x395.png 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/1_AD_unsortiert-1200x618.png 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/1_AD_unsortiert.png 1362w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption>The picture shows you the initial unsorted result of data collection from the user interview. <\/figcaption><\/figure>\n\n\n\n<p><strong>1st Iteration<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"593\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/2_AD_Cluster-1024x593.png\" alt=\"\" class=\"wp-image-817\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/2_AD_Cluster-1024x593.png 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/2_AD_Cluster-300x174.png 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/2_AD_Cluster-768x445.png 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/2_AD_Cluster-1200x695.png 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/2_AD_Cluster.png 1355w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption>After the first iteration the clusters of ideas are created. The ideas with related content are grouped together.<\/figcaption><\/figure>\n\n\n\n<p><strong>2nd Iteration<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/3_AD_Headlines-1024x577.png\" alt=\"\" class=\"wp-image-818\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/3_AD_Headlines-1024x577.png 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/3_AD_Headlines-300x169.png 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/3_AD_Headlines-768x433.png 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/3_AD_Headlines-1200x676.png 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/3_AD_Headlines.png 1386w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption>Headlines are created for each group, which describes what the user ideas are about.<\/figcaption><\/figure>\n\n\n\n<p>3rd Iteration<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/4_AD_Superheadlines1-1024x577.png\" alt=\"\" class=\"wp-image-823\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/4_AD_Superheadlines1-1024x577.png 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/4_AD_Superheadlines1-300x169.png 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/4_AD_Superheadlines1-768x433.png 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/4_AD_Superheadlines1-1200x676.png 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/4_AD_Superheadlines1.png 1388w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption>Superheadlines are created for inter-related subgroups, which reflect the idea categories.<\/figcaption><\/figure>\n\n\n\n<p>4th Iteration <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/6_AD_Final-1-1024x576.png\" alt=\"\" class=\"wp-image-824\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/6_AD_Final-1-1024x576.png 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/6_AD_Final-1-300x169.png 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/6_AD_Final-1-768x432.png 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/6_AD_Final-1-1200x675.png 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/6_AD_Final-1.png 1422w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption>We settled the Priority for each category, to show which user needs\/expectations are our primary tasks.<\/figcaption><\/figure>\n\n\n\n<p>All diagrams are created using <a href=\"https:\/\/jamboard.google.com\/\">Google Jamboard<\/a>  as a collaboration tool.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Primary Persona<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"717\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Max_screenshot-1024x717.png\" alt=\"\" class=\"wp-image-825\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Max_screenshot-1024x717.png 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Max_screenshot-300x210.png 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Max_screenshot-768x538.png 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Max_screenshot.png 1087w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption>The Persona is created using a free version of online tool <a href=\"https:\/\/xtensio.com\/user-persona-template\/\">xtensio<\/a> with provided template. The photo of Max is downloaded from <a href=\"https:\/\/unsplash.com\/\">Unsplash<\/a>, where provides freely-usable images.<br>Accessed at 14:05, 4.May 2021.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. Create a Scenario<\/h3>\n\n\n\n<p>Color code: <span style=\"color:#ad7118\" class=\"has-inline-color\">what<\/span> &amp; <span style=\"color:#149412\" class=\"has-inline-color\">where<\/span><\/p>\n\n\n\n<p class=\"has-text-color has-dark-gray-color\">Freitag Abend m\u00f6chte Max sich, wie vor Coronazeiten auch, mit seinen Freund_innen treffen, um einen entspannten Abend zusammen zu haben. Daf\u00fcr<span style=\"color:#149412\" class=\"has-inline-color\"> setzt er sich in seinem Zimmer<\/span> vor seinen Computer und <span style=\"color:#ad7118\" class=\"has-inline-color\">loggt sich auf der Spielewebseite ein<\/span>. Er <span style=\"color:#ad7118\" class=\"has-inline-color\">klickt auf die Gruppe<\/span>, die er zusammen mit seinen Freund_innen hat. Aimee hat keinen eigenen Account auf der Spielewebseite, weshalb ihr <span style=\"color:#ad7118\" class=\"has-inline-color\">Max eine Link zuschickt<\/span>, mit welchem sie auf die Gruppe zugreifen kann. Hier <span style=\"color:#ad7118\" class=\"has-inline-color\">startet er den Videochat<\/span> mit ihnen.<\/p>\n\n\n\n<p>Nachdem sie f\u00fcr ein Viertelst\u00fcndchen ein bischen gequatscht haben, wollen sie anfange zu spielen. Was genau, wissen sie noch nicht. Max w\u00fcrde aber gerne mit einem recht kurzen Spiel einsteigen, eine andere Person aus der Gruppe m\u00f6chte ein Brettspiel spielen, eine weitere ein Logikspiel spielen. Sie <span style=\"color:#ad7118\" class=\"has-inline-color\">geben ihre Kriterien<\/span> in dem Vorschlag-system der Webseite ein, indem sie <span style=\"color:#ad7118\" class=\"has-inline-color\">entsprechende Filter ausw\u00e4hlen<\/span>. Es wird ihnen eine Liste von Spielevorschl\u00e4gen angezeigt. Nachdem sie sich die <span style=\"color:#ad7118\" class=\"has-inline-color\">Kurzbeschreibung der ersten f\u00fcnf Spiele angesehen haben<\/span>, entscheiden sie sich f\u00fcr das 3. Sie <span style=\"color:#ad7118\" class=\"has-inline-color\">klicken es an<\/span> und <span style=\"color:#ad7118\" class=\"has-inline-color\">beginnen direkt das eingebettete Spiel auf der Webseite<\/span>. Sie <span style=\"color:#ad7118\" class=\"has-inline-color\">kommunizieren weiterhin per Audio <\/span>und Video. Joachims Mikrofon ist leider kaputt, deshalb <span style=\"color:#ad7118\" class=\"has-inline-color\">kommuniziert er per Chat und Video<\/span>. Nachdem sie das Spiel fertig gespielt haben, spielen sie nach dem gleichen Prinzip noch viele weitere Spiele an dem Abend, sodass Max und seine Freund_innen einen lustigen remote Spieleabend zusammen haben.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Two Use Cases with UML<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"792\" height=\"553\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Use-Case1.png\" alt=\"\" class=\"wp-image-827\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Use-Case1.png 792w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Use-Case1-300x209.png 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Use-Case1-768x536.png 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption>First use cases describes the user interaction with our application for a normal social gaming night.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"438\" height=\"598\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCase2.png\" alt=\"\" class=\"wp-image-828\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCase2.png 438w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/UseCase2-220x300.png 220w\" sizes=\"auto, (max-width: 438px) 85vw, 438px\" \/><figcaption>The second use case describes the user-application interactions for a typical registration process.<br><br>Both use cases are generated using online free tool <a href=\"https:\/\/www.diagrams.net\/\">diagrams.net<\/a>. <\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Reflexion<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Who made what contribution?<\/h3>\n\n\n\n<p>We generally did everything together in the group with twice meetings in the week. Ina prepared the documentation from her interview with friend and shared on Tuesday in the group meeting. The bulletpoints noted by Ina then are gathered unsorted in the diagram. All group members are participated in the initial gathering of ideas and further iterations. The final version with priority points as well as superheadlines is refined by Ina and Brendan.  <\/p>\n\n\n\n<p>The Persona is also created during group meeting. The main part is finished based on group discussion based on previous data analysis using affinity diagramming. Small refinements afterwards and looking for photo are done by Ina and Xin. <\/p>\n\n\n\n<p>In our second meeting on Friday, the use cases are finished within group discussion. Ina mainly focuses on the registration process whereas Brendan and Xin focus on the social gaming process. The blogpost is then written by Xin with support from Ina and Brendan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Learning &amp; Take-Aways<\/h3>\n\n\n\n<p>The Interpretation of qualitative data can somehow be ambiguous since even though in our group, people have different perceptions of the qualitative data. Therefore, a sufficient and efficient communication as well as opinions exchange is really import. Otherwise, the gathered user data cannot be precisely or even correctly represented by us als developers. <\/p>\n\n\n\n<p>With persona we learned how to depict a &#8222;typical&#8220; user image for our product. By using the online template provided by <a href=\"https:\/\/xtensio.com\/user-persona-template\/\">Xtensio<\/a>, we see some sections which are less relative to our project (or: we currently cannot really see \/uderstand the necessity for our project) auch as personalities. We somehow also have the feeling that some descriptions are inituitiv and subjective, since an &#8222;absolut covergence&#8220; from user data is alway hard to find.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What went well?<\/h3>\n\n\n\n<p>Everything went well. We see our weekly progress as positiv.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Improvement and Concern<\/h3>\n\n\n\n<p>We got some really use ideas from our potential users,  but some the cutomer wishes are hard to implement. For this case, we are unsure whether we need to considerate the person as secondary potential user, or should we take the suggestion as important feature which we ignored to garantee. Maybe some functions proposed by users require advanced technologies which we are not sure whether it is able to implement in our application. Some user wishes seem to be hard to realize based on our product format (web application).<\/p>\n\n\n\n<p>Another confusion is that we are not sure whether our data gathering method will trigger bias, since either interviewee or survey participants are in our &#8222;connected cycle&#8220;. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tasks 1. Affinity Diagramming Original 1st Iteration 2nd Iteration 3rd Iteration 4th Iteration All diagrams are created using Google Jamboard as a collaboration tool. 2. Primary Persona 3. Create a Scenario Color code: what &amp; where Freitag Abend m\u00f6chte Max sich, wie vor Coronazeiten auch, mit seinen Freund_innen treffen, um einen entspannten Abend zusammen zu &hellip; <a href=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/05\/07\/a3-p8-conceptual-model-for-user-contect\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201e[A#3, P8] Conceptual Model for User &amp; Contect\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6151,"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":[384608,394801,400801],"tags":[],"class_list":["post-815","post","type-post","status-publish","format-standard","hentry","category-projekt-8","category-week-3","category-assignment-3"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/815","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\/6151"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/comments?post=815"}],"version-history":[{"count":1,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/815\/revisions"}],"predecessor-version":[{"id":829,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/815\/revisions\/829"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/media?parent=815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/categories?post=815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/tags?post=815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}