{"id":1143,"date":"2021-05-16T20:30:48","date_gmt":"2021-05-16T18:30:48","guid":{"rendered":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/?p=1143"},"modified":"2021-05-16T22:43:30","modified_gmt":"2021-05-16T20:43:30","slug":"a4-p1-ideation-and-storyboard","status":"publish","type":"post","link":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/05\/16\/a4-p1-ideation-and-storyboard\/","title":{"rendered":"[A#4, P1] Ideation and Storyboard"},"content":{"rendered":"\n<p><strong>Formulate a problem and hypothesis statement and document it.<\/strong><\/p>\n\n\n\n<p><strong>Jorg needs a way to<\/strong> easily generate recipes from a set of ingredients <strong>because<\/strong> he always has leftovers.<\/p>\n\n\n\n<p><strong>We will know this to be true when we see<\/strong>: that <strong>Jorg<\/strong> always get a list of recipe suggestions from his ingredients selection.<\/p>\n\n\n\n<p><strong>We believe that by<\/strong> creating a user friendly interface for ingredients selection and clear visualization of the resulting recipe list<strong> for Jorg<\/strong>, we will achieve having less leftovers and ordering 50% less food.<\/p>\n\n\n\n<p><strong>Conceptual models for task analysis<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"842\" height=\"940\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/bpnm.jpg\" alt=\"\" class=\"wp-image-1176\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/bpnm.jpg 842w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/bpnm-269x300.jpg 269w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/bpnm-768x857.jpg 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p>We hesitated between BPMN and HTA, but we decided to go for the task flow with BPNM because we estimate that this choice will help us the most analysing our user`s tasks. Even if HTA provides a better understanding which subtask are included, in our current project state we mostly need a better overall understanding of the system. From the choices given BPMN is the best to achieve this because it delivers a clear visualization of the whole lifecycle.<\/p>\n\n\n\n<p><strong>Find inspirations, analogies, and create a moodboard.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"413\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/moodboard-1024x413.jpg\" alt=\"\" class=\"wp-image-1144\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/moodboard-1024x413.jpg 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/moodboard-300x121.jpg 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/moodboard-768x310.jpg 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/moodboard-1200x484.jpg 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/moodboard.jpg 1280w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption>Picture sources from left to right: <a href=\"https:\/\/icdn.digitaltrends.com\/image\/digitaltrends\/epicurious-3-1500x999.jpg\">3 screenshots<\/a>, <a href=\"https:\/\/image.flaticon.com\/icons\/png\/512\/1963\/1963882.png\">pot<\/a>, <a href=\"https:\/\/news-cdn.softpedia.com\/images\/fitted\/340x180\/microsoft-builds-fridge-that-creates-a-shopping-list-and-sends-it-to-your-phone.jpg\">fridgepix<\/a>, <a href=\"https:\/\/previews.123rf.com\/images\/jamesstar\/jamesstar1404\/jamesstar140400857\/27887307-no-fast-food.jpg\">no-fast-food sign<\/a>, <a href=\"https:\/\/thumbor.forbes.com\/thumbor\/960x0\/https%3A%2F%2Fblogs-images.forbes.com%2Feustaciahuen%2Ffiles%2F2015%2F07%2FTenderSS1.jpg\">tender<\/a>, <a href=\"https:\/\/www.supercook.com\/\">supercook.com<\/a><\/figcaption><\/figure>\n\n\n\n<p><strong>Create individual\u00a0sketches<\/strong> <strong>and share your sketches with your team.<\/strong><\/p>\n\n\n\n<p>With the made BPNM and the moodboard we are able to get a better insight for the processes. Following this insights we created sketches how our app will look like. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"509\" height=\"764\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Mouadh2-1.png\" alt=\"\" class=\"wp-image-1158\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Mouadh2-1.png 509w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Mouadh2-1-200x300.png 200w\" sizes=\"auto, (max-width: 509px) 85vw, 509px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"910\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Mouadh-1.png\" alt=\"\" class=\"wp-image-1161\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Mouadh-1.png 720w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Mouadh-1-237x300.png 237w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/photo_2021-05-16_20-33-05-1-1024x514.jpg\" alt=\"\" class=\"wp-image-1162\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/photo_2021-05-16_20-33-05-1-1024x514.jpg 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/photo_2021-05-16_20-33-05-1-300x151.jpg 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/photo_2021-05-16_20-33-05-1-768x386.jpg 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/photo_2021-05-16_20-33-05-1-1200x603.jpg 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/photo_2021-05-16_20-33-05-1.jpg 1280w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p><strong>Condense your results from the previous step into a storyboard.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"743\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/skechtboard.png\" alt=\"\" class=\"wp-image-1147\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/skechtboard.png 720w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/skechtboard-291x300.png 291w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<p><em><strong>Who <\/strong>did what?<\/em><\/p>\n\n\n\n<p>We decided this week that the assignments need a very strong interaction, discussion and collaboration. Therefore, we have not spent time on separation and had a long teamworktime. We are happy afterwards that we did it this way.<\/p>\n\n\n\n<p><em><strong>What <\/strong>did we learn?<\/em><\/p>\n\n\n\n<p>All the methods used besides BPNM are new for us. This means we had a lot of hands-on training this time. We have also discovered that the old tool like Miro can be used in a new way and have functionalities previously unknown for us.<\/p>\n\n\n\n<p><em><strong>What <\/strong>went well?<\/em><\/p>\n\n\n\n<p>The teamwork was taff but we think that our time was really productive and efficient: We have a good communication basis and we have a strong common vocabulary in the domain. It was also easy to establish the meeting appointment.<\/p>\n\n\n\n<p><em><strong>What <\/strong>do we want to improve?<\/em><\/p>\n\n\n\n<p>It is very difficult to have a routine during weeks where you are in distance learning because you need to schedule learn time and additional even plan time. We discovered this habit in this week because we still have no fixed day and that\u00b4s not the best but still okay.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Formulate a problem and hypothesis statement and document it. Jorg needs a way to easily generate recipes from a set of ingredients because he always has leftovers. We will know this to be true when we see: that Jorg always get a list of recipe suggestions from his ingredients selection. We believe that by creating &hellip; <a href=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/05\/16\/a4-p1-ideation-and-storyboard\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201e[A#4, P1] Ideation and Storyboard\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6159,"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":[9,382927,384908,400188],"tags":[],"class_list":["post-1143","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-projekt-1","category-blogbeitraege","category-assignment-4"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1143","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\/6159"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/comments?post=1143"}],"version-history":[{"count":8,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1143\/revisions"}],"predecessor-version":[{"id":1189,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1143\/revisions\/1189"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/media?parent=1143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/categories?post=1143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/tags?post=1143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}