{"id":1502,"date":"2021-06-03T14:44:55","date_gmt":"2021-06-03T12:44:55","guid":{"rendered":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/?p=1502"},"modified":"2021-07-06T17:12:32","modified_gmt":"2021-07-06T15:12:32","slug":"dialog-box","status":"publish","type":"post","link":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/06\/03\/dialog-box\/","title":{"rendered":"Dialog Box"},"content":{"rendered":"\n<p>A Dialog box is a type of pop-up menus  and is inserted to get a certain information from the user. It is  a small window and structured like a form. <br>We distingiush between a modal and modeless dialog box. <\/p>\n\n\n\n<p>A <strong>modal dialog box<\/strong> blocks the whole application and sometimes prevents you from interacting with other applications. You can only get back if you enter the needed information or close the dialog box. It is used when the application needs certain information from the user in order to proceed the process.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"507\" height=\"156\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/06\/image.png\" alt=\"\" class=\"wp-image-1503\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/06\/image.png 507w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/06\/image-300x92.png 300w\" sizes=\"auto, (max-width: 507px) 85vw, 507px\" \/><figcaption>I made the picture myself <\/figcaption><\/figure>\n\n\n\n<p>A <strong>modeless dialog box<\/strong> doesn&#8217;t restrict the workflow of the user like the model dialog box, so it coexists with the parent application. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"439\" height=\"335\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/06\/image-1.png\" alt=\"\" class=\"wp-image-1504\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/06\/image-1.png 439w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/06\/image-1-300x229.png 300w\" sizes=\"auto, (max-width: 439px) 85vw, 439px\" \/><figcaption>Navigation side bar in MS Word <br>I made the picture myself<\/figcaption><\/figure>\n\n\n\n<p>Quelle: <br>Video: M\u00fcller-Birn, C., Lecture 7-2, <a href=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/lu-7-designing-the-interaction-between-human-and-computer\/\">LU #7 \u2013 Designing the Interaction between Human and Computer \u2013 Human-Computer Interaction I (fu-berlin.de)<\/a>, Start: 9:30  End: 12:13, retrieved 03.06.2021, 12:00<br>Slides: <a href=\"https:\/\/git.imp.fu-berlin.de\/hcc\/hci1-sose-2020\/-\/wikis\/lecture\/07-02_Interaction_Styles.pdf\">07-02_Interaction_Styles (fu-berlin.de)<\/a>, p.7<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A Dialog box is a type of pop-up menus and is inserted to get a certain information from the user. It is a small window and structured like a form. We distingiush between a modal and modeless dialog box. A modal dialog box blocks the whole application and sometimes prevents you from interacting with other &hellip; <a href=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/06\/03\/dialog-box\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eDialog Box\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6162,"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":[84009,398396],"tags":[],"class_list":["post-1502","post","type-post","status-publish","format-standard","hentry","category-glossar","category-lu7"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1502","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\/6162"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/comments?post=1502"}],"version-history":[{"count":3,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1502\/revisions"}],"predecessor-version":[{"id":1958,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1502\/revisions\/1958"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/media?parent=1502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/categories?post=1502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/tags?post=1502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}