{"id":26,"date":"2020-02-23T08:08:58","date_gmt":"2020-02-23T13:08:58","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/?post_type=chapter&#038;p=26"},"modified":"2020-02-23T09:08:01","modified_gmt":"2020-02-23T14:08:01","slug":"specific-vs-heuristic-design-principles","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/chapter\/specific-vs-heuristic-design-principles\/","title":{"raw":"Specific vs Heuristic design principles","rendered":"Specific vs Heuristic design principles"},"content":{"raw":"When using design principles, there are two kinds of principles that are often referenced:\r\n\r\nSpecific and Heuristic.\r\n<h2>Specific design principles<\/h2>\r\nThese are design principles that have been created for a specific project to ensure a consistent experience.\u00a0 An oft-cited example of specific design principles would be the android operating system design principles.\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Delight me in surprising ways.\u00a0 Subtle effects contribute to a joyful experience<\/li>\r\n \t<li style=\"font-weight: 400\">Real objects are more fun than buttons and menus.\u00a0 Make the experience visual and not just textual.<img class=\"size-medium wp-image-65 alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/selective-focus-photography-of-person-holding-turned-on-1092644-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" \/><\/li>\r\n \t<li style=\"font-weight: 400\">Let me make it mine.\u00a0 If at all possible make the interface customizable<\/li>\r\n \t<li style=\"font-weight: 400\">Get to know me.\u00a0 Learn people\u2019s preferences over time.<\/li>\r\n \t<li style=\"font-weight: 400\">Keep it brief.<\/li>\r\n \t<li style=\"font-weight: 400\">Pictures speak louder than words.<\/li>\r\n \t<li style=\"font-weight: 400\">Decide for me but let me have the final say.<\/li>\r\n \t<li style=\"font-weight: 400\">Only show what I need, when I need it.<\/li>\r\n \t<li style=\"font-weight: 400\">I should always know where I am.<\/li>\r\n \t<li style=\"font-weight: 400\">Never lose my stuff.<\/li>\r\n \t<li style=\"font-weight: 400\">If it looks the same, it should act the same.<\/li>\r\n \t<li style=\"font-weight: 400\">Only interrupt me if it\u2019s important.<\/li>\r\n \t<li style=\"font-weight: 400\">Give me tricks that work everywhere.<\/li>\r\n \t<li style=\"font-weight: 400\">It\u2019s not my fault.<\/li>\r\n \t<li style=\"font-weight: 400\">Sprinkle encouragement.<\/li>\r\n \t<li style=\"font-weight: 400\">Do the heavy lifting for me.<\/li>\r\n \t<li style=\"font-weight: 400\">Make important things fast.<\/li>\r\n<\/ol>\r\nWhile these seem like extremely simple statements, one can see how they help guide big decisions in the design of the interface.\r\n<h2>Heuristic design principles<\/h2>\r\nThese principles were made mainstream by Jakob Neilsen in the 90\u2019s and are used as a set of guidelines that user interface design in computer applications must adhere to in order to be usable.\u00a0 While set in the realm of computing interfaces there are many parallels that can be drawn in course design. Neilson\u2019s principles are:\r\n\r\n<img class=\"aligncenter size-large wp-image-66\" src=\"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286-1024x683.jpg\" alt=\"\" width=\"1024\" height=\"683\" \/>\r\n\r\n&nbsp;\r\n<ol>\r\n \t<li style=\"font-weight: 400\">Visibility of system status: The user must be informed about what is going on through appropriate feedback within a reasonable amount of time.<\/li>\r\n \t<li style=\"font-weight: 400\">Match between system and the real world: The system should speak the user\u2019s language.\u00a0 It should use familiar terms, words and concepts that are familiar to users. Information should appear in a logical and natural order.<\/li>\r\n \t<li style=\"font-weight: 400\">User control and freedom.\u00a0 Users of the system may find themselves in an unfamiliar or unwanted state.\u00a0 There needs to be a clear \u201cexit\u201d or \u201cundo\/redo\u201d without having to go through an extended sequence of events.<\/li>\r\n \t<li style=\"font-weight: 400\">Consistency and standards.\u00a0 Users should no have to wonder whether different situations or actions mean the same thing.\u00a0 Follow platform conventions and maintain a consistent environment.<\/li>\r\n \t<li style=\"font-weight: 400\">Error prevention: Eliminate error-prone conditions or check them and present the users with a confirmation option before they commit to an action.<\/li>\r\n \t<li style=\"font-weight: 400\">Recognition rather than recall: Minimize the user\u2019s memory load by making objects, actions and options visible.\u00a0 The user should not have to remember information from one part of the experience to another. Instructions of use should be visible or easily retrievable whenever appropriate.<\/li>\r\n \t<li style=\"font-weight: 400\">Flexibility and efficiency of use:\u00a0 A design system should provide enough flexibility to cover the needs of both inexperienced users as well as an expert without causing a painful experience for both.<\/li>\r\n \t<li style=\"font-weight: 400\">Aesthetic and minimalist design.\u00a0 Dialogues should not contain information which is irrelevant or rarely needed.\u00a0 Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.<\/li>\r\n \t<li style=\"font-weight: 400\">Help users recognize, diagnose, and recover from errors.\u00a0 Error messages should be expressed in plain language, precisely indicate the problem, and constructively suggest a solution.<\/li>\r\n \t<li style=\"font-weight: 400\">Help and documentation.\u00a0 Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation.\u00a0 Any such information should be easy to search, focused on the user\u2019s task, list concrete steps to be carried out, and not be too large.<\/li>\r\n<\/ol>","rendered":"<p>When using design principles, there are two kinds of principles that are often referenced:<\/p>\n<p>Specific and Heuristic.<\/p>\n<h2>Specific design principles<\/h2>\n<p>These are design principles that have been created for a specific project to ensure a consistent experience.\u00a0 An oft-cited example of specific design principles would be the android operating system design principles.<\/p>\n<ol>\n<li style=\"font-weight: 400\">Delight me in surprising ways.\u00a0 Subtle effects contribute to a joyful experience<\/li>\n<li style=\"font-weight: 400\">Real objects are more fun than buttons and menus.\u00a0 Make the experience visual and not just textual.<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-65 alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/selective-focus-photography-of-person-holding-turned-on-1092644-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/selective-focus-photography-of-person-holding-turned-on-1092644-300x200.jpg 300w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/selective-focus-photography-of-person-holding-turned-on-1092644-1024x683.jpg 1024w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/selective-focus-photography-of-person-holding-turned-on-1092644-768x512.jpg 768w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/selective-focus-photography-of-person-holding-turned-on-1092644-1536x1024.jpg 1536w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/selective-focus-photography-of-person-holding-turned-on-1092644-2048x1365.jpg 2048w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/selective-focus-photography-of-person-holding-turned-on-1092644-65x43.jpg 65w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/selective-focus-photography-of-person-holding-turned-on-1092644-225x150.jpg 225w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/selective-focus-photography-of-person-holding-turned-on-1092644-350x233.jpg 350w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<li style=\"font-weight: 400\">Let me make it mine.\u00a0 If at all possible make the interface customizable<\/li>\n<li style=\"font-weight: 400\">Get to know me.\u00a0 Learn people\u2019s preferences over time.<\/li>\n<li style=\"font-weight: 400\">Keep it brief.<\/li>\n<li style=\"font-weight: 400\">Pictures speak louder than words.<\/li>\n<li style=\"font-weight: 400\">Decide for me but let me have the final say.<\/li>\n<li style=\"font-weight: 400\">Only show what I need, when I need it.<\/li>\n<li style=\"font-weight: 400\">I should always know where I am.<\/li>\n<li style=\"font-weight: 400\">Never lose my stuff.<\/li>\n<li style=\"font-weight: 400\">If it looks the same, it should act the same.<\/li>\n<li style=\"font-weight: 400\">Only interrupt me if it\u2019s important.<\/li>\n<li style=\"font-weight: 400\">Give me tricks that work everywhere.<\/li>\n<li style=\"font-weight: 400\">It\u2019s not my fault.<\/li>\n<li style=\"font-weight: 400\">Sprinkle encouragement.<\/li>\n<li style=\"font-weight: 400\">Do the heavy lifting for me.<\/li>\n<li style=\"font-weight: 400\">Make important things fast.<\/li>\n<\/ol>\n<p>While these seem like extremely simple statements, one can see how they help guide big decisions in the design of the interface.<\/p>\n<h2>Heuristic design principles<\/h2>\n<p>These principles were made mainstream by Jakob Neilsen in the 90\u2019s and are used as a set of guidelines that user interface design in computer applications must adhere to in order to be usable.\u00a0 While set in the realm of computing interfaces there are many parallels that can be drawn in course design. Neilson\u2019s principles are:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-66\" src=\"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286-1024x683.jpg\" alt=\"\" width=\"1024\" height=\"683\" srcset=\"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286-1024x683.jpg 1024w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286-300x200.jpg 300w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286-768x512.jpg 768w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286-1536x1024.jpg 1536w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286-2048x1365.jpg 2048w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286-65x43.jpg 65w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286-225x150.jpg 225w, https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-content\/uploads\/sites\/928\/2020\/02\/man-wearing-black-and-white-stripe-shirt-looking-at-white-212286-350x233.jpg 350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li style=\"font-weight: 400\">Visibility of system status: The user must be informed about what is going on through appropriate feedback within a reasonable amount of time.<\/li>\n<li style=\"font-weight: 400\">Match between system and the real world: The system should speak the user\u2019s language.\u00a0 It should use familiar terms, words and concepts that are familiar to users. Information should appear in a logical and natural order.<\/li>\n<li style=\"font-weight: 400\">User control and freedom.\u00a0 Users of the system may find themselves in an unfamiliar or unwanted state.\u00a0 There needs to be a clear \u201cexit\u201d or \u201cundo\/redo\u201d without having to go through an extended sequence of events.<\/li>\n<li style=\"font-weight: 400\">Consistency and standards.\u00a0 Users should no have to wonder whether different situations or actions mean the same thing.\u00a0 Follow platform conventions and maintain a consistent environment.<\/li>\n<li style=\"font-weight: 400\">Error prevention: Eliminate error-prone conditions or check them and present the users with a confirmation option before they commit to an action.<\/li>\n<li style=\"font-weight: 400\">Recognition rather than recall: Minimize the user\u2019s memory load by making objects, actions and options visible.\u00a0 The user should not have to remember information from one part of the experience to another. Instructions of use should be visible or easily retrievable whenever appropriate.<\/li>\n<li style=\"font-weight: 400\">Flexibility and efficiency of use:\u00a0 A design system should provide enough flexibility to cover the needs of both inexperienced users as well as an expert without causing a painful experience for both.<\/li>\n<li style=\"font-weight: 400\">Aesthetic and minimalist design.\u00a0 Dialogues should not contain information which is irrelevant or rarely needed.\u00a0 Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.<\/li>\n<li style=\"font-weight: 400\">Help users recognize, diagnose, and recover from errors.\u00a0 Error messages should be expressed in plain language, precisely indicate the problem, and constructively suggest a solution.<\/li>\n<li style=\"font-weight: 400\">Help and documentation.\u00a0 Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation.\u00a0 Any such information should be easy to search, focused on the user\u2019s task, list concrete steps to be carried out, and not be too large.<\/li>\n<\/ol>\n","protected":false},"author":422,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-26","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/pressbooks\/v2\/chapters\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/wp\/v2\/users\/422"}],"version-history":[{"count":3,"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/pressbooks\/v2\/chapters\/26\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/pressbooks\/v2\/chapters\/26\/revisions\/68"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/pressbooks\/v2\/chapters\/26\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/wp\/v2\/media?parent=26"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/pressbooks\/v2\/chapter-type?post=26"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/wp\/v2\/contributor?post=26"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/designprinciplesforadaptivelearning\/wp-json\/wp\/v2\/license?post=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}