{"id":596,"date":"2023-06-13T09:45:26","date_gmt":"2023-06-13T07:45:26","guid":{"rendered":"https:\/\/blogs.fu-berlin.de\/hci2023\/?p=596"},"modified":"2023-06-13T09:52:31","modified_gmt":"2023-06-13T07:52:31","slug":"a7-t3-prototyping","status":"publish","type":"post","link":"https:\/\/blogs.fu-berlin.de\/hci2023\/2023\/06\/13\/a7-t3-prototyping\/","title":{"rendered":"[A7 T3] prototyping"},"content":{"rendered":"\n<p><br><strong>(1) Summarize the feedback you received on your storyboard.<\/strong><\/p>\n\n\n\n<p>During the last lab session, you collected feedback from your peers. Please summarize the feedback and document which feedback you will incorporate into your prototype.<\/p>\n\n\n\n<p>The people giving feedback noted that the storyboard&#8217;s design and personalization were done well and detailed, offering a nice picture of the app guide. There was however a weak connection with the scenario, so there could be more description of Sabine\u2019s thoughts and actions.<\/p>\n\n\n\n<p><strong>(2) Develop an interactive paper prototype.<\/strong><\/p>\n\n\n\n<p>You will develop a low-fidelity interactive prototype that represents multiple states or views. Think about your persona who wants to use your product: What are the minimum needs of your persona? What are the must-haves?<\/p>\n\n\n\n<p>Please describe briefly:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Your prototyping process.<\/li><li>The use case this prototype addresses.<\/li><li>How the storyboard is reflected in your prototype.<\/li><li>A self-assessment of the potential strengths and weaknesses of this first step into your design space.<\/li><\/ul>\n\n\n\n<p>We started by deciding to use figma as a plattform to create our first prototype. We created accounts and a project. Then we all started creating the first flow in figma. After we had all the frames we continued to create components and started filling the frames with our desired content. We all worked on different aspects of the frames.<\/p>\n\n\n\n<p>The use case of our prototype is a onboarding process of a user after the user registered and starts using the app. They will be greated by a tutorial but can decide to skip it.<\/p>\n\n\n\n<p>Our Storyboard was already very detailed and very focused on the prototype. Therefore we just recreated the storyboard as the prototype.<\/p>\n\n\n\n<p>The strengths of our prototype are clear user interactions and a straight forward user guidance. But it lacks a refined design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"836\" height=\"376\" src=\"https:\/\/blogs.fu-berlin.de\/hci2023\/files\/2023\/06\/file_2023-06-13_07.51.37.png\" alt=\"\" class=\"wp-image-603\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci2023\/files\/2023\/06\/file_2023-06-13_07.51.37.png 836w, https:\/\/blogs.fu-berlin.de\/hci2023\/files\/2023\/06\/file_2023-06-13_07.51.37-300x135.png 300w, https:\/\/blogs.fu-berlin.de\/hci2023\/files\/2023\/06\/file_2023-06-13_07.51.37-768x345.png 768w\" 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><a href=\"https:\/\/www.figma.com\/proto\/vKlEYIkcpOjpLLNpAIOY6F\/HCI-first-prototype?type=design&amp;node-id=0-1&amp;scaling=min-zoom&amp;page-id=0%3A1&amp;starting-point-node-id=1%3A3&amp;show-proto-sidebar=1\">https:\/\/www.figma.com\/proto\/vKlEYIkcpOjpLLNpAIOY6F\/HCI-first-prototype?type=design&amp;node-id=0-1&amp;scaling=min-zoom&amp;page-id=0%3A1&amp;starting-point-node-id=1%3A3&amp;show-proto-sidebar=1<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>(1) Summarize the feedback you received on your storyboard. During the last lab session, you collected feedback from your peers. Please summarize the feedback and document which feedback you will incorporate into your prototype. The people giving feedback noted that the storyboard&#8217;s design and personalization were done well and detailed, offering a nice picture of &hellip; <a href=\"https:\/\/blogs.fu-berlin.de\/hci2023\/2023\/06\/13\/a7-t3-prototyping\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201e[A7 T3] prototyping\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":7706,"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":[481506],"tags":[],"class_list":["post-596","post","type-post","status-publish","format-standard","hentry","category-team3"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/hci2023\/wp-json\/wp\/v2\/posts\/596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.fu-berlin.de\/hci2023\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.fu-berlin.de\/hci2023\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci2023\/wp-json\/wp\/v2\/users\/7706"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci2023\/wp-json\/wp\/v2\/comments?post=596"}],"version-history":[{"count":2,"href":"https:\/\/blogs.fu-berlin.de\/hci2023\/wp-json\/wp\/v2\/posts\/596\/revisions"}],"predecessor-version":[{"id":604,"href":"https:\/\/blogs.fu-berlin.de\/hci2023\/wp-json\/wp\/v2\/posts\/596\/revisions\/604"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/hci2023\/wp-json\/wp\/v2\/media?parent=596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci2023\/wp-json\/wp\/v2\/categories?post=596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci2023\/wp-json\/wp\/v2\/tags?post=596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}