https://yuanhaozhu.com Yuanhao Zhu Mon, 16 May 2022 05:38:41 +0000 https://yuanhaozhu.com en https://yuanhaozhu.com/Pathways Fri, 13 May 2022 20:14:01 +0000 Yuanhao Zhu https://yuanhaozhu.com/Pathways Pathways. AI-powered tool for optimal college four-year plans. <img width="2946" height="1577" width_o="2946" height_o="1577" data-src="https://freight.cargo.site/t/original/i/bb029738c98802b4f878bc29c6d98f1ef9266a04dd64c2b96f623f0a8d7110a0/Apple-Set-1.png" data-mid="142556690" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/bb029738c98802b4f878bc29c6d98f1ef9266a04dd64c2b96f623f0a8d7110a0/Apple-Set-1.png" /> Auguest 2021 - December 2021 https://yuanhaozhu.com/Pathways2-summary Sun, 15 May 2022 21:44:20 +0000 Yuanhao Zhu https://yuanhaozhu.com/Pathways2-summary Pathways.&nbsp;a web application. Helps students with course planning and career exploration by integrating past student decision records and users personal interests to smooth out academic planning. https://yuanhaozhu.com/Pathways3-banner Sun, 15 May 2022 17:34:06 +0000 Yuanhao Zhu https://yuanhaozhu.com/Pathways3-banner More than a tool.Pathways is also a research project. <img width="1920" height="493" width_o="1920" height_o="493" data-src="https://freight.cargo.site/t/original/i/b89c9fb2e535ab7bf6cfabde900fd612bd2bcd6261912a26851bd00256dfa34d/output-onlinepngtools.png" data-mid="142665860" border="0" src="https://freight.cargo.site/w/1000/i/b89c9fb2e535ab7bf6cfabde900fd612bd2bcd6261912a26851bd00256dfa34d/output-onlinepngtools.png" /> Try Pathways now Learn more about this research &gt; https://yuanhaozhu.com/Pathways4-team Mon, 16 May 2022 01:43:21 +0000 Yuanhao Zhu https://yuanhaozhu.com/Pathways4-team Meet the Pathways team. <img width="421" height="441" width_o="421" height_o="441" data-src="https://freight.cargo.site/t/original/i/b84e51cb7435437910234893db55060a886ae011786a219ee1ffe0c99a8444ae/Image.png" data-mid="142687704" border="0" data-scale="95" data-no-zoom src="https://freight.cargo.site/w/421/i/b84e51cb7435437910234893db55060a886ae011786a219ee1ffe0c99a8444ae/Image.png" /> Project Lead Mina Chen <img width="421" height="421" width_o="421" height_o="421" data-src="https://freight.cargo.site/t/original/i/2478604ed3da66cf5f56b0ccf0dec521ed76bf5aab0b69c4f8d3ed618398898e/Image-4.png" data-mid="142687705" border="0" data-no-zoom src="https://freight.cargo.site/w/421/i/2478604ed3da66cf5f56b0ccf0dec521ed76bf5aab0b69c4f8d3ed618398898e/Image-4.png" /> UX Designer Yuanhao Zhu <img width="421" height="421" width_o="421" height_o="421" data-src="https://freight.cargo.site/t/original/i/cbd3efaa36ce676ce1b8d873a16bdfb60c4a0cab26c49e2a7b1f1b511c3711b5/Image-3.png" data-mid="142687706" border="0" data-no-zoom src="https://freight.cargo.site/w/421/i/cbd3efaa36ce676ce1b8d873a16bdfb60c4a0cab26c49e2a7b1f1b511c3711b5/Image-3.png" /> Programmer Fynn Datoo <img width="421" height="421" width_o="421" height_o="421" data-src="https://freight.cargo.site/t/original/i/fab66255db7182b7d3f39be95d13052b4d6f74001491245c172baa6b68aeb1e9/Image-2.png" data-mid="142687708" border="0" data-no-zoom src="https://freight.cargo.site/w/421/i/fab66255db7182b7d3f39be95d13052b4d6f74001491245c172baa6b68aeb1e9/Image-2.png" /> Programmer Wentao Guo https://yuanhaozhu.com/Pathways5-role Sun, 15 May 2022 19:39:54 +0000 Yuanhao Zhu https://yuanhaozhu.com/Pathways5-role As the UX Designer.&nbsp; My responsibilities included user research, designing user flows, visual design, updating the design system, prototyping, user testing, and incorporating user feedback into design iterations. https://yuanhaozhu.com/Pathways6-challenge-title Mon, 16 May 2022 04:33:22 +0000 Yuanhao Zhu https://yuanhaozhu.com/Pathways6-challenge-title Challenges. https://yuanhaozhu.com/Pathways6-viz Mon, 16 May 2022 04:21:55 +0000 Yuanhao Zhu https://yuanhaozhu.com/Pathways6-viz How to visualize the pathways? The visualization of the sequenced course plan, so-called "pathways," is the critical output for the users. The visualization should represent courses with a clear time sequence. It should also be able to display courses with corner cases, such as 8 classes within a semester or a gap year. The color palette of the visualization is also crucial. Users should be able to tell different subjects by color on every AI-generated four-year plan, even users with colorblindness. https://yuanhaozhu.com/Pathways6-design-system Mon, 16 May 2022 04:50:24 +0000 Yuanhao Zhu https://yuanhaozhu.com/Pathways6-design-system Remake the design system. A well-implemented design system should provide visual consistency and makes future design work more efficient. It's also a unified language and a trustworthy reference when delivered to the front-end developers. The previous design system created within Figma contains inconsistent or unusable components. There are also undocumented elements and overuse of color. https://yuanhaozhu.com/Pathways6-dashboard Mon, 16 May 2022 05:12:29 +0000 Yuanhao Zhu https://yuanhaozhu.com/Pathways6-dashboard What makes an efficient dashboard? Ideally, a dashboard should impart critical information quickly to users. The previous version of the dashboard contains too much white space, making the interface less efficient. Users may save 100+ courses, but it only displays 9 course on each page. It's also missing the access to the "pathways" visualization that users saved, which is the most critical output of this product. https://yuanhaozhu.com/process Mon, 16 May 2022 05:38:41 +0000 Yuanhao Zhu https://yuanhaozhu.com/process Process.<img width="2912" height="1254" width_o="2912" height_o="1254" data-src="https://freight.cargo.site/t/original/i/e82aa774c67dd3936c15cec23787ef75f07d41fa56c1ccd6c4cae168dc4b5554/Untitled.png" data-mid="142770906" border="0" src="https://freight.cargo.site/w/1000/i/e82aa774c67dd3936c15cec23787ef75f07d41fa56c1ccd6c4cae168dc4b5554/Untitled.png" />