{"id":485,"date":"2026-05-03T03:48:54","date_gmt":"2026-05-03T03:48:54","guid":{"rendered":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/?p=485"},"modified":"2026-05-15T15:51:06","modified_gmt":"2026-05-15T15:51:06","slug":"design-diary","status":"publish","type":"post","link":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/2026\/05\/03\/design-diary\/","title":{"rendered":"Design Diary"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading\">Design Diary<\/h1>\n<\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Objective<\/h2>\n\n\n\n<p>The objective in this stage of the design thinking process was to develop and improve the user interface for a scheduling and social app made for college students. The main goal was to make the app feel simple and easy to understand. I focused on three themes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Prioritize task<\/li>\n\n\n\n<li>Sync Calendar<\/li>\n\n\n\n<li>Share Availability with friends<\/li>\n<\/ul>\n\n\n\n<p>The goal was to make it easier for students to manage their time, connect with friends, and find shared free time without having to text back and forth. Since college students often have busy schedules.<\/p>\n\n\n\n<p>For the&nbsp;<strong>Sync Calendar<\/strong>&nbsp;feature, the objective was to allow users to connect their school, Google, or personal calendar so that their schedule could automatically appear in the app. This would reduce the amount of manual input needed. <\/p>\n\n\n\n<p>For the&nbsp;<strong>Share Availability<\/strong>&nbsp;feature, the objective was to let users choose whether friends can see when they are free. The focus was on privacy and control, so the user should be able to turn availability to share on or off.<\/p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">AI Usage<\/h2>\n\n\n\n<p>I used ChatGPT with image generation as the main generative AI tool. I used it to create visual mockups and revise screens. One of the prompts I used was \u201cCreate profile visual for my scheduling and social app for college students.\u201d<\/p>\n\n\n\n<p>The AI generated a detailed profile screen with a student profile photo, class schedule, events, interests, study buddies, and availability. After reviewing it, I realized it had too much information, so I asked it to make it \u201cMore simplistic and with what should be in the profile section, don\u2019t add anything unnecessary.\u201d<\/p>\n\n\n\n<p>The output was a cleaner profile screen with only the essentials: name, school, major, bio, about section, interests, and an edit profile button. For the task flow, I used prompts like:<\/p>\n\n\n\n<p>\u201cMake the task how to press completed and what it will show.\u201d<\/p>\n\n\n\n<p>I then input this photo of my prototype into AI to give more accurate results.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1072\" height=\"1905\" src=\"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-content\/uploads\/sites\/14\/2026\/05\/IMG_2292-edited.jpg\" alt=\"\" class=\"wp-image-487\" style=\"aspect-ratio:0.7500094507239254;width:350px;height:auto\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-content\/uploads\/sites\/14\/2026\/05\/IMG_2292-edited.jpg 1072w, https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-content\/uploads\/sites\/14\/2026\/05\/IMG_2292-edited-169x300.jpg 169w, https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-content\/uploads\/sites\/14\/2026\/05\/IMG_2292-edited-576x1024.jpg 576w, https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-content\/uploads\/sites\/14\/2026\/05\/IMG_2292-edited-768x1365.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-content\/uploads\/sites\/14\/2026\/05\/IMG_2292-edited-864x1536.jpg 864w\" sizes=\"auto, (max-width: 1072px) 100vw, 1072px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>I asked this question as I was confused about how to make that setup as I wanted it to be simple but also visually appealing. The AI created a two-screen concept showing the task before and after completion. Later, I simplified it with prompts such as:<\/p>\n\n\n\n<p>\u201cMake more simple and easy to use.\u201d<\/p>\n\n\n\n<p>The final direction showed that the user taps a circle on the task card, the task becomes checked, a \u201cTask completed\u201d.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-content\/uploads\/sites\/14\/2026\/05\/IMG_2293-1024x768.png\" alt=\"\" class=\"wp-image-488\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-content\/uploads\/sites\/14\/2026\/05\/IMG_2293-1024x768.png 1024w, https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-content\/uploads\/sites\/14\/2026\/05\/IMG_2293-300x225.png 300w, https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-content\/uploads\/sites\/14\/2026\/05\/IMG_2293-768x576.png 768w, https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-content\/uploads\/sites\/14\/2026\/05\/IMG_2293.png 1448w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:42px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Benefits and Challenges<\/h2>\n\n\n\n<p>The biggest benefit of using AI was speed.  AI helped me visualize ideas, compare layouts, and improve the design step by step. <\/p>\n\n\n\n<p>One challenge was that the AI sometimes added extra elements that were not needed, such as too many dashboard sections or duplicated completed tasks. I had to give very specific prompts to remove clutter and make the layout easier to understand. Another challenge was making sure the wording and interaction made sense for real users, especially the completed task section.<\/p>\n\n\n\n<div style=\"height:54px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Reflection<\/h2>\n\n\n\n<p>AI played the role of a visual brainstorming and prototyping. It helped generate options, but I made the design decisions. My role was to decide what belonged in the app, what was unnecessary, and what would be easiest for college students to use. The AI helped create polished visuals, but the human part was still important for judging usability, simplicity, and purpose. For a scheduling and social app, the design needs to feel quick, friendly, and not overwhelming. AI helped me explore those ideas faster, while I guided the final direction.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Design Diary Objective The objective in this stage of the design thinking process was to develop and improve the user interface for a scheduling and social app made for college students. The main goal was to make the app feel simple and easy to understand. I focused on three themes. The goal was to make [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-485","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-json\/wp\/v2\/posts\/485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-json\/wp\/v2\/comments?post=485"}],"version-history":[{"count":9,"href":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-json\/wp\/v2\/posts\/485\/revisions"}],"predecessor-version":[{"id":578,"href":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-json\/wp\/v2\/posts\/485\/revisions\/578"}],"wp:attachment":[{"href":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-json\/wp\/v2\/media?parent=485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-json\/wp\/v2\/categories?post=485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/jthompson\/wp-json\/wp\/v2\/tags?post=485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}