{"id":151,"date":"2025-07-05T01:50:31","date_gmt":"2025-07-05T01:50:31","guid":{"rendered":"https:\/\/sites.create.ou.edu\/des3633\/?p=151"},"modified":"2025-07-05T01:50:31","modified_gmt":"2025-07-05T01:50:31","slug":"week-12-prototype-hi-fi","status":"publish","type":"post","link":"https:\/\/sova.ourcloud.ou.edu\/des3633\/2025\/07\/05\/week-12-prototype-hi-fi\/","title":{"rendered":"Week 12: Prototype (Hi-Fi)"},"content":{"rendered":"\n<p>This week, you will begin developing high-fidelity prototypes informed by the feedback gathered from your Think Aloud tests. The goal is to transform your low-fidelity wireframes into polished, functional designs that clearly and consistently communicate the program\u2019s identity. You will also conduct a Heuristic Evaluation to assess the usability of your prototype before the final next week.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sooners-my.sharepoint.com\/:p:\/g\/personal\/raju_ou_edu\/EX2EyL7cYgxLiVXX_PuiQWYBR6f-FYNo-fVttvwhDu2ZDA?e=lveKb2\" target=\"_blank\" rel=\"noreferrer noopener\">Click here to access the lecture slides<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Topics<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Figma Advance\n<ul class=\"wp-block-list\">\n<li>Micro interactions: e.g., button state change <\/li>\n\n\n\n<li>Animation: e.g., randomization on page load<\/li>\n\n\n\n<li>Modes\/Variables: e.g., Color themes (dark\/light mode), compact\/relaxed mode<\/li>\n\n\n\n<li>&#8230;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Moodboard<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Class Activities<\/h2>\n\n\n\n<p>Start developing high fidelity prototype. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Duplicate your wireframe file and rename it <strong>\u201cHi-Fi Prototype\u201d<\/strong>, or create a new Figma file with that name to start fresh. Your hi-fi prototype <strong>must<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Use <strong>local styles<\/strong> (e.g., bold, italic, shadows, etc.)<\/li>\n\n\n\n<li>Apply <strong>variables<\/strong> for size, spacing, and color<\/li>\n\n\n\n<li>Follow <strong>Atomic Design principles<\/strong> (atoms, molecules, organisms, templates, pages)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>This is your chance to get creative, finally you can focus on crafting an engaging user experience. Look at competitor or related websites for inspiration and best practices.<\/li>\n\n\n\n<li>[OPTIONAL] If you are planning to follow OU&#8217;s design guidelines, creating a moodboard will be super helpful.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, you will begin developing high-fidelity prototypes informed by the feedback gathered from your Think Aloud tests. The goal is to transform your low-fidelity wireframes into polished, functional designs that clearly and consistently communicate the program\u2019s identity. You will also conduct a Heuristic Evaluation to assess the usability of your prototype before the final [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-151","post","type-post","status-publish","format-standard","hentry","category-schedule","missing-thumbnail"],"_links":{"self":[{"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/posts\/151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/comments?post=151"}],"version-history":[{"count":0,"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/posts\/151\/revisions"}],"wp:attachment":[{"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/media?parent=151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/categories?post=151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/des3633\/wp-json\/wp\/v2\/tags?post=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}