{"id":722,"date":"2021-05-02T23:42:15","date_gmt":"2021-05-02T21:42:15","guid":{"rendered":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/?page_id=722"},"modified":"2021-05-03T11:33:26","modified_gmt":"2021-05-03T09:33:26","slug":"lu04-from-requirements-to-a-conceptual-design","status":"publish","type":"page","link":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/lu04-from-requirements-to-a-conceptual-design\/","title":{"rendered":"LU#04 \u2013 From Requirements to a Conceptual Design"},"content":{"rendered":"\n<p>04-01 (box.fu,&nbsp;<a href=\"https:\/\/git.imp.fu-berlin.de\/hcc\/hci1-sose-2020\/-\/wikis\/lecture\/04-1_HCI_From_Requirements_to_Conceptual_Design.pdf\">gitlab<\/a>)&nbsp;|&nbsp;04-02 (box.fu,&nbsp;<a href=\"https:\/\/git.imp.fu-berlin.de\/hcc\/hci1-sose-2020\/-\/wikis\/lecture\/04-2_HCI_Iterative_Design_and_Prototyping.pdf\">gitlab<\/a>)&nbsp;|&nbsp;04-03 (box.fu,&nbsp;<a href=\"https:\/\/git.imp.fu-berlin.de\/hcc\/hci1-sose-2020\/-\/wikis\/lecture\/04-3_HCI_Defining_Design_Rationales.pdf\">gitlab<\/a>)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Videos<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">04-01 | From Requirements to Conceptual Design<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Ideation: Brainstorming<\/li><li>Interface Type<\/li><li>Interface Metaphors<\/li><li>Interaction Types<\/li><\/ul>\n\n\n\n<p><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-35\" class=\"h5p-iframe\" data-content-id=\"35\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"04-01 | From Requirements to Conceptual Design\"><\/iframe><\/div><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">04-02 | Iterative Design and Prototyping<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Prototypes<\/li><li>Horizontal &amp; vertical Prototyping<\/li><li>Rapid Prototyping<\/li><li>Low Fidelity &amp; High Fidelity<\/li><\/ul>\n\n\n\n<p><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-36\" class=\"h5p-iframe\" data-content-id=\"36\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"04-02 | Iterative Design and Prototyping\"><\/iframe><\/div><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">04-03 | Defining Design Rationales<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Types of Design Rationales<ul><li>Process-oriented: Issue-based Information System (gIBIS)<\/li><li>Design Space Analysis: Design Space Analysis (QOS)<\/li><\/ul><\/li><\/ul>\n\n\n\n<p><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-37\" class=\"h5p-iframe\" data-content-id=\"37\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"04-03 | Defining Design Rationales\"><\/iframe><\/div><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Additional Material<\/h2>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-boxes-and-arrows\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"ieRfYSCUGu\"><a href=\"https:\/\/boxesandarrows.com\/conceptual-models-in-a-nutshell\/\">Conceptual Models in a Nutshell<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Conceptual Models in a Nutshell&#8221; &#8212; Boxes and Arrows\" src=\"https:\/\/boxesandarrows.com\/conceptual-models-in-a-nutshell\/embed\/#?secret=ieRfYSCUGu\" data-secret=\"ieRfYSCUGu\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-board-of-innovation\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"t0WsNVvr8O\"><a href=\"https:\/\/www.boardofinnovation.com\/staff_picks\/favorite-prototyping-tools\/\">Our 10 favorite prototyping tools<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Our 10 favorite prototyping tools&#8221; &#8212; Board of Innovation\" src=\"https:\/\/www.boardofinnovation.com\/staff_picks\/favorite-prototyping-tools\/embed\/#?secret=t0WsNVvr8O\" data-secret=\"t0WsNVvr8O\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"lyte-wrapper\" style=\"width:640px;max-width:100%;margin:5px;\"><div class=\"lyMe\" id=\"WYL_Cn4vC80Pv6Q\"><div id=\"lyte_Cn4vC80Pv6Q\" data-src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-content\/plugins\/wp-youtube-lyte\/lyteCache.php?origThumbUrl=%2F%2Fi.ytimg.com%2Fvi%2FCn4vC80Pv6Q%2Fhqdefault.jpg\" class=\"pL\"><div class=\"tC\"><div class=\"tT\"><\/div><\/div><div class=\"play\"><\/div><div class=\"ctrl\"><div class=\"Lctrl\"><\/div><div class=\"Rctrl\"><\/div><\/div><\/div><noscript><a href=\"https:\/\/youtu.be\/Cn4vC80Pv6Q\" rel=\"nofollow\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-content\/plugins\/wp-youtube-lyte\/lyteCache.php?origThumbUrl=https%3A%2F%2Fi.ytimg.com%2Fvi%2FCn4vC80Pv6Q%2F0.jpg\" alt=\"YouTube-Video-Thumbnail\" width=\"640\" height=\"340\" \/><br \/>Dieses Video auf YouTube ansehen<\/a><\/noscript><\/div><\/div><div class=\"lL\" style=\"max-width:100%;width:640px;margin:5px;\"><br\/><span class=\"lyte_disclaimer\">ACHTUNG: Daten nach YouTube werden erst beim Abspielen des Videos \u00fcbertragen.<\/span><\/div><figcaption><\/figcaption><\/figure>\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"lyte-wrapper\" style=\"width:640px;max-width:100%;margin:5px;\"><div class=\"lyMe\" id=\"WYL_sfPEi5BSyHU\"><div id=\"lyte_sfPEi5BSyHU\" data-src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-content\/plugins\/wp-youtube-lyte\/lyteCache.php?origThumbUrl=%2F%2Fi.ytimg.com%2Fvi%2FsfPEi5BSyHU%2Fhqdefault.jpg\" class=\"pL\"><div class=\"tC\"><div class=\"tT\"><\/div><\/div><div class=\"play\"><\/div><div class=\"ctrl\"><div class=\"Lctrl\"><\/div><div class=\"Rctrl\"><\/div><\/div><\/div><noscript><a href=\"https:\/\/youtu.be\/sfPEi5BSyHU\" rel=\"nofollow\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-content\/plugins\/wp-youtube-lyte\/lyteCache.php?origThumbUrl=https%3A%2F%2Fi.ytimg.com%2Fvi%2FsfPEi5BSyHU%2F0.jpg\" alt=\"YouTube-Video-Thumbnail\" width=\"640\" height=\"340\" \/><br \/>Dieses Video auf YouTube ansehen<\/a><\/noscript><\/div><\/div><div class=\"lL\" style=\"max-width:100%;width:640px;margin:5px;\"><br\/><span class=\"lyte_disclaimer\">ACHTUNG: Daten nach YouTube werden erst beim Abspielen des Videos \u00fcbertragen.<\/span><\/div><figcaption><\/figcaption><\/figure>","protected":false},"excerpt":{"rendered":"<p>04-01 (box.fu,&nbsp;gitlab)&nbsp;|&nbsp;04-02 (box.fu,&nbsp;gitlab)&nbsp;|&nbsp;04-03 (box.fu,&nbsp;gitlab) Videos 04-01 | From Requirements to Conceptual Design Ideation: Brainstorming Interface Type Interface Metaphors Interaction Types 04-02 | Iterative Design and Prototyping Prototypes Horizontal &amp; vertical Prototyping Rapid Prototyping Low Fidelity &amp; High Fidelity 04-03 | Defining Design Rationales Types of Design Rationales Process-oriented: Issue-based Information System (gIBIS) Design Space Analysis: &hellip; <a href=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/lu04-from-requirements-to-a-conceptual-design\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eLU#04 \u2013 From Requirements to a Conceptual Design\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":4293,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":""},"class_list":["post-722","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/pages\/722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/users\/4293"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/comments?post=722"}],"version-history":[{"count":10,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/pages\/722\/revisions"}],"predecessor-version":[{"id":745,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/pages\/722\/revisions\/745"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/media?parent=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}