{"id":1283,"date":"2021-05-23T10:34:11","date_gmt":"2021-05-23T08:34:11","guid":{"rendered":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/?p=1283"},"modified":"2021-05-25T13:56:08","modified_gmt":"2021-05-25T11:56:08","slug":"a5-p2-first-interactive-low-fidelity-prototype","status":"publish","type":"post","link":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/05\/23\/a5-p2-first-interactive-low-fidelity-prototype\/","title":{"rendered":"[A#5, P2] First interactive low-fidelity prototype"},"content":{"rendered":"\n<p> <strong>Summarize the feedback you received regarding your storyboard. <\/strong><\/p>\n\n\n\n<p>-Share the app with your household. Is it used for only one person or can more people use it together? <\/p>\n\n\n\n<p>-Show which button is pressed on the storyboard to get to the next screen.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Develop an interactive paper prototype.<\/strong><\/p>\n\n\n\n<p>Link to <a href=\"https:\/\/marvelapp.com\/prototype\/5b0jjia\">Marvel prototype<\/a><\/p>\n\n\n\n<p>Link to <a href=\"https:\/\/xd.adobe.com\/view\/a90aa44e-0071-4c96-b98e-aa61c09483ce-fc59\/\">Adobe XD prototype<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Please briefly describe: <\/h4>\n\n\n\n<p><strong> Your prototyping process. <\/strong><\/p>\n\n\n\n<p>Due to time restrictions we only met once after we already did our prototype versions. In the meeting we changed some details and extended the digital prototype further on. <\/p>\n\n\n\n<p><strong>The use case and\/or model (task analysis from last assignment) this prototype relates to. <\/strong><\/p>\n\n\n\n<p>Our Use case describes a user adding a recipe into his list. We describe this scenario in the digital version. In the paper prototype we focused on the process to create a profile with the individual needs of our persona. <\/p>\n\n\n\n<p><strong>How the storyboard is reflected in your prototype. <\/strong><\/p>\n\n\n\n<p>The storyboard is reflected in our prototype in such a way that the adding of recipes to the list is shown and the individual account settings are adjustable <\/p>\n\n\n\n<p><strong>Self-assessment of potential strengths and weaknesses of this first step into your design space. <\/strong><\/p>\n\n\n\n<p>In our opinion, doing a paper prototype is a lot of work compared to a digital prototype. Also changes in the paper prototype are a lot expenditure because in the worst case you have to redo the whole screen in more than one state of the prototype. The strength of the prototype is that we got an idea of how the usage of the app will feel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design Rationales<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"681\" height=\"441\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/pOglBls.png\" alt=\"\" class=\"wp-image-1349\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/pOglBls.png 681w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/pOglBls-300x194.png 300w\" 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=\"401\" height=\"311\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/pOglBls2.png\" alt=\"\" class=\"wp-image-1350\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/pOglBls2.png 401w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/pOglBls2-300x233.png 300w\" sizes=\"auto, (max-width: 401px) 85vw, 401px\" \/><\/figure>\n\n\n\n<!--nextpage-->\n\n\n\n<h3 class=\"wp-block-heading\">Reflexion <\/h3>\n\n\n\n<p><strong>WHO MADE WHAT CONTRIBUTION? <\/strong><\/p>\n\n\n\n<p>This week everyone had his own task to do. Rike made a paper prototype, while Nirmin digitalized the prototype with Adobe XD and gave it a more realistic and modern look. Janis made the paper prototype into a clickable prototype via marvel. We all discussed together what is missing in each prototype and what can be done better. <\/p>\n\n\n\n<p>L<strong>EARNING &amp; TAKE-AWAYS <\/strong><\/p>\n\n\n\n<p> We got a better understanding for how many just slightly different screens we need to have.  <\/p>\n\n\n\n<p>It is more complicated than we thought to design an intuitive interactive prototype due to the amount of possible outcomes depending on what the user has exactly chosen.<\/p>\n\n\n\n<p><strong>WHAT WENT WELL? <\/strong><\/p>\n\n\n\n<p>Everything went very well this week. <\/p>\n\n\n\n<p><strong>IMPROVEMENT AND CONCERN <\/strong><\/p>\n\n\n\n<p>We got a better picture of how the app can look in the final state especially through Nirmins digital prototype. Our biggest concern is that the app is very extensive in its features and will be hard to realize in every possible aspect.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summarize the feedback you received regarding your storyboard. -Share the app with your household. Is it used for only one person or can more people use it together? -Show which button is pressed on the storyboard to get to the next screen. Develop an interactive paper prototype. Link to Marvel prototype Link to Adobe XD &hellip; <a href=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/05\/23\/a5-p2-first-interactive-low-fidelity-prototype\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201e[A#5, P2] First interactive low-fidelity prototype\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6148,"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":[411106,384908,392321,400468],"tags":[],"class_list":["post-1283","post","type-post","status-publish","format-standard","hentry","category-foodie-projekt-2","category-blogbeitraege","category-lu5","category-assignment-5"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1283","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\/6148"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/comments?post=1283"}],"version-history":[{"count":10,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1283\/revisions"}],"predecessor-version":[{"id":1352,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1283\/revisions\/1352"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/media?parent=1283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/categories?post=1283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/tags?post=1283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}