{"id":148,"date":"2014-09-10T12:01:49","date_gmt":"2014-09-10T19:01:49","guid":{"rendered":"http:\/\/courses.haigarmen.com\/desn315\/?p=148"},"modified":"2014-09-10T12:01:49","modified_gmt":"2014-09-10T19:01:49","slug":"interaction-design-principles","status":"publish","type":"post","link":"https:\/\/courses.haigarmen.com\/desn315\/interaction-design-principles\/","title":{"rendered":"Interaction Design Principles"},"content":{"rendered":"<h3><a href=\"http:\/\/courses.haigarmen.com\/desn315\/files\/2014\/09\/2.02-ixd-Principles-Armen.pdf\">Download the Lecture Slides PDF<\/a><\/h3>\n<h2>1. IxD Principles<\/h2>\n<h4>a. Design Values:<\/h4>\n<p><strong>Ethical:<\/strong> It does no harm, and hopefully improves situations<br \/>\n<strong>Purposeful:<\/strong> It helps people accomplish goals. It is appropriate o<br \/>\nthe user&#8217;s context<br \/>\n<strong>Pragmatic:<\/strong> it achieves business goals and fits within constraints<br \/>\n<strong>Elegant:<\/strong> It provides the simplest complete solution<br \/>\nIt engages the emotions appropriately<\/p>\n<h4>b. Conceptual Principles:<\/h4>\n<p>How do we address the needs of both beginning users and expert users with a single, coherent interface?<\/p>\n<blockquote><p>\nOptimize for <strong>intermediates<\/strong><br \/>\nEncourage users to <strong>skip<\/strong> beginner phase\n<\/p><\/blockquote>\n<h4>c. Behavioural Principles:<\/h4>\n<p>Optimize the experience by clarifying information and <strong>minimizing<\/strong> work in the following areas:<\/p>\n<ul>\n<li>Cognitive Work<\/li>\n<li>Memory Work<\/li>\n<li>Visual Work<\/li>\n<li>Physical Work<\/li>\n<\/ul>\n<h4>d. Interface-level Principles:<\/h4>\n<ul>\n<li>Don&#8217;t think of your product as a computer<\/li>\n<li>Integrate your hardware and software design<\/li>\n<li>Let context drive the design<\/li>\n<li>Use modes judiciously, if at all<\/li>\n<li>Limit the scope<\/li>\n<li>Balance navigation with display density<\/li>\n<li>Customize for your platform<\/li>\n<\/ul>\n<h2>2. GUI metaphors<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/courses.haigarmen.com\/desn315\/files\/2014\/09\/gui-metaphors.png\" alt=\"gui-metaphors\" width=\"446\" height=\"1000\" class=\"alignnone size-full wp-image-152\" \/><\/p>\n<h2>3. Design Patterns<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/courses.haigarmen.com\/desn315\/files\/2014\/09\/design-patterns.png\" alt=\"design-patterns\" width=\"895\" height=\"547\" class=\"alignnone size-full wp-image-153\" srcset=\"https:\/\/courses.haigarmen.com\/desn315\/files\/2014\/09\/design-patterns.png 895w, https:\/\/courses.haigarmen.com\/desn315\/files\/2014\/09\/design-patterns-300x183.png 300w\" sizes=\"auto, (max-width: 895px) 100vw, 895px\" \/><\/p>\n<h2>4. Best Practices<\/h2>\n<ul>\n<li>Design based on user scenarios<\/li>\n<li>Interfaces should anticipate user behaviour<\/li>\n<li>Guide but do not dictate user experience<\/li>\n<li>Navigation should indicate where the user is<\/li>\n<li>Progress from simple to complex (Undesired complexity confuses user)<\/li>\n<li>Prevent users from making errors (ex. electrical sockets)<\/li>\n<li>Provide affordances for interactive elements<br \/>\n(Elements should look like what they are)<\/li>\n<li>Focus should be on content, not format or navigation<\/li>\n<li>Don\u2019t make users wait, wondering<\/li>\n<li>Give the user control over the pace of the interaction<\/li>\n<li>Let the user decide their needs, accommodate the user<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Download the Lecture Slides PDF 1. IxD Principles a. Design Values: Ethical: It does no harm, and hopefully improves situations Purposeful: It helps people accomplish goals. It is appropriate o the user&#8217;s context Pragmatic: it achieves business goals and fits within constraints Elegant: It provides the simplest complete solution It engages the emotions appropriately b. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-148","post","type-post","status-publish","format-standard","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/courses.haigarmen.com\/desn315\/wp-json\/wp\/v2\/posts\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.haigarmen.com\/desn315\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.haigarmen.com\/desn315\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.haigarmen.com\/desn315\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.haigarmen.com\/desn315\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":3,"href":"https:\/\/courses.haigarmen.com\/desn315\/wp-json\/wp\/v2\/posts\/148\/revisions"}],"predecessor-version":[{"id":154,"href":"https:\/\/courses.haigarmen.com\/desn315\/wp-json\/wp\/v2\/posts\/148\/revisions\/154"}],"wp:attachment":[{"href":"https:\/\/courses.haigarmen.com\/desn315\/wp-json\/wp\/v2\/media?parent=148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.haigarmen.com\/desn315\/wp-json\/wp\/v2\/categories?post=148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.haigarmen.com\/desn315\/wp-json\/wp\/v2\/tags?post=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}