{"id":214,"date":"2026-01-24T18:42:28","date_gmt":"2026-01-24T18:42:28","guid":{"rendered":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/?p=214"},"modified":"2026-02-09T14:04:00","modified_gmt":"2026-02-09T14:04:00","slug":"ux-design-viscomm-website","status":"publish","type":"post","link":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/2026\/01\/24\/ux-design-viscomm-website\/","title":{"rendered":"UX Design: VisComm Website"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-7b3d080c wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0\"><h1 class=\"has-text-align-center wp-block-post-title has-bebas-neue-font-family\">UX Design: VisComm Website<\/h1>\n\n\n<h4 class=\"wp-block-heading has-text-align-center has-arapey-font-family\"><\/h4>\n\n\n<figure style=\"aspect-ratio:4\/3;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/2026\/01\/24\/ux-design-viscomm-website\/\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1920\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/website-mockup-scaled.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"UX Design: VisComm Website\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/website-mockup-scaled.jpg 2560w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/website-mockup-300x225.jpg 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/website-mockup-1024x768.jpg 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/website-mockup-768x576.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/website-mockup-1536x1152.jpg 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/website-mockup-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/a><\/figure><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-rich is-provider-figma wp-block-embed-figma wp-embed-aspect-4-3 wp-has-aspect-ratio\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/www.figma.com\/embed?embed_host=Fiona%20Zhao&#038;embed_origin=https%3A%2F%2Fsova.ourcloud.ou.edu%2Ffzhao&#038;url=https%3A%2F%2Fwww.figma.com%2Fproto%2FE1t0IxX6g9s3OJEyu5mLdK%2FHi-Fi%3Fnode-id%3D503-2483%26p%3Df%26t%3DkaYNpFFV5XhRv8My-0%26scaling%3Dscale-down-width%26content-scaling%3Dfixed%26page-id%3D0%253A1%26starting-point-node-id%3D503%253A2483%26hide-ui%3D1\" height=\"452\" width=\"600\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:120px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-accent-5-background-color has-background has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-8515fba9 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading alignwide is-style-default\">Project Overview<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-70cbfba1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-98bb686d wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-b6b5d764 wp-block-group-is-layout-constrained\">\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-1546d303d8be69d9315d89524c7440fa\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.042), 0.9rem);\"><strong>PROBLEM<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\" style=\"font-style:normal;font-weight:200\">The&nbsp;<em>lack of information<\/em>&nbsp;about the OU VisComm program&nbsp;<em>causes challenges<\/em>&nbsp;for students, parents, and faculty. Our audience needs a dedicated platform to find information about the program, explore student work, and find out what makes this program special.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-82b61431 wp-block-group-is-layout-constrained\">\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-d60e2c2a0ee95e89eb02f9008435f1c2\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.042), 0.9rem);\"><strong>SOLUTION<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\" style=\"font-style:normal;font-weight:200\">By using the&nbsp;<em>design thinking process<\/em>, I designed a&nbsp;<em>visually aesthetic website<\/em>&nbsp;that has a&nbsp;<em>clear navigation<\/em>&nbsp;system that caters to all users. For accessibility, the website includes a light and dark mode and language options. Each page is formatted to allow the users to either skim through information, discover detailed explanations, and to have a dynamic viewing experience.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-98bb686d wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-4548b604 wp-block-group-is-layout-constrained\">\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-d1ba4d90aa1da7cee2e8c4ab1ca606ef\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.042), 0.9rem);\"><strong>TEAM<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\" style=\"font-style:normal;font-weight:200\">Fiona Zhao, Jojo Salinas, Lilly Lundstrom<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-4548b604 wp-block-group-is-layout-constrained\">\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-ec7fc55059c0702476bd366dc00871e6\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.042), 0.9rem);\"><strong>ROLES<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\" style=\"font-style:normal;font-weight:200\">Team researcher, UX\/UI designer<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-4548b604 wp-block-group-is-layout-constrained\">\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-190f8ea16e7abc6db562df2ac97b76d6\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.042), 0.9rem);\"><strong>TIME<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\" style=\"font-style:normal;font-weight:200\">One semester<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-b7e2fcb3 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0\">\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-115c2cdfb56fd42c6af7344489d07e61\" style=\"font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.042), 0.9rem);\"><strong>TOOLS<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\" style=\"font-style:normal;font-weight:200\">Figma<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-4e197f34 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">Empathy<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-global-padding is-layout-constrained wp-container-core-column-is-layout-ebd774d7 wp-block-column-is-layout-constrained\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\">The goal in this stage of the design thinking process is to understand what makes our competitors\u2019 websites strong and weak, and how different user groups would interact with a Visual Communication website.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-749d54c7 wp-block-group-is-layout-constrained\">\n<p class=\"has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-566b73729f3e97d5bb868c4c1a4bba00\" style=\"font-style:normal;font-weight:700\">COMPETITIVE ANALYSIS<\/p>\n\n\n\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px\">The top three schools we selected are: Oklahoma State University, because it\u2019s one of our direct competitors; Rhode Island School of Design, because it\u2019s known for its engaging website; and the University of Houston, because of its proximity. While we navigated through the websites, we looked for aspects that attracted us at first glance. Then, we focused on what information was given. We wanted to know how detailed the program descriptions were, and looked for details that a prospective student would search for. In terms of cons, we sought out any unnecessary visual aspects, lack of interactivity and information, and navigation and readability issues.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-cac15da4 wp-block-columns-is-layout-flex\" style=\"margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column has-accent-5-background-color has-text-color has-background has-link-color wp-elements-ac7bfa899671b4b6a57fc0f3b9bba307 is-layout-flow wp-block-column-is-layout-flow\" style=\"color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-rounded is-style-rounded--1\"><img loading=\"lazy\" decoding=\"async\" width=\"325\" height=\"325\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image.png\" alt=\"\" class=\"wp-image-45\" style=\"border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;aspect-ratio:1;object-fit:cover;width:150px\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image.png 325w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-300x300.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-150x150.png 150w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/figure>\n\n\n\n<p class=\"has-contrast-color has-text-color has-link-color has-medium-font-size wp-elements-dcad5366f9a48d0d4b77810a34b1c5ab\" style=\"line-height:1.5\"><strong>Oklahoma State University<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-2-color has-alpha-channel-opacity has-contrast-2-background-color has-background is-style-wide\" \/>\n\n\n\n<p class=\"has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-6ecd3fa77612ec8211823b8e87b854e2\" style=\"font-style:normal;font-weight:700\">STRENGTHS<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-1f0c73c080e7856df0380d86e84de41d\">Their \u201cwhy us\u201d has convincing points<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-3adebef13de35ef3b2dbf6bc57582a8f\">Various career paths<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-6563ba7e6d132e5b5a030cbac4fb7a10\">Student stories<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-9f67057edb16e0062ccb478535c7f370\">Easy-to-understands navigation<br><\/li>\n<\/ul>\n\n\n\n<p class=\"has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-e38f0d6ddb96953f26fe98f58d48bcb3\" style=\"font-style:normal;font-weight:700\">WEAKNESSES<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-142181aff2daac435b665bc33a5032e0\">Program details are vague<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-bbfcd9e86868a723ba796d7dfe874921\">No professor contacts<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-811bfb8b3b73f057f1bd06e226972373\">Generic design layout<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-c772967f5dbb98ecb0d975b87ae77764\">No \u201cwow\u201d factor<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-accent-5-background-color has-text-color has-background has-link-color wp-elements-54515cc865943d2f42f1c4b800531a9c is-layout-flow wp-block-column-is-layout-flow\" style=\"color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-rounded is-style-rounded--2\"><img loading=\"lazy\" decoding=\"async\" width=\"1271\" height=\"794\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-1-edited.png\" alt=\"\" class=\"wp-image-48\" style=\"border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;aspect-ratio:1;object-fit:cover;width:150px\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-1-edited.png 1271w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-1-edited-300x187.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-1-edited-1024x640.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-1-edited-768x480.png 768w\" sizes=\"auto, (max-width: 1271px) 100vw, 1271px\" \/><\/figure>\n\n\n\n<p class=\"has-contrast-color has-text-color has-link-color has-medium-font-size wp-elements-9e11d6c63584edf6e8455b060d9a4ee4\" style=\"line-height:1.5\"><strong>Rhode Island School of Design<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-2-color has-alpha-channel-opacity has-contrast-2-background-color has-background is-style-wide\" \/>\n\n\n\n<p class=\"has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-6ecd3fa77612ec8211823b8e87b854e2\" style=\"font-style:normal;font-weight:700\">STRENGTHS<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-357819620e975a8ba3ee41fd13c4920e\">Interactive and engaging landing page<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-fc4ab52ac0550fdf12182a9f238e222a\">Useful info about BFA and MFA programs<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-a895a0fcebb794f811541dcecb812b38\">Meaningful topics of info with detailed descriptions<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-3dd912c4d41e4c1e0eab1a4ebe56791b\">Hierarchy of type is clear<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-85cd13aaa0660be1be778034d3bbf5d6\">Student\/alumni work<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-471d39631f12d87fd64bc23e839c5782\">Upcoming events<br><\/li>\n<\/ul>\n\n\n\n<p class=\"has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-e38f0d6ddb96953f26fe98f58d48bcb3\" style=\"font-style:normal;font-weight:700\">WEAKNESSES<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-07c4539386209de59eead2ce51f4dc54\">Readability issues with headings<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-accent-5-background-color has-text-color has-background has-link-color wp-elements-9170fd7ee50148cfbb0c469dff0e3b05 is-layout-flow wp-block-column-is-layout-flow\" style=\"color:#000000;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-rounded is-style-rounded--3\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1350\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-2.png\" alt=\"\" class=\"wp-image-47\" style=\"border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;aspect-ratio:1;object-fit:cover;width:150px\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-2.png 2400w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-2-300x169.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-2-1024x576.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-2-768x432.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-2-1536x864.png 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-2-2048x1152.png 2048w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \/><\/figure>\n\n\n\n<p class=\"has-contrast-color has-text-color has-link-color has-medium-font-size wp-elements-7bc530c79f7ccb2c47ca477fa10174cb\" style=\"line-height:1.5\"><strong>University of Houston<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-2-color has-alpha-channel-opacity has-contrast-2-background-color has-background is-style-wide\" \/>\n\n\n\n<p class=\"has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-6ecd3fa77612ec8211823b8e87b854e2\" style=\"font-style:normal;font-weight:700\">STRENGTHS<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-94ba8f53b0ceb04e7f988726f839217a\">Easy and compact<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-afb279f53a983b63ac28bfb4520d768b\">Strong visuals regarding web design<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-95d70570706baf42c2a5126ac393e597\">Strong branding<br><\/li>\n<\/ul>\n\n\n\n<p class=\"has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-e38f0d6ddb96953f26fe98f58d48bcb3\" style=\"font-style:normal;font-weight:700\">WEAKNESSES<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-59b05449c7353ddc3250b9bf6db69efb\">Most content shown on socials instead of website<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-e1729cf51c26bfaa0018d51c6c32287d\">Info is too broad<\/li>\n\n\n\n<li class=\"has-contrast-color has-text-color has-link-color wp-elements-f4e3339b3765c2815ce23e8c7e9e8d07\">Starts strong, but too simple<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e3a6d386 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">Empathy Cont.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">From the competitor analyses, we were able to gather some insights and features to include in our own website. Necessary information includes: application process, faculty information, tech preferences, updates on events, student-work showcases, and a run-through of what courses you might be expecting.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-749d54c7 wp-block-group-is-layout-constrained\">\n<p class=\"has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-30bec890d3f37a58ef725f022b371a61\" style=\"font-style:normal;font-weight:700\">INTERVIEWS<\/p>\n\n\n\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px\">To gather a deeper understanding of users\u2019 needs, we interviewed 11 participants, including prospective students, faculty members, graduates with VisComm experience, parents, and advisors. A variety of user groups is essential to understanding our potential users. There are many similarities and differences among each specific person based on their perspectives and respective roles.<br><br>We made sure our interviews provided useful results by brainstorming general questions as well as ones that catered directly to our participants. A script was also loosely followed during the interview to keep us on track.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0a9e199&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0a9e199\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" 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\/2025\/12\/tyicee-768x1024.jpg\" alt=\"\" class=\"wp-image-94\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/tyicee-768x1024.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/tyicee-225x300.jpg 225w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/tyicee-1152x1536.jpg 1152w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/tyicee-1536x2048.jpg 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/tyicee-scaled.jpg 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><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;6a168b0a9e455&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0a9e455\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" 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\/2025\/12\/image-3-scaled-e1769289690144-1024x489.png\" alt=\"\" class=\"wp-image-95\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-3-scaled-e1769289690144-1024x489.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-3-scaled-e1769289690144-300x143.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-3-scaled-e1769289690144-768x366.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-3-scaled-e1769289690144-1536x733.png 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-3-scaled-e1769289690144-2048x977.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b88c8541 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">Empathy Cont.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">We used a two-step process to analyze the interview data. First, we created empathy maps for each participant to categorize what they said, felt, did, and thought. Then, we applied the affinity mapping method to group similar insights and identify common themes across all interviews.<br><br>Through this process, we developed the following themes, each reflecting key user needs.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-accent-5-background-color has-background is-nowrap is-layout-flex wp-container-core-group-is-layout-763a5652 wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-105570a8 wp-block-group-is-layout-constrained\">\n<p><strong>Program Information Needs<\/strong><\/p>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-146b0631ecd54eb652553e1917ca93fc\" style=\"font-style:normal;font-weight:200\">Represents students who need information about Visual Communication.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-105570a8 wp-block-group-is-layout-constrained\">\n<p><strong>Navigation Expectations<\/strong><\/p>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-4a9ab21f3711f406da090525ae3d7972\" style=\"font-style:normal;font-weight:200\">Represents all users because a simple navigation is crucial.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-105570a8 wp-block-group-is-layout-constrained\">\n<p><strong>Technology Information<\/strong><\/p>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-8236c8aca8824c34dc2348a9d47072a9\" style=\"font-style:normal;font-weight:200\">Represents students because they need to know what technology they need for the program.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-105570a8 wp-block-group-is-layout-constrained\">\n<p><strong>Professor Information\/Contact<\/strong><\/p>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-ee6a57ac2aa19b75e14c416c5dcad9aa\" style=\"font-style:normal;font-weight:200\">Represents students because they need to connect with their professors.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-105570a8 wp-block-group-is-layout-constrained\">\n<p><strong>Events and Opportunities<\/strong><\/p>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-87a3eba99dfff5853171a19d2ea35a4c\" style=\"font-style:normal;font-weight:200\">Allows students and faculty to connect with the community.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-105570a8 wp-block-group-is-layout-constrained\">\n<p><strong>Student Work<\/strong><\/p>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-3fbebd90165628e35537bf10c559ddf9\" style=\"font-style:normal;font-weight:200\">Students need inspiration and examples of what they will be learning.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-105570a8 wp-block-group-is-layout-constrained\">\n<p><strong>Application Information<\/strong><\/p>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-089db00b1caab0b128dea66a0fca25b0\" style=\"font-style:normal;font-weight:200\">Students need to know how to apply and prepare for the program.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-105570a8 wp-block-group-is-layout-constrained\">\n<p><strong>Visual Design Expectations<\/strong><\/p>\n\n\n\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-f333fd9c1fab00ff201cfc8d57892156\" style=\"font-style:normal;font-weight:200\">All users need a website that is visually active and engaging.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e3a6d386 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">Define<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">Based on the findings from the user interview data, we created 3 personas and journey maps for the user groups: students, faculty, and parents. Students, more specifically, prospective students, would be the primary users of our Visual Communication website because of their limited knowledge about the program. Members of the faculty are a big stakeholder in maintaining the program\u2019s reputation, most likely using the website to showcase student works or even post their own work. Parents are similar to students; their curiosity and interest in their children\u2019s major would make them a top priority as well.<br><br>Creating personas and user journey maps allowed us to understand each user group\u2019s common needs with a Visual Communication website. From the diagrams, we found that users desire more information about our program, examples of student work, and sections for career paths and alumni to show the security of this major.<br><br>From all of our personas and user journey maps, we were able to find common needs that aligned with the 3 user groups. The student, parent, and professor all needed examples of what careers Visual Communication could provide. They also had difficulty finding detailed information about our program; they felt as though the information online was too vague. Although we gained many insights about information needs, we also came up with many design opportunities. With our parent persona, we understood that readable font sizes and accessibility to different language options were important.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0a9f387&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0a9f387\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" 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\/2025\/12\/image-4-1024x609.png\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-4-1024x609.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-4-300x179.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-4-768x457.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-4-1536x914.png 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-4-2048x1219.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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;6a168b0a9f5d9&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0a9f5d9\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"635\" 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\/2025\/12\/image-5-1024x635.png\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-5-1024x635.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-5-300x186.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-5-768x476.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-5-1536x952.png 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-5-2048x1269.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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<\/div>\n\n\n\n\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-ecebb142 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:0;padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">Ideate<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">Taking the design opportunities from our group\u2019s personas and user journey maps, we made a creative matrix, a sitemap, and corresponding sketches.<br><br>In our creative matrix, we generated \u201cHow might we\u201d questions. Each HMW question was created with a design opportunity in mind to ensure a successful question. Each member then wrote down 3 ideas for each question. To prioritize the top ideas, we put a star sticker on the ideas that were ideal for the sitemap and a thumbs-up sticker on ideas that were a good feature to include within the website. This process helped us organize our design opportunities and determine why they should be implemented.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"633\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2026-01-24-at-4.02.50-PM-1024x633.png\" alt=\"\" class=\"wp-image-330\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2026-01-24-at-4.02.50-PM-1024x633.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2026-01-24-at-4.02.50-PM-300x185.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2026-01-24-at-4.02.50-PM-768x474.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2026-01-24-at-4.02.50-PM-1536x949.png 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2026-01-24-at-4.02.50-PM-2048x1265.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e3a6d386 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">Ideate Cont.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">After our creative matrix was complete, we took the starred ideas and created a sitemap. This diagram was split off into two sections: the home page and the tabs. The information for the home page was short enough, so it did not require a separate tab. It was also highly important information that should belong on a home page. Making a sitemap allowed us to visually see how information would be organized on our website.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0aa08ba&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa08ba\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" 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\/2025\/12\/image-14-1024x479.png\" alt=\"\" class=\"wp-image-107\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-14-1024x479.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-14-300x140.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-14-768x360.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-14-1536x719.png 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-14-2048x959.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e3a6d386 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">Ideate Cont.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">Our sketches were directly related to each aspect of our sitemap. These quick thumbnail sketches with general organizational and navigational information helped us visualize how pages might look and how they are connected. Maintaining simplicity in the sketches kept us organized and quickly understandable.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-grid wp-container-core-group-is-layout-bcb8ac2c wp-block-group-is-layout-grid\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0aa0dad&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa0dad\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"629\" 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\/2025\/12\/image-18-1024x629.png\" alt=\"\" class=\"wp-image-111\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-18-1024x629.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-18-300x184.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-18-768x472.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-18.png 1058w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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;6a168b0aa1008&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa1008\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"635\" 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\/2025\/12\/image-17-1024x635.png\" alt=\"\" class=\"wp-image-110\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-17-1024x635.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-17-300x186.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-17-768x476.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-17.png 1058w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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;6a168b0aa1268&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa1268\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" 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\/2025\/12\/image-15-1024x632.png\" alt=\"\" class=\"wp-image-108\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-15-1024x632.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-15-300x185.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-15-768x474.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-15.png 1428w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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;6a168b0aa149d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa149d\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" 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\/2025\/12\/image-16-1024x632.png\" alt=\"\" class=\"wp-image-109\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-16-1024x632.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-16-300x185.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-16-768x474.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-16.png 1428w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e3a6d386 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">LoFi Prototype<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">Based on the sketches of our sitemap, I created corresponding wireframes for each page. Wireframes are the initial blueprint for the final design, and are meant to test functionality. The color scheme is gray-scale, and no images were to be incorporated yet. In order to keep my Figma file organized, I sorted all components into their dedicated sections: atoms, molecules, and organisms.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-figma wp-block-embed-figma wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/www.figma.com\/embed?embed_host=Fiona%20Zhao&#038;embed_origin=https%3A%2F%2Fsova.ourcloud.ou.edu%2Ffzhao&#038;url=https%3A%2F%2Fwww.figma.com%2Fproto%2FdFG9lC1DGAZzfmP68ICQ4u%2FWireframes%3Fnode-id%3D503-2483%26p%3Df%26t%3DMu6FpSVwgPObNJo0-0%26scaling%3Dscale-down%26content-scaling%3Dfixed%26page-id%3D0%253A1%26starting-point-node-id%3D503%253A2483%26hide-ui%3D1\" height=\"452\" width=\"600\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e3a6d386 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">LoFi Prototype Cont.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-4474b0c1 wp-block-group-is-layout-constrained\">\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Landing Page<\/strong><\/summary>\n<p style=\"font-style:normal;font-weight:200\">The home page is the most important page of a website, so I provided an explanation of what Visual Communication means and a summary of what students learn in this program. Two initial images of outstanding student work would work as engaging elements. The display of \u201cVisual Communication\u201d and \u201cWhat You\u2019ll Learn\u201d are located on opposite sides to create dynamic visual movement.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Navigation Bar<\/strong><\/summary>\n<p style=\"font-style:normal;font-weight:200\">The navigation bar contains 6 different tabs. \u201cPeople\u201d leads users to a drop-down menu containing faculty, alumni, advisor, and SoVA directors. Clicking the \u201cResources\u201d tab opens a drop-down with the two different campus organizations related to VisComm and external links to study abroad and scholarship information. \u201cApply\u201d will directly take users to an external site that allows them to apply to the University of Oklahoma. When hovering over each of these buttons, the appearances change to indicate feedback.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Student Work<\/strong><\/summary>\n<p style=\"font-style:normal;font-weight:200\">I\u2019ve displayed a select few student work examples on the home page in a carousel format highlighting one image at a time. The principle of continuity is utilized here with the arrow buttons and the view of additional images to the right. The \u201cMore\u201d button will take users to the \u201cStudent Work\u201d tab where the page is filled with a gallery of student works with different image sizes. When hovering over images, the artist\u2019s name and year of creation will be shown. Specifically on the \u201cStudent Work\u201d page, a description of the project and additional images will be displayed as an overlay when clicked.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Application Process<\/strong><\/summary>\n<p style=\"font-style:normal;font-weight:200\">The \u201cApplication Process\u201d is vital information about the prerequisites of the program and the annual portfolio review. \u201cPortfolio review\u201d will answer common inquiries our interviewees had. It explains what one will need in their portfolio and when the reviews are held.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Career Paths<\/strong><\/summary>\n<p style=\"font-style:normal;font-weight:200\">Because a few interviewees questioned the security of finding a job with this degree and wondered what jobs VisComm could provide, \u201cCareer Paths\u201d was made to provide details about 9 different careers VisComm is related to.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Upcoming Events<\/strong><\/summary>\n<p style=\"font-style:normal;font-weight:200\">\u201cUpcoming Events\u201d contains 3 spotlighted events from the two organizations, GDA and UX Club. Users are allowed to click \u201cRead\u201d for more information about each event. A drop-shadow will appear when hovering over the events to indicate feedback.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Faculty<\/strong><\/summary>\n<p style=\"font-style:normal;font-weight:200\">Throughout the prototype, the Gestalt principle, proximity is kept in mind when separating each section of information. Norman\u2019s principle of consistency is also apparent with the section titles being bold and all caps. I incorporated visual hierarchy within each faculty card. The name is the largest and bold type for ease in differentiating each member. The email address is prioritized before the role of each member for easier visibility. It also hints users that the email address is clickable.<\/p>\n<\/details>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e3a6d386 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">Thinking Aloud Tests<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">We used the Think Aloud method to evaluate the usability of the wireframes. Since different user groups would have unique objectives when navigating through a Visual Communication website, 5 different tasks were delegated to a student, parent, and faculty member. The purpose of this test was to observe and understand how our users navigate through our prototype. I wanted as much information about their challenges and confusions as possible, so I screen recorded this process. Reassuring my participants was important because it lets them know they are doing everything correctly and anything they struggle with is my responsibility to rethink my design decisions.<br><br>Throughout all of the insights I gained from this process, I learned that some terms weren\u2019t familiar with some participants, some scroll features were unknown, some people were confused with tab drop-down contents, and repeated information was confusing. Having a parent participant allowed me to understand which words were confusing. The professor provided me with many organizational insights. The student user helped me see that, for the most part, my wireframes were fairly easy to navigate.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"345\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-21-1024x345.png\" alt=\"\" class=\"wp-image-114\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-21-1024x345.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-21-300x101.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-21-768x259.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-21-1536x518.png 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-21-2048x691.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">VIEW EXAMPLE OF THINK ALOUD TEST<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<p>Throughout all of the insights I gained from this process, I learned that some terms weren\u2019t familiar with some participants, some scroll features were unknown, some people were confused with tab drop-down contents, and repeated information was confusing. Having a parent participant allowed me to understand which words were confusing. The professor provided me with many organizational insights. The student user helped me see that, for the most part, my wireframes were fairly easy to navigate.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<p class=\"has-contrast-color has-text-color has-link-color wp-elements-51fd43ba0d98798594bf080ca8668e1f\"><strong>Before<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"689\" height=\"1024\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-22-689x1024.png\" alt=\"\" class=\"wp-image-115\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-22-689x1024.png 689w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-22-202x300.png 202w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-22-768x1142.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-22.png 1018w\" sizes=\"auto, (max-width: 689px) 100vw, 689px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<p><strong>After<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"892\" src=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-23-1024x892.png\" alt=\"\" class=\"wp-image-116\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-23-1024x892.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-23-300x261.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-23-768x669.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-23-1536x1338.png 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-23.png 1738w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e3a6d386 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">HiFi Prototype<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">The wireframes were then further developed into an interactive prototype with colors and images. The intention behind the landing page was to show the audience the ambiance of the program\u2019s classrooms. Brief information about the VisComm program was included in a meaningful way by including fading definitions of design. By using skill cards that are flippable for the \u201cWhat you\u2019ll learn\u201d section, the users are less overwhelmed with too much text. The interaction also provides visual interest. An interactive image carousel was used to display student work in a way that emphasizes one work at a time. The career path section contains information about how much money a job may provide to help students narrow down their decision. The alumni section also has an interactive hover element for visual interest while navigating through the many different possibilities after the program.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-fc9f69e7 wp-block-group-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0aa276b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa276b\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"335\" height=\"1024\" 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\/portfolio\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-26-335x1024.png\" alt=\"\" class=\"wp-image-119\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-26-335x1024.png 335w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-26-98x300.png 98w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-26-768x2346.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-26-503x1536.png 503w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-26-670x2048.png 670w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-26-scaled.png 838w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/><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<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0aa2a02&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa2a02\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" 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\/portfolio\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-25-1024x640.png\" alt=\"\" class=\"wp-image-118\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-25-1024x640.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-25-300x188.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-25-768x480.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-25-1536x960.png 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-25.png 1552w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Student Work Page<\/summary>\n<p>The student work page aims to show the different material that students from each year create. Users are able to select specific categories to view for easier access. Once clicked, an overlay displays more images from the same project as well as a description of what the project was about.<\/p>\n<\/details>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0aa2cd5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa2cd5\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"639\" 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\/portfolio\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-27-1024x639.png\" alt=\"\" class=\"wp-image-124\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-27-1024x639.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-27-300x187.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-27-768x479.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-27-1536x958.png 1536w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-27.png 1552w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Job Search\/Internships Section<\/summary>\n<p>In the \u201cJob search and internships\u201d section of the resources page, links and descriptions are provided for the 3 most-used career apps. Ava Hiser, the SoVA career advisor is also displayed if students have further curiosities about their future.<\/p>\n<\/details>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e3a6d386 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">A\/B Testing<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">The A\/B testing method to evaluate the usability of the Hi-fi Prototype. From this evaluation process I learned that simple is better and users enjoy more details and multiple examples of alumni, which was implemented in the final version of \u2028the prototype. I tested with my mother (parent who is less familiar with website navigation), Arienna (student who is not involved with design), and Tyicee (student who is a sophomore in the program).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-19e250f3 wp-block-group-is-layout-constrained\">\n<details class=\"wp-block-details is-layout-flow wp-container-core-details-is-layout-e3d1c41b wp-block-details-is-layout-flow\"><summary>TEST 1: Experimenting interactive cards on &#8220;What you&#8217;ll learn&#8221; section.<\/summary>\n<p class=\"has-medium-font-size\">The intention of the left design was to experiment with parallax animation. On hover, the bundled cards would separate into their dedicated positions on the left. The final decision was to have the cards displayed in their dedicated positions because of the unanimous votes for the arrangement on the right due to simplicity.<\/p>\n<\/details>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-3845033cad1345580566244712a6cee2\"><strong>A<\/strong><\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0aa3461&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa3461\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1318\" height=\"821\" 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\/portfolio\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-31-edited.png\" alt=\"\" class=\"wp-image-129\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-31-edited.png 1318w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-31-edited-300x187.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-31-edited-1024x638.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-31-edited-768x478.png 768w\" sizes=\"auto, (max-width: 1318px) 100vw, 1318px\" \/><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<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<p><strong>B<\/strong><\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0aa375d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa375d\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1320\" height=\"822\" 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\/portfolio\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-30-edited.png\" alt=\"\" class=\"wp-image-130\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-30-edited.png 1320w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-30-edited-300x187.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-30-edited-1024x638.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-30-edited-768x478.png 768w\" sizes=\"auto, (max-width: 1320px) 100vw, 1320px\" \/><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<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-19e250f3 wp-block-group-is-layout-constrained\">\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>TEST 2: Alumni Spotlight layout\/presentation.<\/summary>\n<p class=\"has-medium-font-size\">The intention of the left design was to make each alum information easier to access. The cost was shortening the amount of alumni displayed. On the right, users are able to access more alumni with interactive horizontal scrolling, but users would be required to hover and click to get to more information about each alum. The final decision was the one with more alumni because the overall opinion of my users were that it would be more successful to show off all the different paths that the alumni have taken.<\/p>\n<\/details>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-3845033cad1345580566244712a6cee2\"><strong>A<\/strong><\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0aa3bd3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa3bd3\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" 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\/portfolio\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-32-1024x638.png\" alt=\"\" class=\"wp-image-131\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-32-1024x638.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-32-300x187.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-32-768x478.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-32.png 1342w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<p><strong>B<\/strong><\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0aa3ee3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa3ee3\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" 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\/portfolio\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-33-1024x638.png\" alt=\"\" class=\"wp-image-132\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-33-1024x638.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-33-300x187.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-33-768x478.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-33.png 1342w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-19e250f3 wp-block-group-is-layout-constrained\">\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>TEST 3: Student work pop-up presentation.<\/summary>\n<p class=\"has-medium-font-size\">The intention of the left design was to allow users to have access to a larger images of the student work. The right design aimed to show multiple images and give users context to the projects. After the votes were in, the final decision was to implement the one on the right. My users stated that the layout and extra information about the work was appreciated. My mom also gave valuable feedback, saying, \u201cI don\u2019t want to use my brain to figure out what the project is.\u201d<\/p>\n<\/details>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<p class=\"has-contrast-2-color has-text-color has-link-color wp-elements-3845033cad1345580566244712a6cee2\"><strong>A<\/strong><\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0aa4365&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa4365\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" 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\/portfolio\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-34-1024x638.png\" alt=\"\" class=\"wp-image-133\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-34-1024x638.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-34-300x187.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-34-768x478.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-34.png 1342w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<p><strong>B<\/strong><\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a168b0aa4670&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a168b0aa4670\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" 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\/portfolio\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-35-1024x638.png\" alt=\"\" class=\"wp-image-134\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-35-1024x638.png 1024w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-35-300x187.png 300w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-35-768x478.png 768w, https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-content\/uploads\/sites\/11\/2025\/12\/image-35.png 1342w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e3a6d386 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">Final Prototype<\/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:\/\/www.figma.com\/proto\/E1t0IxX6g9s3OJEyu5mLdK\/Hi-Fi?node-id=503-2483&amp;p=f&amp;t=kaYNpFFV5XhRv8My-0&amp;scaling=scale-down-width&amp;content-scaling=fixed&amp;page-id=0%3A1&amp;starting-point-node-id=503%3A2483&amp;hide-ui=1\">VIEW FINAL PROTOTYPE<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">In the final prototype, each page has a red header in order to add a pop of color that represents our school and communicates consistency throughout the website. Small features like the ability to filter categories of student work and a search bar for further questions on the FAQ page further supports a user\u2019s needs in smaller ways. A mix of flush left and centered formations across pages generates dynamic movement of the users\u2019 eyes.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e3a6d386 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-549b0c86 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-4f15e8fe wp-block-column-is-layout-constrained\" style=\"flex-basis:40%\">\n<p class=\"has-heading-font-family has-x-large-font-size\">Conclusion and Reflection<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-119bc444 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p class=\"has-medium-font-size\" style=\"letter-spacing:0px;line-height:1.5\">The objective of this project is to create an informational and accessible website for OU\u2019s Visual Communication program that appeals to these potential user groups: students, parents, and faculty.<br><br>Creating a website opened my eyes up to the user experience and user interface world. I find myself to be more appreciative of the designers behind all the large and minuscule elements of an app or website. Conducting user research and tests during this project helped me understood the importance of understanding who your audience is and what they need. If I were to start this process over, I think I would focus more on making the website have a more academic theme. I would also explore multiple new layout variations for each section and try not to get attached to one specific idea. This project introduced and gave me a deeper understanding of new design concepts like visibility, feedback, proximity, and more. I also learned about why certain design decisions are more successful for users.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Helping users find information about the Visual Communication program with easy navigation.<\/p>\n","protected":false},"author":10,"featured_media":217,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-214","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-work"],"_links":{"self":[{"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/posts\/214","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=214"}],"version-history":[{"count":92,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/posts\/214\/revisions"}],"predecessor-version":[{"id":540,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/posts\/214\/revisions\/540"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/media\/217"}],"wp:attachment":[{"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/media?parent=214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/categories?post=214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/fzhao\/wp-json\/wp\/v2\/tags?post=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}