{"id":700,"date":"2026-03-29T23:10:40","date_gmt":"2026-03-29T23:10:40","guid":{"rendered":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/?p=700"},"modified":"2026-03-30T04:59:28","modified_gmt":"2026-03-30T04:59:28","slug":"aix-design-prototype-lo-fi-test","status":"publish","type":"post","link":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/2026\/03\/29\/aix-design-prototype-lo-fi-test\/","title":{"rendered":"AIX Design: Prototype Lo-Fi &amp; Test"},"content":{"rendered":"\n<p class=\"has-large-font-size\">Objective<\/p>\n\n\n\n<p>The goal of this stage of the design thinking process was to visually explore different design possibilities and test how users interact with them before investing excessive time into a design that has many flaws. This goal was achieved by creating paper prototypes that represented the flow of 3 tasks\/features. Then, I used cognitive walkthrough forms to document the actions and issues that my 2 participants experienced.<\/p>\n\n\n\n<p class=\"has-large-font-size\">AI Usage<\/p>\n\n\n\n<p>While creating paper prototypes for my social time scheduling screens, I used <em>Figma Make<\/em> to help me generate screen ideas since I had trouble visualizing how they would be laid out. I had played around with <em>Figma Make<strong> <\/strong><\/em>before to see what the final app could look like, so I created a new prompt that specifically addresses viewing collective free time.<br><br><strong>Prompt<\/strong>: Create a scheduling\/calendar app that has a feature where you can view a calendar of your and your friends&#8217; collective free time. Users also have the option to edit which parts of their free time they would like to show to their friends.<br><br><strong>Results:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-23441af8 wp-block-group-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0d64e49&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0d64e49\" class=\"wp-block-image size-full is-style-rounded wp-container-content-b04ba3db is-style-rounded--1 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"556\" height=\"983\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/03\/Screenshot-2026-03-29-at-11.26.05-PM-edited.png\" alt=\"\" class=\"wp-image-740\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/03\/Screenshot-2026-03-29-at-11.26.05-PM-edited.png 556w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/03\/Screenshot-2026-03-29-at-11.26.05-PM-edited-170x300.png 170w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0d655e0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0d655e0\" class=\"wp-block-image size-full is-style-rounded wp-container-content-b04ba3db is-style-rounded--2 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"984\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/03\/Screenshot-2026-03-29-at-11.26.27-PM-edited.png\" alt=\"\" class=\"wp-image-741\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/03\/Screenshot-2026-03-29-at-11.26.27-PM-edited.png 564w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/03\/Screenshot-2026-03-29-at-11.26.27-PM-edited-172x300.png 172w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-style-rounded wp-container-content-b04ba3db is-style-rounded--3\"><img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"982\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/03\/Screenshot-2026-03-29-at-11.26.41-PM.png\" alt=\"\" class=\"wp-image-739\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/03\/Screenshot-2026-03-29-at-11.26.41-PM.png 558w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/03\/Screenshot-2026-03-29-at-11.26.41-PM-170x300.png 170w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Before, I imagined a separate calendar that displays the overlapping free time between friends, but I realized that it could be confused with the main calendar. In my paper prototypes, I implemented the calendar filters, a common free time GUI, and the ability to manage your availability from <em>Figma Make.<\/em> <\/p>\n\n\n\n<p class=\"has-large-font-size\">Benefits and Challenges<\/p>\n\n\n\n<p>From <em>Figma Make<\/em>, I learned about so many more prototype interaction features that Figma was capable of. It also helped me come up with design possibilities that I would have never thought about. <\/p>\n\n\n\n<p>The cognitive walkthrough forms gave me a place to organize each of my tasks and the corresponding actions needed to complete them. I found it super helpful to take notes about what the participants were saying as they were thinking aloud to find where any confusion or issues stemmed from. Seeing how my participants navigated the prototypes allowed me to see areas of designer\/user mental model friction, which helped me come up with new ideas that didn&#8217;t make the users think. Through the tests, I also learned that system feedback was crucial, so that users know when their actions were successful.<br><br><\/p>\n\n\n\n<p class=\"has-large-font-size\">Challenges and Reflection<\/p>\n\n\n\n<p>It was difficult for me to figure out where to start when I began the paper prototypes, but I learned to take it step-by-step with each part of the user flow diagram. While I was creating sketches for the prototypes, I kept coming up with new ideas and realized that some aspects were unclear, so I was constantly reworking each frame. This taught me that I shouldn&#8217;t be caught up in one design possibility, and that it&#8217;s okay to trash ideas. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Objective The goal of this stage of the design thinking process was to visually explore different design possibilities and test how users interact with them before investing excessive time into a design that has many flaws. This goal was achieved by creating paper prototypes that represented the flow of 3 tasks\/features. Then, I used cognitive [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-700","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/posts\/700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/comments?post=700"}],"version-history":[{"count":15,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/posts\/700\/revisions"}],"predecessor-version":[{"id":755,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/posts\/700\/revisions\/755"}],"wp:attachment":[{"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/media?parent=700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/categories?post=700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/tags?post=700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}