{"id":871,"date":"2026-05-03T04:43:37","date_gmt":"2026-05-03T04:43:37","guid":{"rendered":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/?p=871"},"modified":"2026-05-03T16:22:05","modified_gmt":"2026-05-03T16:22:05","slug":"aix-design-prototype-hi-fi-test-iterate","status":"publish","type":"post","link":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/2026\/05\/03\/aix-design-prototype-hi-fi-test-iterate\/","title":{"rendered":"AIX Design: Prototype Hi-Fi, Test &amp; Iterate"},"content":{"rendered":"\n<p class=\"has-large-font-size\">Objective<\/p>\n\n\n\n<p>The objective of this design stage is to transform the paper prototypes into a polished hi-fi prototype through improvements from peer feedback and referring back to our problem. This stage helped me refine the visual design and improve prototype interactions.<\/p>\n\n\n\n<p class=\"has-large-font-size\">AI Usage<\/p>\n\n\n\n<p>During the initial hi-fi prototype, I struggled with finding inspiration for the rescheduling screens in my app. I attempted to generate screens through <em>FigmaMake<\/em>, but found the result to be underwhelming, so I tried <em>Base44<\/em> instead. This vibe-coding website created a great starting point for my design. <br><br><strong>Prompt:<\/strong> &#8220;Context: I am creating a scheduling\/calendar mobile app. For this session, I want to focus on the feature: AI-assisted rescheduling. Generate a mobile app that allows users to select which dates they would like to reschedule. After dates are selected, the system should show all events connected to those dates. Users are able to unlock and lock which events they prefer to be rescheduled and provide any important notes to the AI. After AI generates the new schedule, it should provide reasoning for doing so.&#8221;<br><br><strong>Base44 Result:<\/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-3bdc8b20 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"653\" height=\"1024\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-04-06-at-3.40.22-PM-653x1024.png\" alt=\"\" class=\"wp-image-917\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-04-06-at-3.40.22-PM-653x1024.png 653w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-04-06-at-3.40.22-PM-191x300.png 191w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-04-06-at-3.40.22-PM.png 754w\" sizes=\"auto, (max-width: 653px) 100vw, 653px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"648\" height=\"1024\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-04-06-at-3.41.16-PM-648x1024.png\" alt=\"\" class=\"wp-image-918\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-04-06-at-3.41.16-PM-648x1024.png 648w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-04-06-at-3.41.16-PM-190x300.png 190w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-04-06-at-3.41.16-PM.png 754w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Additionally, I used <em>ChatGPT<\/em> to assist with the color palette in the app. I had doubts about my initial colors because I felt as though they lacked expressive colors, but the results that the AI gave me felt too overwhelming for a scheduling app.<br><br><strong>Prompt: <\/strong>&#8220;Generate me a color palette for an AI-assisted scheduling app.&#8221;<br><br><strong>ChatGPT Result:<\/strong> <br><\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-811fc6dd wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"742\" height=\"866\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-05-03-at-10.54.18-AM.png\" alt=\"\" class=\"wp-image-920\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-05-03-at-10.54.18-AM.png 742w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-05-03-at-10.54.18-AM-257x300.png 257w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"290\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-05-03-at-10.54.33-AM.png\" alt=\"\" class=\"wp-image-921\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-05-03-at-10.54.33-AM.png 976w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-05-03-at-10.54.33-AM-300x89.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/05\/Screenshot-2026-05-03-at-10.54.33-AM-768x228.png 768w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><\/figure>\n<\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-large-font-size\">Challenges<\/p>\n\n\n\n<p>With peer evaluation, I got helpful feedback about how the rescheduling feature caused a lot of confusion. I had difficulty brainstorming how to make the interface and interactions easier to understand because it required a specific way of being displayed. Every time I had an idea, there would still be potholes. With help from my professor, I kept the invocation of the rescheduling feature on the home screen, just with a tap-and-hold interaction instead of a button. I also created a day view of AI&#8217;s reschedule results, so that users could visualize their new schedule.<\/p>\n\n\n\n<p>Nearing the end, I felt as though the prototype didn&#8217;t align with my original design problem. I decided to keep the problem the same, but added a feature where users could toggle their self-care preferences (sleep schedule and social time). This way, the app&#8217;s support for self-care and socialization becomes more apparent.<\/p>\n\n\n\n<p class=\"has-large-font-size\">Reflection<\/p>\n\n\n\n<p>I found that using AI as a foundation for designing was incredibly beneficial in circumstances where I experienced a design block. With its suggestions and results, I was able to improve the UI with my own creative input. I realized that when I was designing, I was relying on my own mental model, which was problematic. After conducting peer evaluations, I started asking for advice from classmates whom I don&#8217;t regularly ask, and it allowed me to gain so many new perspectives and improve my hi-fi prototype.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Objective The objective of this design stage is to transform the paper prototypes into a polished hi-fi prototype through improvements from peer feedback and referring back to our problem. This stage helped me refine the visual design and improve prototype interactions. AI Usage During the initial hi-fi prototype, I struggled with finding inspiration for the [&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-871","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/posts\/871","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=871"}],"version-history":[{"count":11,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/posts\/871\/revisions"}],"predecessor-version":[{"id":929,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/posts\/871\/revisions\/929"}],"wp:attachment":[{"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/media?parent=871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/categories?post=871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/tags?post=871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}