https://yyuane.com yyuane Wed, 14 Jun 2023 17:40:31 +0000 https://yyuane.com en https://yyuane.com/Clean-Energy-Management-Platform Wed, 14 Jun 2023 17:40:31 +0000 yyuane https://yyuane.com/Clean-Energy-Management-Platform &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="3840" height="2108" width_o="3840" height_o="2108" data-src="https://freight.cargo.site/t/original/i/c0b27b38119604a67640dbfc30e61b463bdf9dc4f40681a5d6c7870ccad29e78/Group-625377.png" data-mid="182220292" border="0" src="https://freight.cargo.site/w/1000/i/c0b27b38119604a67640dbfc30e61b463bdf9dc4f40681a5d6c7870ccad29e78/Group-625377.png" /> &nbsp; &nbsp;Microgrid Controls Platform &nbsp;︎︎︎ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; A software-based intelligence platform used to monitor, control and optimize energy usage. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;01. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Project Brief&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; My Role&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; The Team&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Project Timeline&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;My Key Contributions &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; UX Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Strategy Lead&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Sep 22 - Jun 23&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Ideation&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; UI&nbsp; Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;PM/Energy Expert&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;User Flows &amp; Wireframe&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;UI/UX Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Prototyping&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Data scientist&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Usability Test&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Developers&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Interaction Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Interface Design Background Climate and energy problems are accelerating and their impact is intensifying. The shortcomings of current solutions exacerbate these issues and create even greater problems for customers. Problem Businesses struggle to extract value from their onsite Distributed Energy Resources (DERs) to improve energy cost, resiliency, and sustainability impact. These business buy many renewable solutions, but they don’t work together and vendors pass that complexity to end customers. <img width="10096" height="4708" width_o="10096" height_o="4708" data-src="https://freight.cargo.site/t/original/i/66ca52b08afdfb725897455d9f0fab819854a02c8bf4fa415e0d40ba50e7e345/Group-6141.png" data-mid="210124447" border="0" src="https://freight.cargo.site/w/1000/i/66ca52b08afdfb725897455d9f0fab819854a02c8bf4fa415e0d40ba50e7e345/Group-6141.png" /> Amid challenges, our team noted a surge in demand for orchestration solutions&nbsp; <img width="7548" height="3088" width_o="7548" height_o="3088" data-src="https://freight.cargo.site/t/original/i/dd8a2f708f83b262761f73b34b2eba908dbaffc3d0e2f2f2e5d2adcc9739ac16/Group-6694.png" data-mid="210176824" border="0" src="https://freight.cargo.site/w/1000/i/dd8a2f708f83b262761f73b34b2eba908dbaffc3d0e2f2f2e5d2adcc9739ac16/Group-6694.png" /> Solution An easy-to-use orchestration platform with an integrated microgrid, automating monitoring and control to optimize energy consumption. Simplify and unify information, enabling customers to balance competing priorities (cost, resiliency, and sustainability) and make informed decisions. <img width="4056" height="2144" width_o="4056" height_o="2144" data-src="https://freight.cargo.site/t/original/i/6bff54770ce659e4136237346185ed6e4ded3212f601916b4feadd44642dd049/Frame-1630-1-1.png" data-mid="210133689" border="0" src="https://freight.cargo.site/w/1000/i/6bff54770ce659e4136237346185ed6e4ded3212f601916b4feadd44642dd049/Frame-1630-1-1.png" /> In a nutshell, I was tasked with <img width="13260" height="4648" width_o="13260" height_o="4648" data-src="https://freight.cargo.site/t/original/i/1802cc1ae566b78ceacb62cf56fc8113760acd98ff932215b222c837081c6476/Group-6691.png" data-mid="210136307" border="0" src="https://freight.cargo.site/w/1000/i/1802cc1ae566b78ceacb62cf56fc8113760acd98ff932215b222c837081c6476/Group-6691.png" />I engaged with the Product Manager to gain an understanding of the project goals. To ensure clarity and alignment, I also communicated regularly with developers and understood their&nbsp;capabilities and technical constraints. The design approach I adopted: <img width="11164" height="1872" width_o="11164" height_o="1872" data-src="https://freight.cargo.site/t/original/i/b35d321f9662c026a8aa3d04e2f00337060071735f19591ea90a5b749b378d79/Group-6692.png" data-mid="210136656" border="0" src="https://freight.cargo.site/w/1000/i/b35d321f9662c026a8aa3d04e2f00337060071735f19591ea90a5b749b378d79/Group-6692.png" /> Impact Organizing data structure with complete data chainOptimizing workflow to increase task completion rate Enhancing system feedback to reduce error rates 01 - 01 User Research Interviews After understanding the problem of macro-level, we established questionnaires were created for interviews to collect data to understand the needs and pain points of microgrid operation. Both qualitative and quantitative questions were asked to gain an understanding of the following: - What does the value ecosystem of a microgrid deployment look like? -How well do current microgrid controls solutions serve the needs of customers? -What are the biggest shortcomings of current microgrid controls solutions? <img width="6032" height="3784" width_o="6032" height_o="3784" data-src="https://freight.cargo.site/t/original/i/fdc22a0dcdc15d7d0114c6ea7677b0dadef3d2696c4ebd1ecf94a50717083e9c/2630-1.png" data-mid="210177552" border="0" src="https://freight.cargo.site/w/1000/i/fdc22a0dcdc15d7d0114c6ea7677b0dadef3d2696c4ebd1ecf94a50717083e9c/2630-1.png" /> <img width="9200" height="3784" width_o="9200" height_o="3784" data-src="https://freight.cargo.site/t/original/i/f6aa9543990ce25d144cb66a76ed8ade0311e19df120037469ddf61e2442eeec/Group-4626-1.png" data-mid="210177563" border="0" src="https://freight.cargo.site/w/1000/i/f6aa9543990ce25d144cb66a76ed8ade0311e19df120037469ddf61e2442eeec/Group-4626-1.png" /> <img width="3678" height="2447" width_o="3678" height_o="2447" data-src="https://freight.cargo.site/t/original/i/a26c5861c34d96bbd16e37087daa6d8cbe21064593dfcf7ef67bef6e54bf9680/OPH1IE1.png" data-mid="182365087" border="0" src="https://freight.cargo.site/w/1000/i/a26c5861c34d96bbd16e37087daa6d8cbe21064593dfcf7ef67bef6e54bf9680/OPH1IE1.png" /> &nbsp; &nbsp; &nbsp;Interviewees: &nbsp; &nbsp; &nbsp;Microgrid Installer Technical &nbsp; &nbsp;&nbsp; Director, Technical Projects &nbsp; &nbsp;&nbsp; Director of Systems Electronics &amp; Integrati &nbsp; &nbsp;&nbsp; Facility Management 3 Rounds of interviews 25 Questions asked 19Users 2Types of research “I’ve got 7 different screens to look at...each one’s giving me different information. I haven’t seen anybody being able to bring all of that together into one screen”&nbsp; <img width="4056" height="2144" width_o="4056" height_o="2144" data-src="https://freight.cargo.site/t/original/i/b317708c9913df819b7c54e33b6779ecb2b4a3930dabf845dfa0407a3c5f61bd/Group-625582.png" data-mid="210181335" border="0" src="https://freight.cargo.site/w/1000/i/b317708c9913df819b7c54e33b6779ecb2b4a3930dabf845dfa0407a3c5f61bd/Group-625582.png" /> Problem # 1 Complex and Diverse Systems Many companies focused on individual components (batteries, storage, solar). Dispersed multi-platform metrics can frustrate facility operators, and it is affectingto working towards meeting energy goals. Problem # 2 A lack of reliable data severely limits insight into a system’s operationTraditional building managements systems and meters rely on manual energyaudits, lacking the data neededto detect wasteful energy patterns. Operators struggle to assess the system’s and address inefficiencies effectively. Problem # 3Faulty systems, incorrect settings and poorly maintained equipmentFacility management is highly dynamic, and managers have to micromanage several daily process. Scheduled checks conducted too infrequently mean wasted time and money. Equipment that breaks down unexpectedly thrusts you into reactive maintenance, which can create challenges and unexpected expenses. 01 - 02 Root Cause After working with the team to learn about users' problems and contexts, I found that these problems are "symptoms". I need to discovering the root cause of problems in order to identify appropriate hypotheses.&nbsp; I repeatedly ask “WHY” as a exercise to explore the cause-and-effect relationships underlying these problems.&nbsp; <img width="8142" height="3285" width_o="8142" height_o="3285" data-src="https://freight.cargo.site/t/original/i/02a2ad821232474852642487bb069dae5b2674cdecec3d5fccefcca9080d103c/Group-625488.png" data-mid="185025001" border="0" src="https://freight.cargo.site/w/1000/i/02a2ad821232474852642487bb069dae5b2674cdecec3d5fccefcca9080d103c/Group-625488.png" /> Hypothesis # 1 Comprehensive Connect disparate data sources into one view and simplifies data into more manageable chuncks of information, allowing users to glean valuable and actionable insights at any time.&nbsp; Hypothesis # 2 Visibility of system status A monitoring system checks all the equipment’s real-time running status and identify opportunities for&nbsp;optimal control strategy based on current conditions. Hypothesis # 3Reliable operability Always enable users to diagnose issues and keep them informed about what has happened, when it’s happened, and why. Through appropriate feedback with a reasonable time. 02 - 01Define UsersThere are three types of users to solve for The Facility managers goals are (Primary users): 1. Ensure smooth facility operations and maintenance 2. Maximize energy efficiency and minimize costs 3. Quick &amp; easy to manage service to resolve issues that ariseThe energy &amp; sustainabiilty directors goals are: 1. Driving positive environmental and social impacts 2. Foster transparency through reporting and disclosures The financial directors goals are: 1. Optimize financial performance and profitability <img width="8648" height="4274" width_o="8648" height_o="4274" data-src="https://freight.cargo.site/t/original/i/dd9e5560ee0628c09bd8eefc1a8e0a1440358652ee291fe1c75d239e490b5561/Group-625507.png" data-mid="185194262" border="0" src="https://freight.cargo.site/w/1000/i/dd9e5560ee0628c09bd8eefc1a8e0a1440358652ee291fe1c75d239e490b5561/Group-625507.png" /> <img width="8648" height="4498" width_o="8648" height_o="4498" data-src="https://freight.cargo.site/t/original/i/b31c4dcde289b5eb7a788fc68daa9a28f42d75e127c0e3132f584835fbdb6795/Group-625487.png" data-mid="185016036" border="0" src="https://freight.cargo.site/w/1000/i/b31c4dcde289b5eb7a788fc68daa9a28f42d75e127c0e3132f584835fbdb6795/Group-625487.png" /> &nbsp; 03 - 01&nbsp; Why did we choose the dashboard to address these issues? because facility operators were occupied, they sought a singular system to facilitate effective decision-making.<img width="10124" height="5486" width_o="10124" height_o="5486" data-src="https://freight.cargo.site/t/original/i/ea2da4c70610c1ab46d936fd160258df867a14e852547daaa98ddab7f78108ab/Group-625403.png" data-mid="210184978" border="0" src="https://freight.cargo.site/w/1000/i/ea2da4c70610c1ab46d936fd160258df867a14e852547daaa98ddab7f78108ab/Group-625403.png" /> 03 - 02&nbsp;Appropriate DataIn a world overwhelmed with data, reduced complexity provides clarity was a complex task for me. Presenting only the most relevant data on dashboards is essential—the more information we display, the harder it is for users to find what they need.Other challenge for me was serving multiple personas. So I decided to explore the data based on our primary users - Facility managers as a started point to understand where their needs overlap and where they diverge. <img width="1500" height="1462" width_o="1500" height_o="1462" data-src="https://freight.cargo.site/t/original/i/1f165416e258351236a5c3985cdc5af78d258d1e824badda17862f3011081c0e/unnamed-2.png" data-mid="210177751" border="0" src="https://freight.cargo.site/w/1000/i/1f165416e258351236a5c3985cdc5af78d258d1e824badda17862f3011081c0e/unnamed-2.png" /> <img width="6408" height="3964" width_o="6408" height_o="3964" data-src="https://freight.cargo.site/t/original/i/41e7dbf5ab6714300beb0464b34bc0a82f0ed3056c4a47751e4a28b679be9c2a/Group-625581.png" data-mid="210177762" border="0" src="https://freight.cargo.site/w/1000/i/41e7dbf5ab6714300beb0464b34bc0a82f0ed3056c4a47751e4a28b679be9c2a/Group-625581.png" /> 03 - 03Tells a clear storyI want to be able to connect data to its context in the business and to answer the viewer’s questions. This is where the visual layout of a dashboard plays a crucial role. So I tried many options to decide which one performance better. <img width="1286" height="920" width_o="1286" height_o="920" data-src="https://freight.cargo.site/t/original/i/60c9f97572c0fc62a46446c46bc13b85715081addf7b3de60044293084a10293/Screen-Shot-2023-07-16-at-4.04.07-PM.png" data-mid="185247642" border="0" data-scale="77" src="https://freight.cargo.site/w/1000/i/60c9f97572c0fc62a46446c46bc13b85715081addf7b3de60044293084a10293/Screen-Shot-2023-07-16-at-4.04.07-PM.png" /> <img width="4996" height="1924" width_o="4996" height_o="1924" data-src="https://freight.cargo.site/t/original/i/55d7ecdd6ff742cb1d6bbdda6d74121b4b491e996c87d6fa2f3c2e14b7880e2a/Group-625530-1.png" data-mid="185259644" border="0" src="https://freight.cargo.site/w/1000/i/55d7ecdd6ff742cb1d6bbdda6d74121b4b491e996c87d6fa2f3c2e14b7880e2a/Group-625530-1.png" /> <img width="3492" height="2286" width_o="3492" height_o="2286" data-src="https://freight.cargo.site/t/original/i/4df854778cacd95aea4334250067c71126d04b9aa6950f5a915c8c32c9c5874e/Group-625545.png" data-mid="185267072" border="0" data-scale="84" src="https://freight.cargo.site/w/1000/i/4df854778cacd95aea4334250067c71126d04b9aa6950f5a915c8c32c9c5874e/Group-625545.png" /> 03 - 04User FlowBased on the previous steps, it is very clear what are the necessary features, actions, and information. Thus,I jumped straight into out the user flow, questioning and making revisions, until it is logical. &nbsp; <img width="13202" height="4772" width_o="13202" height_o="4772" data-src="https://freight.cargo.site/t/original/i/c13ef9fcd7ad07841516f61bd96c60c1f0f8644ee2b766f7e96d8a1a7c4b20d6/Group-625550.png" data-mid="185269794" border="0" src="https://freight.cargo.site/w/1000/i/c13ef9fcd7ad07841516f61bd96c60c1f0f8644ee2b766f7e96d8a1a7c4b20d6/Group-625550.png" /><img width="32768" height="12521" width_o="32768" height_o="12521" data-src="https://freight.cargo.site/t/original/i/0b37006b7947348f000f971cd08e45fc48e173c3d6132899779b8ca689d9cef7/Group-625470-1-copy.png" data-mid="185269886" border="0" src="https://freight.cargo.site/w/1000/i/0b37006b7947348f000f971cd08e45fc48e173c3d6132899779b8ca689d9cef7/Group-625470-1-copy.png" /> <img width="5000" height="3750" width_o="5000" height_o="3750" data-src="https://freight.cargo.site/t/original/i/ce61404da8e28902803f40830859f09a839c211b84531e37f1967b9b16cf7679/Verizon.png" data-mid="185271428" border="0" src="https://freight.cargo.site/w/1000/i/ce61404da8e28902803f40830859f09a839c211b84531e37f1967b9b16cf7679/Verizon.png" /> 04 - 01 User Testing Let’s get feedbackBefore the team jumped into implementation, we ran usability tests on the product to see how users interact with it. Using a series of tasks, we wanted to learn what our participants first impressions were, if they could navigate the site, if they understood how to use the dashboard, and really just observe their reactions and task completion time. &nbsp; <img width="2934" height="1872" width_o="2934" height_o="1872" data-src="https://freight.cargo.site/t/original/i/910bc1328e6cf3a1cbf7241c06d15d4f3a1b9a1c2a2676e9042ecf26a89df0a4/Screenshot-2023-06-17-at-11.55.12-PM.png" data-mid="182429916" border="0" src="https://freight.cargo.site/w/1000/i/910bc1328e6cf3a1cbf7241c06d15d4f3a1b9a1c2a2676e9042ecf26a89df0a4/Screenshot-2023-06-17-at-11.55.12-PM.png" /> <img width="1228" height="754" width_o="1228" height_o="754" data-src="https://freight.cargo.site/t/original/i/4e5736b1da3a3d1a33bb0a361ea6120596665564a48f4c3500116d473e85d55c/Screen-Shot-2023-06-17-at-11.50.55-PM.png" data-mid="182429678" border="0" src="https://freight.cargo.site/w/1000/i/4e5736b1da3a3d1a33bb0a361ea6120596665564a48f4c3500116d473e85d55c/Screen-Shot-2023-06-17-at-11.50.55-PM.png" /> <img width="2932" height="1798" width_o="2932" height_o="1798" data-src="https://freight.cargo.site/t/original/i/2c6dfc18413c25653401209a51dbf26a3142f0cc50bfa0e2433cc918ae8544a9/Screenshot-2023-06-17-at-11.57.27-PM.png" data-mid="182429920" border="0" src="https://freight.cargo.site/w/1000/i/2c6dfc18413c25653401209a51dbf26a3142f0cc50bfa0e2433cc918ae8544a9/Screenshot-2023-06-17-at-11.57.27-PM.png" /> <img width="2932" height="1806" width_o="2932" height_o="1806" data-src="https://freight.cargo.site/t/original/i/aed52657846f0acde3dc043a5fbe8c2ceeb1906a1add08609b0570283a56e6e7/Screenshot-2023-06-17-at-11.57.43-PM.png" data-mid="182429921" border="0" src="https://freight.cargo.site/w/1000/i/aed52657846f0acde3dc043a5fbe8c2ceeb1906a1add08609b0570283a56e6e7/Screenshot-2023-06-17-at-11.57.43-PM.png" /> Ding ding ding! Round 1! <img width="18925" height="9228" width_o="18925" height_o="9228" data-src="https://freight.cargo.site/t/original/i/bd710876a068e59f366c9cb77f21dbd6f23b33a535009bb3d7b01b5b56a57f30/Group-625567.png" data-mid="185342110" border="0" src="https://freight.cargo.site/w/1000/i/bd710876a068e59f366c9cb77f21dbd6f23b33a535009bb3d7b01b5b56a57f30/Group-625567.png" /> Key Takeaways:- Information and presentation is generally “on target”. Simple, clean and intuitive stood out.&nbsp; - Date Range and its applicability to other elements on the Dashboard is not clear.&nbsp; -Graph is busing. Shading is not helping the informaton presentation. Not functional.&nbsp; Change 1 # The top bar serves both the display of the state and the filter Before Testing &nbsp; &nbsp; &nbsp;After Testing <img width="1820" height="1660" width_o="1820" height_o="1660" data-src="https://freight.cargo.site/t/original/i/29270d83a42cf459737ef53ad9098c875f2103d5cefb710639f539e913b2a2e1/Group-625418-1.png" data-mid="182432706" border="0" src="https://freight.cargo.site/w/1000/i/29270d83a42cf459737ef53ad9098c875f2103d5cefb710639f539e913b2a2e1/Group-625418-1.png" /> The top section is doing 2 jobs. It’s giving you information about the current state to the right. Then to the left, there is the date range and 3FO optimization settings are related to the graph below.&nbsp; When users think “At a glance”, it should be only showing current information. And settings should be in other areas&nbsp; to help user to set all the information for the rest of the page.&nbsp; <img width="2880" height="2628" width_o="2880" height_o="2628" data-src="https://freight.cargo.site/t/original/i/07f080c77745b9b40111807486b065bde03a3872944bfee5dcb4922e70e5db28/Group-625423.png" data-mid="182432975" border="0" src="https://freight.cargo.site/w/1000/i/07f080c77745b9b40111807486b065bde03a3872944bfee5dcb4922e70e5db28/Group-625423.png" /> I changed the visual hierarchy for adjustment. The at a glance section is to summary information. What’s happen today. The day range placed as a filter to give user context of what timeframe that they’re looking at. I also provided historical data for user to compare data.&nbsp; <img width="9992" height="2336" width_o="9992" height_o="2336" data-src="https://freight.cargo.site/t/original/i/032f5e3106709b71f350ec5a25cc24f85c6f7bc666e39af41bd92f75c9294e62/Group-625574.png" data-mid="185348453" border="0" src="https://freight.cargo.site/w/1000/i/032f5e3106709b71f350ec5a25cc24f85c6f7bc666e39af41bd92f75c9294e62/Group-625574.png" /> Change 2 # Mixed information all together for 3 personas Before Testing &nbsp; &nbsp; &nbsp; After Testing <img width="1820" height="1660" width_o="1820" height_o="1660" data-src="https://freight.cargo.site/t/original/i/f025539c7c19114d8b4d6f0e7e2c96f8c37d51318d05b16df7b7355a105aff5b/Group-625423-1.png" data-mid="182433570" border="0" src="https://freight.cargo.site/w/1000/i/f025539c7c19114d8b4d6f0e7e2c96f8c37d51318d05b16df7b7355a105aff5b/Group-625423-1.png" /> The dahsboard supposed to be used by 3 different personas. Facility manager, Sustainability director and financial director. But all the information is displayed on a panel, and 3 types of users need carousel to find the information they need. I mixed a lot of things all together.&nbsp; <img width="2880" height="2864" width_o="2880" height_o="2864" data-src="https://freight.cargo.site/t/original/i/763ed1e6985407abe6e17d806bf3cc273ddd9974378aecbee0972344be32ba7b/Group-625424.png" data-mid="182433994" border="0" src="https://freight.cargo.site/w/1000/i/763ed1e6985407abe6e17d806bf3cc273ddd9974378aecbee0972344be32ba7b/Group-625424.png" /> So I added a view selector. Tabs are organizational components that group content an allow users to navigate its display. Use them to separate content when the content is related but doesn’t need to compared.&nbsp; Ding ding ding!Round 2! <img width="18925" height="9228" width_o="18925" height_o="9228" data-src="https://freight.cargo.site/t/original/i/dc212cb5c37ac8f29670d5a0eee7a81be0df9dc0cc7740993cef7128aee86dc9/Group-625570.png" data-mid="185343641" border="0" src="https://freight.cargo.site/w/1000/i/dc212cb5c37ac8f29670d5a0eee7a81be0df9dc0cc7740993cef7128aee86dc9/Group-625570.png" /> Key Takeaways:- Really liked the graph and the information presented.&nbsp;-Likes 3FO as a possible anchor platform for other energy projects. Possible platforms of platforms. Change 3 # Understand Why Before Testing After Testing <img width="1538" height="578" width_o="1538" height_o="578" data-src="https://freight.cargo.site/t/original/i/c7d302c689007492c07ff77839cad44c5ae5e895a90ad9a00e809a7db2d96037/Screen-Shot-2024-04-17-at-9.42.21-PM.png" data-mid="209183376" border="0" src="https://freight.cargo.site/w/1000/i/c7d302c689007492c07ff77839cad44c5ae5e895a90ad9a00e809a7db2d96037/Screen-Shot-2024-04-17-at-9.42.21-PM.png" /> During the interview process, facility managers talked about their tasks. And one of their issue is they need to spend time to do research to finding out energy spikes (unusual situations) and why.&nbsp; <img width="2252" height="738" width_o="2252" height_o="738" data-src="https://freight.cargo.site/t/original/i/4eb6c799f2e4fd4ffec54c46964da39e0f96cf30e215a25f2861cd247767caa8/Group-625425.png" data-mid="182434422" border="0" src="https://freight.cargo.site/w/1000/i/4eb6c799f2e4fd4ffec54c46964da39e0f96cf30e215a25f2861cd247767caa8/Group-625425.png" /> I added a section to give a quick view of 3FO issued guidance and microgrid operations that are occuring so they have an understanding of what, why and how 3FO is managing their microgrid.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 05What I’d do differently?&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 01. Using Thresholds to Stay on Top of GoalsThe current dashboard design present a comprehensive real-time overview of user’s microgrid production and consumption so they understand how their microgrid operating at this instance. The high level information would give them a wealth of digestible information. Problem&nbsp;In reality, facility management set up different goals for reducing carbon footprint, budgets, and power effiency for everything from routhine maintenance to big building projects. That means they have different thresholds for time-sensitive tasks, then they can’t afford to skimp out on thresholds.&nbsp; &nbsp; Solution Visualize progress in real time to track their goals against current performance so they can make adjustments when they matter most. Thresholds ensure that nothing falls through the cracks.&nbsp; <img width="4258" height="2368" width_o="4258" height_o="2368" data-src="https://freight.cargo.site/t/original/i/14d23ce39721554431370f1cea6944b93fabeb41857a97631c09c6cf4bc83e69/Group-625476-2.png" data-mid="182732545" border="0" src="https://freight.cargo.site/w/1000/i/14d23ce39721554431370f1cea6944b93fabeb41857a97631c09c6cf4bc83e69/Group-625476-2.png" /> ︎BACK https://yyuane.com/Semiconductor-Training-Platform-1 Mon, 28 Feb 2022 02:29:32 +0000 yyuane https://yyuane.com/Semiconductor-Training-Platform-1 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="3644" height="1479" width_o="3644" height_o="1479" data-src="https://freight.cargo.site/t/original/i/a5cfc0ee81195b40fdbc3d2e4da3c4aa11bf8497f48363d9af11597448b653b7/Hero-3-Recovered.png" data-mid="134828592" border="0" src="https://freight.cargo.site/w/1000/i/a5cfc0ee81195b40fdbc3d2e4da3c4aa11bf8497f48363d9af11597448b653b7/Hero-3-Recovered.png" /> &nbsp; &nbsp;VR Training simulation &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;01. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Project Brief&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; My Role&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;The Team&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Project Timeline&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;My Key Contributions &nbsp; &nbsp; UX Design&nbsp; &nbsp; &nbsp; &nbsp; Project Lead&nbsp; &nbsp; &nbsp; &nbsp; Aug - Jan 2022&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Project Management &nbsp; &nbsp; UI&nbsp; Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;PM&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; User Flows &amp; Wireframe&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;UI/UX Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Prototyping&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;2 Experts&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Usability Test&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Developer&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Interaction Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Interface Design NextGenerationTrainingTool. <img width="600" height="338" width_o="600" height_o="338" data-src="https://freight.cargo.site/t/original/i/275c9b98272b23e0c050789b853d3e97aca043bde22953682060d30ca279ac49/ezgif.com-gif-maker-copy.gif" data-mid="134828593" border="0" data-scale="100" src="https://freight.cargo.site/w/600/i/275c9b98272b23e0c050789b853d3e97aca043bde22953682060d30ca279ac49/ezgif.com-gif-maker-copy.gif" /> Background Electronic &amp; Photonic Die Attach to substrates is a key manufacturing technology driving computer hardware, consumer electronics and communications. &nbsp; <img width="600" height="338" width_o="600" height_o="338" data-src="https://freight.cargo.site/t/original/i/129a6084144d77c8b424bb3b904954c8b9601215d4cac61a7066b4d70424b6c0/ezgif.com-gif-maker-copy.gif" data-mid="134828623" border="0" src="https://freight.cargo.site/w/600/i/129a6084144d77c8b424bb3b904954c8b9601215d4cac61a7066b4d70424b6c0/ezgif.com-gif-maker-copy.gif" /> Die Bonding Process Die bonding is a manufacturing process used in the packaging of semiconductors. It is the act of attaching a die (or chip) to substrate or epoxy or solder, also known as die placement or die attach. The process starts with picking a die (chip) from a waffle pack and then placing it at a specific location on the substrate. <img width="2124" height="1194" width_o="2124" height_o="1194" data-src="https://freight.cargo.site/t/original/i/1021d110e405fa96b85ffaa00593d2bcb5370d7de4a13253c97b4b908a4950a0/Group-1718.png" data-mid="134828624" border="0" src="https://freight.cargo.site/w/1000/i/1021d110e405fa96b85ffaa00593d2bcb5370d7de4a13253c97b4b908a4950a0/Group-1718.png" /> <img width="2198" height="1156" width_o="2198" height_o="1156" data-src="https://freight.cargo.site/t/original/i/f124b310f66e82710583cd39333688bb993c541f0bd6504a2bbe64b637e3fa26/Group-1725-1.png" data-mid="134828637" border="0" src="https://freight.cargo.site/w/1000/i/f124b310f66e82710583cd39333688bb993c541f0bd6504a2bbe64b637e3fa26/Group-1725-1.png" /> Based on the research, We are facing the shortage of U.S. photonics technicians. The market expected to grow from 58,000 today to 85,000 by 2023 and critical need for cost-effective, scalable, modular online learning content. In traditional training, users need go to a laboratory for training. Due to the impact of the epidmeic, their studies have been hindered. How might we create a realistic tool replica in 3D space accessible via software will allow for pre-training? <img width="3606" height="1090" width_o="3606" height_o="1090" data-src="https://freight.cargo.site/t/original/i/4c8534286b3fcad21ca0fead7109aa1151780c69546da1eb527b567bd84cf82b/6666.png" data-mid="134828631" border="0" src="https://freight.cargo.site/w/1000/i/4c8534286b3fcad21ca0fead7109aa1151780c69546da1eb527b567bd84cf82b/6666.png" /> <img width="852" height="480" width_o="852" height_o="480" data-src="https://freight.cargo.site/t/original/i/6595e4140f7a1fc38ca9dcc8356c384beae245d6b6255f2d453256e9ab8982d4/0013.png" data-mid="134828630" border="0" data-scale="89" src="https://freight.cargo.site/w/852/i/6595e4140f7a1fc38ca9dcc8356c384beae245d6b6255f2d453256e9ab8982d4/0013.png" /> Challenge Users are facing a dilemma: They need to learn new skills, upgrade existing capabilities or complete compliance training, but may not be able to do so in person given the current environment.&nbsp; Target Users🧑🏻‍🎓 Users at University🧑🏻‍🔬 Technicians and Engineers 02-02 User Research Learn from our users We invited undergraduate students participated in study to compare learning out comes using VR aids or traditional video and in-person based instructions.&nbsp; <img width="400" height="606" width_o="400" height_o="606" data-src="https://freight.cargo.site/t/original/i/cdcb864c2528e9926c47ff722d339e9bb7cf9a4b899f83a1a15c259393147ce6/Group-1726.png" data-mid="134828638" border="0" src="https://freight.cargo.site/w/400/i/cdcb864c2528e9926c47ff722d339e9bb7cf9a4b899f83a1a15c259393147ce6/Group-1726.png" /> <img width="1645" height="713" width_o="1645" height_o="713" data-src="https://freight.cargo.site/t/original/i/e224d1ef50bff043f913b0dcf3cb7866a21ee722a5cedb80db56d7f2fc35a10a/Group-625030-1.png" data-mid="134828627" border="0" src="https://freight.cargo.site/w/1000/i/e224d1ef50bff043f913b0dcf3cb7866a21ee722a5cedb80db56d7f2fc35a10a/Group-625030-1.png" /> Problem # 1 Cognitive Overload <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/4db219683c4649ad3bffba7cfba091294c8404c2f95ecc7ce370046e84090b7d/Sequence-03.gif" data-mid="134828625" border="0" data-scale="69" src="https://freight.cargo.site/w/1000/i/4db219683c4649ad3bffba7cfba091294c8404c2f95ecc7ce370046e84090b7d/Sequence-03.gif" /> The machine training is increasing in popularity. However, their limited visuals and interactions makes it difficult for users to interact with unfamiliar interface. It’s cognitive overload for users when they first come across it. They don’t know what exactly to do. Solution: Translate requirements into functional elements to optimized information hierarchy &amp; Layout. And create structural patterns that relate to the arrangement of information and functional elements on the screen. Insight # 2&nbsp;Inefficient learning Traditional training involves time at the tool or intensive 2 to 4 day sessions, followed by full immersion in tool use. In the process of learning, they need an experts to guide every step of the process. There may be time lag between time of training and time of tool use. Solution: Develop a software that behave like a considerate human being to help users to identify machine parts, and key steps. Giving users a step-by-step flow they can learn it through self-learning. &nbsp; 02-03 From Findings to Features After determining the specific goals and needs of users, I redesigned a concise process according to the interface of existing machines and experts’ suggestions. <img width="1572" height="1058" width_o="1572" height_o="1058" data-src="https://freight.cargo.site/t/original/i/3a381dcb0dded4d131e96415a82da291f8a63d86d6acaa4f8d21f7baf2e18233/Group-1715-1.png" data-mid="134828605" border="0" src="https://freight.cargo.site/w/1000/i/3a381dcb0dded4d131e96415a82da291f8a63d86d6acaa4f8d21f7baf2e18233/Group-1715-1.png" /> Module 1 - Waffle Pack Module 2 - Die Module 3 - Alignment <img width="3616" height="2100" width_o="3616" height_o="2100" data-src="https://freight.cargo.site/t/original/i/abd98b5f4abcdba3a7448d66789863ce9ebb138542695f22a76a2c0716b4aa09/Group-625342.png" data-mid="134828639" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/abd98b5f4abcdba3a7448d66789863ce9ebb138542695f22a76a2c0716b4aa09/Group-625342.png" /> <img width="3916" height="2934" width_o="3916" height_o="2934" data-src="https://freight.cargo.site/t/original/i/f0c366466fe2e776614a195023d8ec41a235e486d637ea312e68ec666ecab334/Group-625343.png" data-mid="134828640" border="0" data-scale="71" src="https://freight.cargo.site/w/1000/i/f0c366466fe2e776614a195023d8ec41a235e486d637ea312e68ec666ecab334/Group-625343.png" /> <img width="3916" height="3466" width_o="3916" height_o="3466" data-src="https://freight.cargo.site/t/original/i/ad690a2510641ce0875e2ad506c4413064b69649bce351187d0496cf6494b47b/Group-625344.png" data-mid="134828641" border="0" data-scale="61" src="https://freight.cargo.site/w/1000/i/ad690a2510641ce0875e2ad506c4413064b69649bce351187d0496cf6494b47b/Group-625344.png" /> <img width="4924" height="1948" width_o="4924" height_o="1948" data-src="https://freight.cargo.site/t/original/i/72571858f2c6d16acc770738be56db972a8170d2345949d8398d5f6504d3d266/Group-625426.png" data-mid="182434458" border="0" src="https://freight.cargo.site/w/1000/i/72571858f2c6d16acc770738be56db972a8170d2345949d8398d5f6504d3d266/Group-625426.png" /> Layout Options Eye Tracking <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/670a7b9810abfcd9a79e94c75930f24743798c317eda3376cc09798d09563ab4/Frame-1136-1.png" data-mid="134828644" border="0" src="https://freight.cargo.site/w/1000/i/670a7b9810abfcd9a79e94c75930f24743798c317eda3376cc09798d09563ab4/Frame-1136-1.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/d7c029e0f22438af44841ae26e377ba92db80f08c76483fbb586cb4585d69e2a/Frame-1135-1.png" data-mid="134828643" border="0" data-scale="89" src="https://freight.cargo.site/w/1000/i/d7c029e0f22438af44841ae26e377ba92db80f08c76483fbb586cb4585d69e2a/Frame-1135-1.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/82ec14e5a368039728a2eee4348726b04ad07e219b08da4f95b41ad14055fa48/Frame-1137-1.png" data-mid="134828645" border="0" src="https://freight.cargo.site/w/1000/i/82ec14e5a368039728a2eee4348726b04ad07e219b08da4f95b41ad14055fa48/Frame-1137-1.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/09dbca68f337f8a8d2bb4dacfefdb7d480945d51a4de1e957e14a4f8c39783a4/Frame-1140-1.png" data-mid="134828646" border="0" src="https://freight.cargo.site/w/1000/i/09dbca68f337f8a8d2bb4dacfefdb7d480945d51a4de1e957e14a4f8c39783a4/Frame-1140-1.png" /> <img width="822" height="513" width_o="822" height_o="513" data-src="https://freight.cargo.site/t/original/i/22156e134d832c7fef467f277d87786a1c7b092ea6ce332c4336cd9d20328759/Group-625366.png" data-mid="134828649" border="0" data-scale="80" src="https://freight.cargo.site/w/822/i/22156e134d832c7fef467f277d87786a1c7b092ea6ce332c4336cd9d20328759/Group-625366.png" /> <img width="1020" height="576" width_o="1020" height_o="576" data-src="https://freight.cargo.site/t/original/i/e9f7b36669add903fe6419ba679cedfc67c4a97933d4ef8ecb79be907499ad89/Frame-1236-1.png" data-mid="134828608" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/e9f7b36669add903fe6419ba679cedfc67c4a97933d4ef8ecb79be907499ad89/Frame-1236-1.png" /> <img width="1022" height="576" width_o="1022" height_o="576" data-src="https://freight.cargo.site/t/original/i/5bc2eb6ca75e9e7682fccb98b4d26a39378c50ebb12db7a611a34c1ca70c6c36/Frame-1237-1.png" data-mid="134828609" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/5bc2eb6ca75e9e7682fccb98b4d26a39378c50ebb12db7a611a34c1ca70c6c36/Frame-1237-1.png" /> <img width="1022" height="576" width_o="1022" height_o="576" data-src="https://freight.cargo.site/t/original/i/45060fb7998461dce2eb0fa5a443253e1ef4c05c8e43fee647963013af973e7e/Frame-1240-1.png" data-mid="134828610" border="0" data-scale="94" src="https://freight.cargo.site/w/1000/i/45060fb7998461dce2eb0fa5a443253e1ef4c05c8e43fee647963013af973e7e/Frame-1240-1.png" /> 02 - 04 User Testing Does It Actually Work? I started testing it in the early development stages to make sure it was an inituitive, seamless user experience.&nbsp; <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/c6289f85a71cfe8fb344622afa556b8b8501a0a4c3a5fb496b3b6b187f0a1f5b/Slide-16_9---14.png" data-mid="134828634" border="0" src="https://freight.cargo.site/w/1000/i/c6289f85a71cfe8fb344622afa556b8b8501a0a4c3a5fb496b3b6b187f0a1f5b/Slide-16_9---14.png" /> <img width="1634" height="984" width_o="1634" height_o="984" data-src="https://freight.cargo.site/t/original/i/63872e7461e875dc96ef3e00323622b471eda23144a2827ac167a0ca5b7e4628/19.png" data-mid="134828615" border="0" src="https://freight.cargo.site/w/1000/i/63872e7461e875dc96ef3e00323622b471eda23144a2827ac167a0ca5b7e4628/19.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/7c237127b3fafe7bfebd5d8423dacb9cb01fd7b74ab1a3749fae9957cca23df4/Slide-16_9---27-2.png" data-mid="134828635" border="0" src="https://freight.cargo.site/w/1000/i/7c237127b3fafe7bfebd5d8423dacb9cb01fd7b74ab1a3749fae9957cca23df4/Slide-16_9---27-2.png" /> Change 1 # Different Skill Levels Before Testing After Testing <img width="1018" height="574" width_o="1018" height_o="574" data-src="https://freight.cargo.site/t/original/i/6fd5de40ae6913563b949f92570584d2107b188024116a3e6c503c947952a211/18.png" data-mid="134828613" border="0" data-scale="89" src="https://freight.cargo.site/w/1000/i/6fd5de40ae6913563b949f92570584d2107b188024116a3e6c503c947952a211/18.png" /> <img width="996" height="560" width_o="996" height_o="560" data-src="https://freight.cargo.site/t/original/i/b4913ae2229584b6cc7fb6e1572a6f692ee8037c4a8d357460e5b5b399c31021/Frame-1771-1.png" data-mid="134828614" border="0" data-scale="90" src="https://freight.cargo.site/w/996/i/b4913ae2229584b6cc7fb6e1572a6f692ee8037c4a8d357460e5b5b399c31021/Frame-1771-1.png" /> At the beginning, I directly designed the "Waffle Pack" lesson and gave users the freedom to use all the tools. But I found out not everyone understand the function of each tool. Design for the needs of a diverse set of users, so it doesn’t matter if user is an expert or a newbie. Change 2 # Predictability Before Testing After Testing <img width="996" height="626" width_o="996" height_o="626" data-src="https://freight.cargo.site/t/original/i/4f4eb775ac644442b16876a50a01dd5d620d1eccac4d6c1efee1c5bf39a19b21/Group-6-1.png" data-mid="134828616" border="0" data-scale="94" src="https://freight.cargo.site/w/996/i/4f4eb775ac644442b16876a50a01dd5d620d1eccac4d6c1efee1c5bf39a19b21/Group-6-1.png" /> <img width="996" height="623" width_o="996" height_o="623" data-src="https://freight.cargo.site/t/original/i/cc824a85016788f72e5adedc023c2601505a52ba0b82c3d500c1d8b5b49b00e1/Group-624873-4.png" data-mid="134828617" border="0" data-scale="95" src="https://freight.cargo.site/w/996/i/cc824a85016788f72e5adedc023c2601505a52ba0b82c3d500c1d8b5b49b00e1/Group-624873-4.png" /> There is no parameter, it takes a while for users to find the target; They don’t know exactly where they are and the number of coordinates they needs to accomplish. Added visual cues serve as reminders for users. Allow users to navigate easily through the interface by providing points of reference as they move through the interface. The cue would help them predict the result of the action. Change 3 # Visual Indicators Before Testing After Testing <img width="996" height="560" width_o="996" height_o="560" data-src="https://freight.cargo.site/t/original/i/9471c89673c01e1866ee24343ff9d71b476b1562f351508cac4353411a04f95d/Frame-1486-2.png" data-mid="134828618" border="0" data-scale="96" src="https://freight.cargo.site/w/996/i/9471c89673c01e1866ee24343ff9d71b476b1562f351508cac4353411a04f95d/Frame-1486-2.png" /> <img width="986" height="554" width_o="986" height_o="554" data-src="https://freight.cargo.site/t/original/i/01278a682fb2616d725ceac2e78fe50cd92a381908cdd75082208ac8e8860659/Frame-1971-2.png" data-mid="134828619" border="0" data-scale="97" src="https://freight.cargo.site/w/986/i/01278a682fb2616d725ceac2e78fe50cd92a381908cdd75082208ac8e8860659/Frame-1971-2.png" /> I thought yellow was a more striking color to guide the user. It turned out that users were more sensitive to color than I thought.Too many colors will confuse them. Keep consistency by using color. <img width="2356" height="1326" width_o="2356" height_o="1326" data-src="https://freight.cargo.site/t/original/i/bc95c299535bc3311849f18faea584df0fe446bbb6c294b39799d973d20c2f45/Screen-Shot-2024-02-02-at-12.53.24-AM.png" data-mid="203693295" border="0" src="https://freight.cargo.site/w/1000/i/bc95c299535bc3311849f18faea584df0fe446bbb6c294b39799d973d20c2f45/Screen-Shot-2024-02-02-at-12.53.24-AM.png" /> <img width="2352" height="1324" width_o="2352" height_o="1324" data-src="https://freight.cargo.site/t/original/i/db505dbebcb1d1d9110a4f9ef818936a7967d29f19db61a1cb9ca593fdaa14fb/Screen-Shot-2024-02-02-at-12.54.32-AM.png" data-mid="203693297" border="0" src="https://freight.cargo.site/w/1000/i/db505dbebcb1d1d9110a4f9ef818936a7967d29f19db61a1cb9ca593fdaa14fb/Screen-Shot-2024-02-02-at-12.54.32-AM.png" /> 03Getting Started <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/98e2af21de40db3549bf2af5621336d580387c11ab96d60c3e01bd9246268d31/VM-Lab--MRSI-Tool-08-Dec-2021-231018.gif" data-mid="134828575" border="0" data-scale="69" src="https://freight.cargo.site/w/1000/i/98e2af21de40db3549bf2af5621336d580387c11ab96d60c3e01bd9246268d31/VM-Lab--MRSI-Tool-08-Dec-2021-231018.gif" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/35f1ec28c1de115dbffd7d415caa3a870b5aa194223d6fd3c7fd87dbfdf2b40c/Sequence-06.gif" data-mid="134828576" border="0" src="https://freight.cargo.site/w/1000/i/35f1ec28c1de115dbffd7d415caa3a870b5aa194223d6fd3c7fd87dbfdf2b40c/Sequence-06.gif" /> <img width="830" height="650" width_o="830" height_o="650" data-src="https://freight.cargo.site/t/original/i/ee19f953a72df46e9e2f6b4bc2c8d983b85fec28d4679796399096e2e0fbbe54/Slide-16_9---71.png" data-mid="134828578" border="0" data-scale="56" src="https://freight.cargo.site/w/830/i/ee19f953a72df46e9e2f6b4bc2c8d983b85fec28d4679796399096e2e0fbbe54/Slide-16_9---71.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d5e4f47a096e4fb830430cbe07efa273bcc5b4f04e0c9b98d4402d30e17a96a9/Sequence-07.gif" data-mid="134828577" border="0" src="https://freight.cargo.site/w/1000/i/d5e4f47a096e4fb830430cbe07efa273bcc5b4f04e0c9b98d4402d30e17a96a9/Sequence-07.gif" /> <img width="830" height="710" width_o="830" height_o="710" data-src="https://freight.cargo.site/t/original/i/d294b78c6bc11a908988b26c812dd6836c66bb9058ebccb4574b50955ebbef0d/Slide-16_9---73-1.png" data-mid="134828580" border="0" data-scale="55" src="https://freight.cargo.site/w/830/i/d294b78c6bc11a908988b26c812dd6836c66bb9058ebccb4574b50955ebbef0d/Slide-16_9---73-1.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; ︎BACK https://yyuane.com/Archive-Dive Thu, 30 Dec 2021 19:30:00 +0000 yyuane https://yyuane.com/Archive-Dive &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="1920" height="779" width_o="1920" height_o="779" data-src="https://freight.cargo.site/t/original/i/4b70a68600ec53ba1eb6f06cce0c2639cdeb72e57fb3aa4712f90946a49310b5/Dark-Mode-4.png" data-mid="128581988" border="0" src="https://freight.cargo.site/w/1000/i/4b70a68600ec53ba1eb6f06cce0c2639cdeb72e57fb3aa4712f90946a49310b5/Dark-Mode-4.png" /> &nbsp; &nbsp; Archive Dive&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;︎︎︎ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;01.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Project Brief&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; My Role&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;The Team&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Project Timeline&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;My Key Contributions &nbsp; &nbsp; Design Lead&nbsp; &nbsp; &nbsp;Producer&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Feb - May 2021&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Project Management &nbsp; &nbsp; UX Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Designer&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; User Research &nbsp; &nbsp; UI Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Developer&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Define Problem &amp; Wireframe&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Prototyping&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Interaction Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; UI Design &nbsp; &nbsp;&nbsp; Find personal relevant African American History MakersThis is an experience to motivate young people to dive deeper into African American stories. We design to find personally relevant video recordings of African American history makers.&nbsp; <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/c682c7dbadf215923aa1b9a0fd46da5c360f6dcb9cc5b5353734c80624ece04a/Sequence-06.gif" data-mid="128584327" border="0" src="https://freight.cargo.site/w/1000/i/c682c7dbadf215923aa1b9a0fd46da5c360f6dcb9cc5b5353734c80624ece04a/Sequence-06.gif" /> <img width="648" height="642" width_o="648" height_o="642" data-src="https://freight.cargo.site/t/original/i/a3e92231affc82a7ff33bf34deb1789b598a9d5a83252c19e43e74adef704778/Group-1636.png" data-mid="128585087" border="0" data-scale="71" src="https://freight.cargo.site/w/648/i/a3e92231affc82a7ff33bf34deb1789b598a9d5a83252c19e43e74adef704778/Group-1636.png" /> Our ClientThe historyMakers is a national non-profit research and educational institution committed to preserving and making widely accessible the untold personal stories of both well-known and unsung African Americans.They contain a database of 150,000 stories from almost 3000 historymakers. &nbsp; <img width="2340" height="1090" width_o="2340" height_o="1090" data-src="https://freight.cargo.site/t/original/i/6d5cc621a12cca552199b3d52ad735824260b9d8a2d202d84c2271995c6820ff/019.png" data-mid="128587117" border="0" data-scale="87" src="https://freight.cargo.site/w/1000/i/6d5cc621a12cca552199b3d52ad735824260b9d8a2d202d84c2271995c6820ff/019.png" /> How might we build a fun, interactive, and attractive experience for users to find recording and personal narratives? <img width="2614" height="1090" width_o="2614" height_o="1090" data-src="https://freight.cargo.site/t/original/i/0b1daa712de263585ef573d0ef09760c6bc3a7fff8325b225a9b76cccf3c0570/20.png" data-mid="128588636" border="0" src="https://freight.cargo.site/w/1000/i/0b1daa712de263585ef573d0ef09760c6bc3a7fff8325b225a9b76cccf3c0570/20.png" /> Design for everyone 02-02 User Research Key Insights from Users ResearchIn order to learn more about the current young people’s interest in history and African America culture. I invited young groups of different races between the ages of 20-29 to participate in the interview. And invited them browse the history maker website.&nbsp; <img width="13356" height="6076" width_o="13356" height_o="6076" data-src="https://freight.cargo.site/t/original/i/6805db2d696849f77689dfbbb71071450371e8f8010b9b19394296fae9d6c203/Group-12-1.png" data-mid="128591395" border="0" src="https://freight.cargo.site/w/1000/i/6805db2d696849f77689dfbbb71071450371e8f8010b9b19394296fae9d6c203/Group-12-1.png" /> <img width="1645" height="713" width_o="1645" height_o="713" data-src="https://freight.cargo.site/t/original/i/24f858991e02d2dcbf70576742ec7424fb815a8537fd2430e176e009d597e6fb/Group-625032.png" data-mid="128589865" border="0" src="https://freight.cargo.site/w/1000/i/24f858991e02d2dcbf70576742ec7424fb815a8537fd2430e176e009d597e6fb/Group-625032.png" /> <img width="3492" height="1848" width_o="3492" height_o="1848" data-src="https://freight.cargo.site/t/original/i/a34deae8e9a12426005cbe558d7c9001d50edd0018826f524ff2a66fdb76915f/Empathy-map-Derek.png" data-mid="128591426" border="0" data-scale="88" src="https://freight.cargo.site/w/1000/i/a34deae8e9a12426005cbe558d7c9001d50edd0018826f524ff2a66fdb76915f/Empathy-map-Derek.png" /> Insight # 1 A Large Amount of Content <img width="600" height="375" width_o="600" height_o="375" data-src="https://freight.cargo.site/t/original/i/9ba697cb31e0741492b2ba6a324cb7d7673bb796a058b03327f408a5806f2285/1-1.gif" data-mid="128592065" border="0" data-scale="85" src="https://freight.cargo.site/w/600/i/9ba697cb31e0741492b2ba6a324cb7d7673bb796a058b03327f408a5806f2285/1-1.gif" /> A lot of young users do not know where to start because there is so much information presented on a single page and there are more than 3,000 history makers. Usually the user just clicks the first couple of history makers and never has the patience to see the rest of the history makers information. Solution: Provide users with good eays to get started. And provide clues to help a user decide how to start the explore process.&nbsp; Insight # 2 Hard to Make a Choice <img width="512" height="320" width_o="512" height_o="320" data-src="https://freight.cargo.site/t/original/i/aa64fbf1ee3a13eebd15c36bc5b0b9d87add56373b6de9db31b405a02be52ce7/unnamed.gif" data-mid="128592069" border="0" data-scale="85" src="https://freight.cargo.site/w/512/i/aa64fbf1ee3a13eebd15c36bc5b0b9d87add56373b6de9db31b405a02be52ce7/unnamed.gif" /> It’s really hard for them to find history makers that are related to their own interests. Because of the limited display information and search functions. Solution: Transform the archive’s data and content in a way that helps a broad range of young people realted to the stories and people.&nbsp; &nbsp; 02-03 From Findings to FeaturesFor the final piece of the design, I decided to design the entire experience process as a parallel experience. Detail View - 4 filters to help users narrow down their interested people. View an interactive data visualization of the set of HistoryMakers that match the chosen filters.&nbsp; Overview - Manipulate distribution of subset based on an additional option. This is for people who are more interested in viewing the HistoryMakers as a set of people and want to play with the data more.&nbsp; <img width="7272" height="2026" width_o="7272" height_o="2026" data-src="https://freight.cargo.site/t/original/i/a5b664a886502a1b787b0eed7ff949d13ca2bcfb86ec014b5842b06a4253759d/Group-1661.png" data-mid="128593956" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/a5b664a886502a1b787b0eed7ff949d13ca2bcfb86ec014b5842b06a4253759d/Group-1661.png" /> Wireframe <img width="2790" height="1844" width_o="2790" height_o="1844" data-src="https://freight.cargo.site/t/original/i/1e3ed46fc63c21b058b90b269cde159c1da69c12b25df5574f5368ad50c7ace7/Group-625033.png" data-mid="128594093" border="0" data-scale="84" src="https://freight.cargo.site/w/1000/i/1e3ed46fc63c21b058b90b269cde159c1da69c12b25df5574f5368ad50c7ace7/Group-625033.png" /> After meeting with clients, I clearly knew their goals, but our clients didn’t have a specific requirements. During the design process, I showed a variety of design solutions and tested them to improve the experience process. Learning from my mistakes, the balance between the needs of customers and users has been found.&nbsp; <img width="1984" height="652" width_o="1984" height_o="652" data-src="https://freight.cargo.site/t/original/i/11101769b85935e61b59c82c140e40ebfc3e51837e7968b1894263074bf4ff34/Group-625035.png" data-mid="128595541" border="0" src="https://freight.cargo.site/w/1000/i/11101769b85935e61b59c82c140e40ebfc3e51837e7968b1894263074bf4ff34/Group-625035.png" /> 02 - 04 User Testing Does It Actually Work?My design process is one week sprints(Playtest and Client Meeting) this way could think through lots of design decision in depth based on feedback. <img width="1028" height="578" width_o="1028" height_o="578" data-src="https://freight.cargo.site/t/original/i/b8e78146c8970c232435dc12f1f9c1a7592588122d18c349ed777584a8065867/22.png" data-mid="128597134" border="0" data-scale="89" src="https://freight.cargo.site/w/1000/i/b8e78146c8970c232435dc12f1f9c1a7592588122d18c349ed777584a8065867/22.png" /> Change 1 # Advance Filter Before Testing After Testing <img width="866" height="442" width_o="866" height_o="442" data-src="https://freight.cargo.site/t/original/i/5eb40942308fba50a8db3199fd98abe6ac907504d0e21d3adbdaa2db5aa9302c/Screen-Shot-2021-03-18-at-1.19-2.png" data-mid="128597728" border="0" data-scale="96" src="https://freight.cargo.site/w/866/i/5eb40942308fba50a8db3199fd98abe6ac907504d0e21d3adbdaa2db5aa9302c/Screen-Shot-2021-03-18-at-1.19-2.png" /> <img width="864" height="486" width_o="864" height_o="486" data-src="https://freight.cargo.site/t/original/i/96a59f02552c27332db1e196cef42d23ce6eb6ff8f6d94c0306ecc536fedae87/Frame-220-2.png" data-mid="128597734" border="0" data-scale="88" src="https://freight.cargo.site/w/864/i/96a59f02552c27332db1e196cef42d23ce6eb6ff8f6d94c0306ecc536fedae87/Frame-220-2.png" /> User can only see one option at a time so they have to click through all the options to find what they want. Made the filters flst stripes (keeping the dragging component) to show multiple options once a time. Change 2 # Image Click Event Before Testing After Testing <img width="862" height="416" width_o="862" height_o="416" data-src="https://freight.cargo.site/t/original/i/ed014ba38d9d63bfbf3364a990dac826061f3e582d0d390be24166227ff9dfa9/Screen-Shot-2021-05-19-at-1.23-1.png" data-mid="128598288" border="0" data-scale="98" src="https://freight.cargo.site/w/862/i/ed014ba38d9d63bfbf3364a990dac826061f3e582d0d390be24166227ff9dfa9/Screen-Shot-2021-05-19-at-1.23-1.png" /> <img width="870" height="490" width_o="870" height_o="490" data-src="https://freight.cargo.site/t/original/i/a3389216ecd4de21bc22f0ac3dc5117b1d50c2e75b0db5c24a1b8c4f5b6bd816/Frame-220-3.png" data-mid="128598359" border="0" data-scale="85" src="https://freight.cargo.site/w/870/i/a3389216ecd4de21bc22f0ac3dc5117b1d50c2e75b0db5c24a1b8c4f5b6bd816/Frame-220-3.png" /> Most users tried to click the biggest tile in the center unconsciously. They wanted to learn more about this person, but actually the information is on the right side. Our assumption is that people’s attention are all cut off by the ring and ignored the information on the side. I added the fade in and fade out effect to the biography information so that the animation will catch the user's attention. Change 3 # Help Button Before Testing After Testing <img width="860" height="486" width_o="860" height_o="486" data-src="https://freight.cargo.site/t/original/i/cf0cab4102c7d484b9ac2522e729382747bab916cfe0742a2e557bf7bdc0fb87/Frame-224-1.png" data-mid="128598569" border="0" data-scale="97" src="https://freight.cargo.site/w/860/i/cf0cab4102c7d484b9ac2522e729382747bab916cfe0742a2e557bf7bdc0fb87/Frame-224-1.png" /> <img width="860" height="486" width_o="860" height_o="486" data-src="https://freight.cargo.site/t/original/i/cc513deabf0eb35eedc8e3350aa0d3083e5a3a29ca49f6cec1fc5c1fcbee4af1/Frame-185-1.png" data-mid="128598588" border="0" data-scale="97" src="https://freight.cargo.site/w/860/i/cc513deabf0eb35eedc8e3350aa0d3083e5a3a29ca49f6cec1fc5c1fcbee4af1/Frame-185-1.png" /> I thought yellow was a more striking color to guide the user. It turned out that users were more sensitive to color than I thought.Too many colors will confuse them. Keep consistency by using color. 03Getting Started &nbsp; &nbsp; &nbsp; &nbsp;Much of Archive Dive was about finding juicy moments to reward young users who didn't know &nbsp; &nbsp; &nbsp; &nbsp;these people. A clean UI that was consistent and reduced barriers to use such as frustration and &nbsp; &nbsp; &nbsp; &nbsp;confusion and invited the users in to "play" with data for Archive Dive. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/85e2d757f97cdd63bfe65f487a863013427a7d785ef28b0695037c4890638f9a/V1-copy.gif" data-mid="128598892" border="0" src="https://freight.cargo.site/w/1000/i/85e2d757f97cdd63bfe65f487a863013427a7d785ef28b0695037c4890638f9a/V1-copy.gif" /> <img width="830" height="952" width_o="830" height_o="952" data-src="https://freight.cargo.site/t/original/i/c2bd9b7e9d83db94ccb611d4f6321281e3ec8c5611232dae7daf48525a6a7cff/Slide-16_9---45.png" data-mid="128598955" border="0" data-scale="54" src="https://freight.cargo.site/w/830/i/c2bd9b7e9d83db94ccb611d4f6321281e3ec8c5611232dae7daf48525a6a7cff/Slide-16_9---45.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/a22f303adf516c0637339447c5ad7dd4d5d6e8652bbd84dc22537727aa62fe13/V2-1.gif" data-mid="128599112" border="0" src="https://freight.cargo.site/w/1000/i/a22f303adf516c0637339447c5ad7dd4d5d6e8652bbd84dc22537727aa62fe13/V2-1.gif" /> <img width="830" height="586" width_o="830" height_o="586" data-src="https://freight.cargo.site/t/original/i/95a591ba93d5973a5407317a4ff301d357b2ab9cc69ddeb0e3a76daefb513e01/Slide-16_9---46-1.png" data-mid="128599127" border="0" data-scale="51" src="https://freight.cargo.site/w/830/i/95a591ba93d5973a5407317a4ff301d357b2ab9cc69ddeb0e3a76daefb513e01/Slide-16_9---46-1.png" /> <img width="830" height="590" width_o="830" height_o="590" data-src="https://freight.cargo.site/t/original/i/bec8f92e8603345034d95dc6fb38c9684718fafcd8f74ad08cab41122f8e81ec/Slide-16_9---47.png" data-mid="128599156" border="0" data-scale="51" src="https://freight.cargo.site/w/830/i/bec8f92e8603345034d95dc6fb38c9684718fafcd8f74ad08cab41122f8e81ec/Slide-16_9---47.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8f58edeb8730c9f6cae90fa5a31f19aa143310c28d264e21eede1e2efd398eed/V3.gif" data-mid="128599164" border="0" src="https://freight.cargo.site/w/1000/i/8f58edeb8730c9f6cae90fa5a31f19aa143310c28d264e21eede1e2efd398eed/V3.gif" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b105c36ea0f4718ea52d5bf82b7c862e025c9555492b7b02a1742742194307ed/V4.gif" data-mid="128599181" border="0" data-scale="73" src="https://freight.cargo.site/w/1000/i/b105c36ea0f4718ea52d5bf82b7c862e025c9555492b7b02a1742742194307ed/V4.gif" /> ︎BACK https://yyuane.com/Hygiene-Care Fri, 31 Dec 2021 23:00:03 +0000 yyuane https://yyuane.com/Hygiene-Care &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="2000" height="1132" width_o="2000" height_o="1132" data-src="https://freight.cargo.site/t/original/i/5649cc32f314bc309feab4ec6ff71a235c58510ea4c08500bfe14a42388d445a/Group-1521.png" data-mid="128647698" border="0" data-scale="81" src="https://freight.cargo.site/w/1000/i/5649cc32f314bc309feab4ec6ff71a235c58510ea4c08500bfe14a42388d445a/Group-1521.png" /> &nbsp; &nbsp; Hygiene Care &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;01. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Project Brief&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; My Role&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;The Team&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Project Timeline&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;My Key Contributions &nbsp; &nbsp; Researcher&nbsp; &nbsp; &nbsp; Producer&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Sep - Dec 2020&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Project Management &nbsp; &nbsp; UX Designer&nbsp; &nbsp; 2 UX designers&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;User Research&nbsp; &nbsp; &nbsp; UI Designer&nbsp; &nbsp; &nbsp; 3D Artist&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Define Problem &amp; User Needs&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; User Flow &amp; Wireframe&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Prototyping&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Interaction Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Visual Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Animation&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Health Training&nbsp; Experience For future&nbsp; Hygiene care is an educational interactive experience to teach nurses hand hygiene protocol to prevent health care-associated infections. This is a way of learning different from traditional textbooks, they can learn more when they go through the experience.&nbsp; <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/2a8f17f114207e19bfd24257516668eb7df3606ba30f97b3384655ceae98578a/0f82a2293478fc162b227aaf95df42ba53077f64.gif" data-mid="128647951" border="0" src="https://freight.cargo.site/w/800/i/2a8f17f114207e19bfd24257516668eb7df3606ba30f97b3384655ceae98578a/0f82a2293478fc162b227aaf95df42ba53077f64.gif" /> <img width="555" height="312" width_o="555" height_o="312" data-src="https://freight.cargo.site/t/original/i/2d6e565f5e4683374bc86c3aaa2395b326bc66c35bd293832c5622dfe9a3123f/ahn-wexford-hospital.jpeg" data-mid="128648213" border="0" data-scale="89" src="https://freight.cargo.site/w/555/i/2d6e565f5e4683374bc86c3aaa2395b326bc66c35bd293832c5622dfe9a3123f/ahn-wexford-hospital.jpeg" /> Our ClientAllegheny Health Network (AHN), based in Pittsburgh, is a non-profit, 13-hospital academic medical system with facilities located in Western Pennsylvania and one hospital in Western New York.21,000 staff and affiliated physicians.&nbsp; <img width="2340" height="1276" width_o="2340" height_o="1276" data-src="https://freight.cargo.site/t/original/i/12019f48cdd2a91e5bb6b113541565ed6e618a117679903077bb14fae5b96c6f/23.png" data-mid="128648641" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/12019f48cdd2a91e5bb6b113541565ed6e618a117679903077bb14fae5b96c6f/23.png" /> How might we use a humor way to discuss this serious issue and create a trigger to help them take their knowledge into reality? <img width="2614" height="1090" width_o="2614" height_o="1090" data-src="https://freight.cargo.site/t/original/i/987b0699108e9a05f9a27f26235f9380806a4c8530e0768c93fff4794dd2cfde/24.png" data-mid="128648890" border="0" src="https://freight.cargo.site/w/1000/i/987b0699108e9a05f9a27f26235f9380806a4c8530e0768c93fff4794dd2cfde/24.png" /> 02-02 User Research Key Insights from Users ResearchIn order to understand how does our product will work in the real world, with real people. I conducted user interviews with health care workers. The process I observed user behaviors, needs, attitudes and motivation from different aspects such as: daily routine, job responsibilities, hand washing time, methods; The relationship with patients and family. <img width="3908" height="2048" width_o="3908" height_o="2048" data-src="https://freight.cargo.site/t/original/i/2dc5bb21200b815f79d85b326013fc610c2d5588a0e6c0b3f9e19ecdcf8de45e/Affinity-cluster-Synthesis.png" data-mid="128649074" border="0" src="https://freight.cargo.site/w/1000/i/2dc5bb21200b815f79d85b326013fc610c2d5588a0e6c0b3f9e19ecdcf8de45e/Affinity-cluster-Synthesis.png" /> <img width="1645" height="713" width_o="1645" height_o="713" data-src="https://freight.cargo.site/t/original/i/6b319dd703e8ebce2595951843542bfe180a872aff167e999f10d92b8e912a27/Group-625036-1.png" data-mid="128648932" border="0" src="https://freight.cargo.site/w/1000/i/6b319dd703e8ebce2595951843542bfe180a872aff167e999f10d92b8e912a27/Group-625036-1.png" /> <img width="1280" height="632" width_o="1280" height_o="632" data-src="https://freight.cargo.site/t/original/i/0dcb3163eaea54656563867c43839aec2722463492d0ab1ddd7e622b51ca6bc7/Screen-Shot-2021-12-31-at-7.34.20-PM.png" data-mid="128649164" border="0" src="https://freight.cargo.site/w/1000/i/0dcb3163eaea54656563867c43839aec2722463492d0ab1ddd7e622b51ca6bc7/Screen-Shot-2021-12-31-at-7.34.20-PM.png" /> Insight # 1 Educational Moments Health care professionals compliance with the prescribed five moments of hand hygiene, but some infectious moments are easy for them to forget. Nurses have different understanding of the impact of each situation, so they choose to wash their hands in different ways. Solution:&nbsp;Highlight the educational moments that nurses frequently forget hand hygiene. So they can have a common understanding of the dangers that are not easily perceived. Also help individuals identify the moments that they haven’t thought before. &nbsp; Insight # 2 Consequences Coginitive bias - If they have just seen a very serious infection then we will consider the odds of that happening very high but if they haven’t seen an infection for some time we start to think maybe it’s not so likely. Solution: Show consequences with multiple story endings.&nbsp;Informed the consequences of not washing hands and the harm to family and patients in real work environment. Insight # 3&nbsp;Visualize InvisibilityGerms are invisible, some healthcare workers have not recognized the potential risks. Solution: Create memorable scenarios and visuals- Visualize invisibility and compare germs on different surfaces. &nbsp; 02-03 From Findings to Features For the final piece of the research phase I wanted to define how the process for creating an experience would get user to be engaged in learning something they already knew without offensive.&nbsp; <img width="1648" height="612" width_o="1648" height_o="612" data-src="https://freight.cargo.site/t/original/i/bf8921c5c8640ac991351854c2dcc84eb4c653931fd618cfe4913f9026e768ff/Group-44-1.png" data-mid="128651085" border="0" src="https://freight.cargo.site/w/1000/i/bf8921c5c8640ac991351854c2dcc84eb4c653931fd618cfe4913f9026e768ff/Group-44-1.png" /> User Journey <img width="3414" height="1576" width_o="3414" height_o="1576" data-src="https://freight.cargo.site/t/original/i/ba84e7f7a7d271ce6203e70b8d176d28cef3363eb736b7ac432ccfeeca626ad4/Group-625037.png" data-mid="128651121" border="0" src="https://freight.cargo.site/w/1000/i/ba84e7f7a7d271ce6203e70b8d176d28cef3363eb736b7ac432ccfeeca626ad4/Group-625037.png" /> <img width="2792" height="1618" width_o="2792" height_o="1618" data-src="https://freight.cargo.site/t/original/i/b7f7f215a3b866ed55ffbc3295c9075d2c87fdbfe24c941d6048448f7ee5b249/Group-383-2.png" data-mid="128651107" border="0" src="https://freight.cargo.site/w/1000/i/b7f7f215a3b866ed55ffbc3295c9075d2c87fdbfe24c941d6048448f7ee5b249/Group-383-2.png" /> With all my research and conclusions in mind, I started building the experience. Starting with some rough sketches, I drew up some ideas on the whiteboard, sought feedback from my teammates and then brought the final ideations to life in Figma.&nbsp; <img width="1928" height="764" width_o="1928" height_o="764" data-src="https://freight.cargo.site/t/original/i/8b5d8ecc1e3de444f8c024500f28f4e74e525cb607942403bbef838e491af216/Group-625041.png" data-mid="128651721" border="0" src="https://freight.cargo.site/w/1000/i/8b5d8ecc1e3de444f8c024500f28f4e74e525cb607942403bbef838e491af216/Group-625041.png" /> 02 - 04 User Testing Does It Actually Work?I conducted four user testing sessions with health care workers to ensure that the user flow of the whole experience would help them to bring the knowledge to the real life.&nbsp; <img width="1742" height="886" width_o="1742" height_o="886" data-src="https://freight.cargo.site/t/original/i/50bcb5b043f06c8e323c0237f5c333ed7c185296b7332ce481b31f2e532b99c1/Screen-Shot-2021-12-31-at-10.09.52-PM.png" data-mid="128651754" border="0" src="https://freight.cargo.site/w/1000/i/50bcb5b043f06c8e323c0237f5c333ed7c185296b7332ce481b31f2e532b99c1/Screen-Shot-2021-12-31-at-10.09.52-PM.png" /> Change 1 # Refined Pass Moment Before Testing After Testing <img width="568" height="376" width_o="568" height_o="376" data-src="https://freight.cargo.site/t/original/i/1866c8e52d73b8b5000b4d26a7d83c3112d3b9262c90ec5d4acb20daf3a6e86f/Group-625042.png" data-mid="128651781" border="0" data-scale="79" src="https://freight.cargo.site/w/568/i/1866c8e52d73b8b5000b4d26a7d83c3112d3b9262c90ec5d4acb20daf3a6e86f/Group-625042.png" /> <img width="596" height="381" width_o="596" height_o="381" data-src="https://freight.cargo.site/t/original/i/24470e5c98f73abaf5a53f7439f8e343426a084d2344c67aba35cab61aa69de4/Group-625042-1.png" data-mid="128651790" border="0" data-scale="86" src="https://freight.cargo.site/w/596/i/24470e5c98f73abaf5a53f7439f8e343426a084d2344c67aba35cab61aa69de4/Group-625042-1.png" /> From the user testing, I’ve learned testers do like the clear interaction and they like the linear straightforward story. However, they want to have more choices and freedom. The refine version from “tell user when to pass” to “Let them decide the right passing moment”.After refined the core interaction mechanic, users feel in control and more engaging. Change 2 # Informative Feedback Before Testing After Testing <img width="584" height="416" width_o="584" height_o="416" data-src="https://freight.cargo.site/t/original/i/2c412829eb4781def705e5b932f24a078b74c8f25a9f345cb65c667ea216b64f/Desktop---124-1.png" data-mid="128651817" border="0" data-scale="71" src="https://freight.cargo.site/w/584/i/2c412829eb4781def705e5b932f24a078b74c8f25a9f345cb65c667ea216b64f/Desktop---124-1.png" /> <img width="584" height="328" width_o="584" height_o="328" data-src="https://freight.cargo.site/t/original/i/57af4856dc785ded60bf5f637d64f1d7dff1d67c3eb5f03bfd0261bfb30eef78/Group-1507-1-1.png" data-mid="128651819" border="0" data-scale="91" src="https://freight.cargo.site/w/584/i/57af4856dc785ded60bf5f637d64f1d7dff1d67c3eb5f03bfd0261bfb30eef78/Group-1507-1-1.png" /> Nurses think our experience is really informative, they gain more virus knowledge. However, testers are not sure if they click right. Added score system to give a really clear feedback about catch the right passing moments. If they catch the moment, we will give some reward of score.A system with feedback for every action helps users achieve their goals without friction. Change 3 # Adjust Camera Angle Before Testing After Testing <img width="584" height="328" width_o="584" height_o="328" data-src="https://freight.cargo.site/t/original/i/392214dc81ccc426de43a267b6e6d60fa2a1df11e1c6dd6c813c8864e087bdcd/p1-1.png" data-mid="128651839" border="0" data-scale="92" src="https://freight.cargo.site/w/584/i/392214dc81ccc426de43a267b6e6d60fa2a1df11e1c6dd6c813c8864e087bdcd/p1-1.png" /> <img width="584" height="326" width_o="584" height_o="326" data-src="https://freight.cargo.site/t/original/i/cd9a283196cc67d3e5520ae06b90e997883d1d2c58ecfc2fbc847a140f3dd34f/p2-1.png" data-mid="128651843" border="0" data-scale="93" src="https://freight.cargo.site/w/584/i/cd9a283196cc67d3e5520ae06b90e997883d1d2c58ecfc2fbc847a140f3dd34f/p2-1.png" /> Testers can not see specific pass moment because of camera angle, so they could miss a pass moment easily. Adjust camera angle and we also zoom in when the passing moment happens. 03Getting Started &nbsp; &nbsp; &nbsp; &nbsp;New experience can be overwhelmed so I built this onboarding experience to focus on &nbsp; &nbsp; &nbsp; &nbsp;giving the user a high-level overview of the functionality and user’s goal for the experience. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/94963ccbd72f3cdda5b28757e1042e07a196321cd8387596982725367343b1a8/Tutorial-1.gif" data-mid="128651885" border="0" data-scale="87" src="https://freight.cargo.site/w/1000/i/94963ccbd72f3cdda5b28757e1042e07a196321cd8387596982725367343b1a8/Tutorial-1.gif" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="830" height="954" width_o="830" height_o="954" data-src="https://freight.cargo.site/t/original/i/29b3e4deb218f715c6cb22554815ce21a3b3c5347719a42170ea4cbe0e17934e/Slide-16_9---12.png" data-mid="128652132" border="0" data-scale="52" src="https://freight.cargo.site/w/830/i/29b3e4deb218f715c6cb22554815ce21a3b3c5347719a42170ea4cbe0e17934e/Slide-16_9---12.png" /> <img width="800" height="450" width_o="800" height_o="450" data-src="https://freight.cargo.site/t/original/i/150f3c5dfbdaacf2011d43e7967deaa50ec2bec436c8c1938f4d9572cf7a20af/0f82a2293478fc162b227aaf95df42ba53077f64-1.gif" data-mid="128652155" border="0" src="https://freight.cargo.site/w/800/i/150f3c5dfbdaacf2011d43e7967deaa50ec2bec436c8c1938f4d9572cf7a20af/0f82a2293478fc162b227aaf95df42ba53077f64-1.gif" /> <img width="830" height="772" width_o="830" height_o="772" data-src="https://freight.cargo.site/t/original/i/f65cd30c430f2f0b709cb8cbacacf8d6c9d9d0932346173ae236d2bb98d707c8/Slide-16_9---12-1.png" data-mid="128652171" border="0" data-scale="52" src="https://freight.cargo.site/w/830/i/f65cd30c430f2f0b709cb8cbacacf8d6c9d9d0932346173ae236d2bb98d707c8/Slide-16_9---12-1.png" /> <img width="830" height="752" width_o="830" height_o="752" data-src="https://freight.cargo.site/t/original/i/cae825b28b907d76c0660ca0e060214aa255ac262e3804c3cab930cbe22c5baf/Slide-16_9---14-1.png" data-mid="128652239" border="0" data-scale="50" src="https://freight.cargo.site/w/830/i/cae825b28b907d76c0660ca0e060214aa255ac262e3804c3cab930cbe22c5baf/Slide-16_9---14-1.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/dc3803b513ae41ecc3e3fe01a5b6c2da3491c60fc270e973b87d6c08b7914853/a928cf42ca792a2174e7c89422b2c7a9e2304327.gif" data-mid="128652173" border="0" data-scale="91" src="https://freight.cargo.site/w/1000/i/dc3803b513ae41ecc3e3fe01a5b6c2da3491c60fc270e973b87d6c08b7914853/a928cf42ca792a2174e7c89422b2c7a9e2304327.gif" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/5c4d5fb4058436bb4d04cd7cb6aa0338a038a94757fddd92cd2d9430c9d4628b/3c47141a072f2173d8337cf04ecd65dc16ab859b.gif" data-mid="128652250" border="0" data-scale="91" src="https://freight.cargo.site/w/1000/i/5c4d5fb4058436bb4d04cd7cb6aa0338a038a94757fddd92cd2d9430c9d4628b/3c47141a072f2173d8337cf04ecd65dc16ab859b.gif" /> <img width="830" height="472" width_o="830" height_o="472" data-src="https://freight.cargo.site/t/original/i/e56dd9ba3431554d0dcc8124a45c1d92854eb16d1c6becd2ae48c2d33cc920d4/Slide-16_9---15.png" data-mid="128652253" border="0" data-scale="50" src="https://freight.cargo.site/w/830/i/e56dd9ba3431554d0dcc8124a45c1d92854eb16d1c6becd2ae48c2d33cc920d4/Slide-16_9---15.png" /> <img width="600" height="338" width_o="600" height_o="338" data-src="https://freight.cargo.site/t/original/i/230b8b6f479dce98e7bd9ace31b5a1ce8eeef8293802499ca43f1e9d55f7259c/ezgif.com-gif-maker-1.gif" data-mid="128652299" border="0" data-scale="88" src="https://freight.cargo.site/w/600/i/230b8b6f479dce98e7bd9ace31b5a1ce8eeef8293802499ca43f1e9d55f7259c/ezgif.com-gif-maker-1.gif" /> <img width="600" height="338" width_o="600" height_o="338" data-src="https://freight.cargo.site/t/original/i/34e3f3b7d7d1942fd4fa6434c0ae7fc756cef1739e94c3ea8c170738d8080abd/ezgif.com-gif-maker-1.gif" data-mid="128652300" border="0" data-scale="89" src="https://freight.cargo.site/w/600/i/34e3f3b7d7d1942fd4fa6434c0ae7fc756cef1739e94c3ea8c170738d8080abd/ezgif.com-gif-maker-1.gif" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img width="2500" height="461" width_o="2500" height_o="461" data-src="https://freight.cargo.site/t/original/i/56d6a96409f063104be6a38fd1b5db9167328a14e19c4f093ceaee3722942bfe/Group-1630.png" data-mid="128652315" border="0" src="https://freight.cargo.site/w/1000/i/56d6a96409f063104be6a38fd1b5db9167328a14e19c4f093ceaee3722942bfe/Group-1630.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎BACK https://yyuane.com/PING Sat, 01 Jan 2022 17:39:36 +0000 yyuane https://yyuane.com/PING &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="1920" height="944" width_o="1920" height_o="944" data-src="https://freight.cargo.site/t/original/i/8482677a05540e846498fe90aa699676531d43378692556b5e0f5c2126a274a8/007xxxx.png" data-mid="128673573" border="0" src="https://freight.cargo.site/w/1000/i/8482677a05540e846498fe90aa699676531d43378692556b5e0f5c2126a274a8/007xxxx.png" /> &nbsp; &nbsp; PING &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;01.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Project Brief&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; My Role&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;The Team&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Project Timeline&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;My Key Contributions &nbsp; &nbsp; Research&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 2 Designers&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Mar - Apr 2018&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; User Research &nbsp; &nbsp; UX Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Competitive Research &nbsp; &nbsp; UI Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Define Problem &amp; User Needs&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Concept Ideation&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;User Flow &amp; Wireframe&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Prototyping&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Interaction Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Visual Design &nbsp; &nbsp; Use Empathy as An Engine of Innovation By connecting with the communities with disabilities community and discovering insights of their own lived experiences, we can create a better way of living.&nbsp; Through the assistive technology design challenge, I sought to help the visually impaired community and design an affordable assistive product to improve their day-to-day routines.&nbsp; <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ec09ee470974526ec85b42d7b1c61b401cf6473f32bbdaffae28f340a473110c/main-screen-1.gif" data-mid="128706769" border="0" src="https://freight.cargo.site/w/1000/i/ec09ee470974526ec85b42d7b1c61b401cf6473f32bbdaffae28f340a473110c/main-screen-1.gif" /> <img width="634" height="322" width_o="634" height_o="322" data-src="https://freight.cargo.site/t/original/i/80ff113b74d7758b9fdba0dc1ec489078984ffc95bbd004078ce208dd2a8f058/Mask-Group-1.png" data-mid="128706558" border="0" data-scale="58" src="https://freight.cargo.site/w/634/i/80ff113b74d7758b9fdba0dc1ec489078984ffc95bbd004078ce208dd2a8f058/Mask-Group-1.png" /> <img width="634" height="322" width_o="634" height_o="322" data-src="https://freight.cargo.site/t/original/i/71da65658a01601d5bf275edf5482ee628243c0936232efdd74324ae75e0b27d/Mask-Group-2.png" data-mid="128706587" border="0" data-scale="58" src="https://freight.cargo.site/w/634/i/71da65658a01601d5bf275edf5482ee628243c0936232efdd74324ae75e0b27d/Mask-Group-2.png" /> Our ChallengeTo design products that address the reality faced by visually impaired communities that seem trivial from an able-bodied perspective. This included finding misplaced or inadvertently moved objects.&nbsp;&nbsp; How might we connect people who with visual impairments and pair with an intutive APP, finding things made easy? <img width="2614" height="1090" width_o="2614" height_o="1090" data-src="https://freight.cargo.site/t/original/i/9efc7c1634ab4ba2aefd3a071f895d868e3e9877ab11f1339533d7813f37baae/25.png" data-mid="128707057" border="0" src="https://freight.cargo.site/w/1000/i/9efc7c1634ab4ba2aefd3a071f895d868e3e9877ab11f1339533d7813f37baae/25.png" /> 02-02 User Research Key Insights from Users ResearchAfter our research, we learned how visually-impaired individuals deal with everyday problems. Here are our finds and insights. &nbsp; <img width="1630" height="656" width_o="1630" height_o="656" data-src="https://freight.cargo.site/t/original/i/54da5e3bf6470a3c8be9f207ddedf4df65340bcd4567e2956ed83bb23d90137e/Group-625043.png" data-mid="128707109" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/54da5e3bf6470a3c8be9f207ddedf4df65340bcd4567e2956ed83bb23d90137e/Group-625043.png" /> Insight # 1 Hard To Find LostItems They memorize the placement of objects and how to tell two products apart from each other. This becomes an even greater problem when visually-impaired people live with others in the household or as they grow to older. They found it extremely frustrating when people move things around the house without their knowledge. Solution: An audio tracker could help users find the item location at any time, they could use their smartphone and to easily locate the item by the sound of the tracker. This information could also then be shared with their family members.&nbsp; Insight # 2 Similar but different products from packaging series They also frequently bought products with different packaging to tell them apart by touch. However, this was not always possible or easy. Solution: Use the device as a voice label for everything. Press the tracker and to read confusing packaging. This helps the user distinguish between products that appear identical through touch. Insight # 3&nbsp;Hard to use the APPIt is hard to use most apps even with VoiceOver. Most apps are not designed to be accessible for the blind or visually impaired.Solution: New UI system that works with Voice Over that gives the capability for visually impaired people to use smart devices and know all the content on every page. &nbsp; 02-03 From Findings to Features Ecosystem of Physical <img width="1656" height="894" width_o="1656" height_o="894" data-src="https://freight.cargo.site/t/original/i/de7f52b9b0a674e7f7e428b0cca737ce6fca53696f65f64d7280095d6ec4fea0/Group-1634-1.png" data-mid="128707994" border="0" data-scale="73" src="https://freight.cargo.site/w/1000/i/de7f52b9b0a674e7f7e428b0cca737ce6fca53696f65f64d7280095d6ec4fea0/Group-1634-1.png" /> <img width="1916" height="1078" width_o="1916" height_o="1078" data-src="https://freight.cargo.site/t/original/i/59b200b322915c38f28535e47de70bbe39c073b71a47ce611735b265de4596a1/1-3.png" data-mid="128708151" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/59b200b322915c38f28535e47de70bbe39c073b71a47ce611735b265de4596a1/1-3.png" /> Ecosystem of Physical We designed a personal audio tracker for the visually impaired. An affordable assistive smart device that could help visually impaired today. <img width="1624" height="430" width_o="1624" height_o="430" data-src="https://freight.cargo.site/t/original/i/13ea17f6d09e99403cad2c8f8b8768a65ae121ae0a2c9ae89827a36fc57c360b/Group-625044.png" data-mid="128708251" border="0" data-scale="81" src="https://freight.cargo.site/w/1000/i/13ea17f6d09e99403cad2c8f8b8768a65ae121ae0a2c9ae89827a36fc57c360b/Group-625044.png" /> 02 - 05 Design &amp; Prototyping Bringing It All TogetherWith our goals, features and processes mapped we moved into the next phase of actually building the experience with some rough sketches. I combined all the sketched screens onto one board so that we were able to see and adjust user flows and navigation quickly. <img width="1340" height="818" width_o="1340" height_o="818" data-src="https://freight.cargo.site/t/original/i/625bbb224fc6fe55cb0ed24e55366b4c98e406440e4e29e206e5e9bbf29aa6c8/screenshot-1.png" data-mid="128708481" border="0" data-scale="93" src="https://freight.cargo.site/w/1000/i/625bbb224fc6fe55cb0ed24e55366b4c98e406440e4e29e206e5e9bbf29aa6c8/screenshot-1.png" /> App UX ChallengeEven though smartphones have voice over features to help visually impaired users, most apps do not consider visually impaired users when they develop the app itself. The challenges are many, so we simply had to design a seamless app for visually impaired users from the outset. We also found a systematic way to develop an app that can be used for visually impaired users. <img width="1628" height="1154" width_o="1628" height_o="1154" data-src="https://freight.cargo.site/t/original/i/d4791c03f093d5fd5e162b2a46674c777625377852484155edd48ee5b883c4a0/wireframe-1.png" data-mid="128708642" border="0" src="https://freight.cargo.site/w/1000/i/d4791c03f093d5fd5e162b2a46674c777625377852484155edd48ee5b883c4a0/wireframe-1.png" /> 02 - 06User Testing Trying It Out In The Real WorldSix people were tested from the visually impaired community. Participants were able to find what they needed easily and found that the process was simple and straightforward. Change 1 #&nbsp;Interface with two columns Before Testing After Testing <img width="229" height="408" width_o="229" height_o="408" data-src="https://freight.cargo.site/t/original/i/cdf0f5da39a513f7c0de768b7a3c2c075fe463f85fffeb727f342417aee4a038/Group-1545.png" data-mid="128708759" border="0" data-scale="27" src="https://freight.cargo.site/w/229/i/cdf0f5da39a513f7c0de768b7a3c2c075fe463f85fffeb727f342417aee4a038/Group-1545.png" /> <img width="1020" height="574" width_o="1020" height_o="574" data-src="https://freight.cargo.site/t/original/i/12e500613f172864e25e49fea9ddab7b3f9a7a8076de712df2f74b5078620655/main-screen-1-1.png" data-mid="128708772" border="0" data-scale="82" src="https://freight.cargo.site/w/1000/i/12e500613f172864e25e49fea9ddab7b3f9a7a8076de712df2f74b5078620655/main-screen-1-1.png" /> In the beginning, our interface was designed to guide users without any visual guides.But I found that Voiceover read what’s on the screen, but it cannot identify certain information, such as text box or typographic symbols. Also, it will interpret the title as two separate objects. We redesigned Ping App with a new UX method, which meant the user could touch the screen from “top to bottom ⇩” “bottom to top⇧” to completely explore all information and functions of one particular interface.The home page has two columns of information, this allow the user to explore the page by touch the both right &amp; left side of screen vertically. Change 2 # Verbal Speed Before Testing After Testing <img width="406" height="880" width_o="406" height_o="880" data-src="https://freight.cargo.site/t/original/i/3ab215252d2722fbe0043665424dee39d7af787dc4652337e4d89df4e9f25052/Frame-3-1.png" data-mid="128708889" border="0" data-scale="23" src="https://freight.cargo.site/w/406/i/3ab215252d2722fbe0043665424dee39d7af787dc4652337e4d89df4e9f25052/Frame-3-1.png" /> <img width="406" height="880" width_o="406" height_o="880" data-src="https://freight.cargo.site/t/original/i/fe9ee898ed71bc964b8ead0f5e931cb38728ff6a9cf22d40cf1f82acffb9a5c0/Frame-4-1.png" data-mid="128708905" border="0" data-scale="23" src="https://freight.cargo.site/w/406/i/fe9ee898ed71bc964b8ead0f5e931cb38728ff6a9cf22d40cf1f82acffb9a5c0/Frame-4-1.png" /> The whole process of the user’s guide and introduction was recorded according to the normal speed. In the test, we found that the speed of voice recognition was too slow for the user, making the user feel as though the device was talking too long. We then sped the vocal response, based on the user’s point of view. 03Getting Started &nbsp; &nbsp; &nbsp; &nbsp;The Audio Tracker for Visually Impaired&nbsp; &nbsp; &nbsp; &nbsp;When everything you are looking for rings&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img width="830" height="654" width_o="830" height_o="654" data-src="https://freight.cargo.site/t/original/i/743426f47c3d9006fbbed83c0d1b54a2062bb1d11397310f58390ef88b89c5de/Slide-16_9---31.png" data-mid="128709305" border="0" data-scale="55" src="https://freight.cargo.site/w/830/i/743426f47c3d9006fbbed83c0d1b54a2062bb1d11397310f58390ef88b89c5de/Slide-16_9---31.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="830" height="654" width_o="830" height_o="654" data-src="https://freight.cargo.site/t/original/i/db9c3dcbc6387041802d3bc3ce193e73ab656fd59465a68d33e049c9904fd713/Slide-16_9---20.png" data-mid="128745122" border="0" data-scale="55" src="https://freight.cargo.site/w/830/i/db9c3dcbc6387041802d3bc3ce193e73ab656fd59465a68d33e049c9904fd713/Slide-16_9---20.png" /> <img width="600" height="338" width_o="600" height_o="338" data-src="https://freight.cargo.site/t/original/i/475a7beda40eff1a86b3019a7b040e7ddb3fff0974f0ba1eff46c23c3a2f95c3/ezgif.com-video-to-gif.gif" data-mid="128745154" border="0" data-scale="89" src="https://freight.cargo.site/w/600/i/475a7beda40eff1a86b3019a7b040e7ddb3fff0974f0ba1eff46c23c3a2f95c3/ezgif.com-video-to-gif.gif" /> <img width="750" height="750" width_o="750" height_o="750" data-src="https://freight.cargo.site/t/original/i/3b52354dce35f3e588d4625a1c0dde4e697140dc6bcc66449594074beb03f2ab/download.png" data-mid="128745169" border="0" data-scale="80" src="https://freight.cargo.site/w/750/i/3b52354dce35f3e588d4625a1c0dde4e697140dc6bcc66449594074beb03f2ab/download.png" /> <img width="750" height="750" width_o="750" height_o="750" data-src="https://freight.cargo.site/t/original/i/e9db9d4031288833e3fb38762f9f12f0a0967dcfc1af38539c1d2b2e1700d78f/On-Boarding-2.png" data-mid="128745173" border="0" data-scale="79" src="https://freight.cargo.site/w/750/i/e9db9d4031288833e3fb38762f9f12f0a0967dcfc1af38539c1d2b2e1700d78f/On-Boarding-2.png" /> <img width="830" height="1010" width_o="830" height_o="1010" data-src="https://freight.cargo.site/t/original/i/592788837c32569d9c6238c7bb800a5839e7e30a53325da66437147e4e2254ae/Slide-16_9---21.png" data-mid="128745193" border="0" data-scale="54" src="https://freight.cargo.site/w/830/i/592788837c32569d9c6238c7bb800a5839e7e30a53325da66437147e4e2254ae/Slide-16_9---21.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/31e1b55938f5ef85339885767341de6f9bf95d2643762691b337d121df7dc882/main-screen-1-1.gif" data-mid="128745208" border="0" src="https://freight.cargo.site/w/1000/i/31e1b55938f5ef85339885767341de6f9bf95d2643762691b337d121df7dc882/main-screen-1-1.gif" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/d869ee6493d5f22d42ddcb5b50e4da6e3e2a664b19867cfff948b034c0e35b8b/Item-page.png" data-mid="128745221" border="0" data-scale="66" src="https://freight.cargo.site/w/1000/i/d869ee6493d5f22d42ddcb5b50e4da6e3e2a664b19867cfff948b034c0e35b8b/Item-page.png" /> <img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/83f91cda18711fd048fa1f0c32ad38c4ade5f33bb87fe7bc0851cd634b73058a/Pingtone.png" data-mid="128745227" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/83f91cda18711fd048fa1f0c32ad38c4ade5f33bb87fe7bc0851cd634b73058a/Pingtone.png" /> <img width="830" height="642" width_o="830" height_o="642" data-src="https://freight.cargo.site/t/original/i/9ca754a5e4057010a394ccbffffb82367786b529942fd1266d9b41982a6ca926/Slide-16_9---35.png" data-mid="128745391" border="0" data-scale="51" src="https://freight.cargo.site/w/830/i/9ca754a5e4057010a394ccbffffb82367786b529942fd1266d9b41982a6ca926/Slide-16_9---35.png" /> <img width="1000" height="750" width_o="1000" height_o="750" data-src="https://freight.cargo.site/t/original/i/346fbe8cf304fe3a90f8e8fa0f087d5c1b1089563016edc152e7fef77a105475/smart-assistant-interface.png" data-mid="128745424" border="0" src="https://freight.cargo.site/w/1000/i/346fbe8cf304fe3a90f8e8fa0f087d5c1b1089563016edc152e7fef77a105475/smart-assistant-interface.png" /> ︎BACK https://yyuane.com/Better-Way Mon, 03 Jan 2022 00:49:26 +0000 yyuane https://yyuane.com/Better-Way &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="1938" height="786" width_o="1938" height_o="786" data-src="https://freight.cargo.site/t/original/i/3f0ee54e6b73abb89390602517c00bbedbeea42b1caf8610d8d17c457856dd03/Group-1555.png" data-mid="128783046" border="0" src="https://freight.cargo.site/w/1000/i/3f0ee54e6b73abb89390602517c00bbedbeea42b1caf8610d8d17c457856dd03/Group-1555.png" /> &nbsp; &nbsp; Better Way&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;︎︎︎ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;01.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Project Brief&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; My Role&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;The Team&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Project Timeline&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;My Key Contributions &nbsp; &nbsp; Research&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Individual&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Sep - Dec. 2017&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Project Management &nbsp; &nbsp; UX Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;User Research &nbsp; &nbsp; UI Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Define Problem &amp; User Needs&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; User Flow &amp; Wireframe&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Prototyping&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Interaction Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; UI Design &nbsp; &nbsp; Find New Job Opportunities There’s a way to think differently about panhandling and lift people up through the dignity of work. Better way offers new job opportunities and helps restore hope to those who need it most. <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/45daee566d49a4d2e5d41176332e4e8d4c61168aa9959ee1b41518865540c7e2/render_v66-1.gif" data-mid="128783447" border="0" src="https://freight.cargo.site/w/1000/i/45daee566d49a4d2e5d41176332e4e8d4c61168aa9959ee1b41518865540c7e2/render_v66-1.gif" /> <img width="8544" height="4160" width_o="8544" height_o="4160" data-src="https://freight.cargo.site/t/original/i/c60eb31edec6e86992e76012e2a3a5ffffed0eb60a6c2c3c68defce63431ff68/Group-6127.png" data-mid="210122381" border="0" data-scale="91" src="https://freight.cargo.site/w/1000/i/c60eb31edec6e86992e76012e2a3a5ffffed0eb60a6c2c3c68defce63431ff68/Group-6127.png" /> ChallengeSixty-one thousand individuals in New York City are homeless and some have been formerly incarcerated. Most of them want to transition out of homelenessness, often believing they have no opportunities. Many find it difficult to secure a job the negative stigma of their criminal records.&nbsp; Target UserPeople re-entering the community from prisons and jails encounter barriers to employmet. And those who are experiencing homelessness, with a criminal record can be homeless longer.Some non-profit organizations provide skill training, social support, education and work experience they need to overcome those obstacles. <img width="1398" height="712" width_o="1398" height_o="712" data-src="https://freight.cargo.site/t/original/i/e805632ec2fe829ac1096a02b84d767b82a0c4396df6632c58b6dffccb9bd449/Group-625045.png" data-mid="128784030" border="0" src="https://freight.cargo.site/w/1000/i/e805632ec2fe829ac1096a02b84d767b82a0c4396df6632c58b6dffccb9bd449/Group-625045.png" /> 02-01 The Opportunity InsightsEmployment opportunities do exist for those with criminal records. Fair-chance employers actively seek people to fill jobs, giving those individuals a second chance. <img width="1645" height="713" width_o="1645" height_o="713" data-src="https://freight.cargo.site/t/original/i/e1d0aef9de0997f710ab660e0315a55a37cf492f3abc7db4845c24fc43e22756/Group-625046-1.png" data-mid="128784302" border="0" src="https://freight.cargo.site/w/1000/i/e1d0aef9de0997f710ab660e0315a55a37cf492f3abc7db4845c24fc43e22756/Group-625046-1.png" /> Insight # 1 Resource Limitation Some homeless people do not have mobile phones and internet, and they are restricted from accessing the library. Even people with mobile phones, there is a shortage of information and social knowledge. Solution: Connect the homeless with companiess that do offer second chance jobs for people with criminal records. And check the status of work information through the block sharing kiosk.&nbsp; Insight # 2 Lack of ApplicationProcess They are not confident and do not a guide for navigating each step of the job application process. They don’t know how to write a resume, coverletter, etc. Solution: Broken down the process to the basics, and here to present them with an action plan on how to apply for a job and — hopefully get an offer!&nbsp; Insight # 3Job ScamPeople who are unfamiliar with job scams are most likely to lose time and effort to them.It can be hard to tell the difference between a scam and a genuine offer. Find real job resources nearby the user and connect with users. &nbsp; 02-02 How Would It Work?Solution BETTER WAY will connect homeless and formerly incarcerated individuals with existing jobs and resources. Our pilot proposed a partnership with the website 70 Million jobs and the LinkNYC kiosk network. The platform aims to support the job application process with an accessible, friendly and simple to use interface that helps restore hope and opportunities to those who need it most. <img width="1782" height="1090" width_o="1782" height_o="1090" data-src="https://freight.cargo.site/t/original/i/d9de23010f516144782a29d1de6432658750dbcd1443b927b16cf43cc1d77380/Group-625047.png" data-mid="128785836" border="0" data-scale="94" src="https://freight.cargo.site/w/1000/i/d9de23010f516144782a29d1de6432658750dbcd1443b927b16cf43cc1d77380/Group-625047.png" /> User Journey <img width="1434" height="868" width_o="1434" height_o="868" data-src="https://freight.cargo.site/t/original/i/a86c9cce8e19ff66fd861550f1e69486588ddcb06f5811d74c2b6bbd4af0e10e/image-8.png" data-mid="128785925" border="0" src="https://freight.cargo.site/w/1000/i/a86c9cce8e19ff66fd861550f1e69486588ddcb06f5811d74c2b6bbd4af0e10e/image-8.png" /> <img width="1926" height="1694" width_o="1926" height_o="1694" data-src="https://freight.cargo.site/t/original/i/c35d422c681dcbf0e09984270d1d362e86954181f23ee0fd4b5e4a4751b2ed3f/user-journey-2.png" data-mid="128785898" border="0" data-scale="57" src="https://freight.cargo.site/w/1000/i/c35d422c681dcbf0e09984270d1d362e86954181f23ee0fd4b5e4a4751b2ed3f/user-journey-2.png" /> I began sketching LinkNYC user journey and Better Way platform screens. After a couple of design rounds, I began to test the prototype and interview homeless on the street. I found out some issues need to be solved. <img width="1746" height="662" width_o="1746" height_o="662" data-src="https://freight.cargo.site/t/original/i/3a5bcd369fa52afc47119cb3e091f414354800ad397602f8dfdc912d348b4369/process-1.png" data-mid="128785984" border="0" src="https://freight.cargo.site/w/1000/i/3a5bcd369fa52afc47119cb3e091f414354800ad397602f8dfdc912d348b4369/process-1.png" /> 02 - 03 User Testing Tring It Out In the Real WorldWhen I really took the prototype to the street and tested it for homeless people, I found that their habits and environment deviated from what I knew. For example, homeless people have different education, it takes more time to spell and type personal information. So I want to create a video resume and intrdouce themselves to solve typing problems.But I ignored the fact that recording video might also increase the time cost. It is impossible to complete the whole process in lesss than 15 mins. <img width="1486" height="658" width_o="1486" height_o="658" data-src="https://freight.cargo.site/t/original/i/533447a0135db2860e3e3ea04ea67d637346b44549ebd35712ecbbdaab6c4fa1/Group-1586.png" data-mid="128786334" border="0" src="https://freight.cargo.site/w/1000/i/533447a0135db2860e3e3ea04ea67d637346b44549ebd35712ecbbdaab6c4fa1/Group-1586.png" /> Change 1 # Location Before Testing After Testing <img width="355" height="574" width_o="355" height_o="574" data-src="https://freight.cargo.site/t/original/i/2238e3daaf192d9b29ba34dab3c3ce2736b9b56ddd77bcfaf51e0ce8d2f00e23/Group-1595-1.png" data-mid="128786609" border="0" data-scale="37" src="https://freight.cargo.site/w/355/i/2238e3daaf192d9b29ba34dab3c3ce2736b9b56ddd77bcfaf51e0ce8d2f00e23/Group-1595-1.png" /> <img width="358" height="574" width_o="358" height_o="574" data-src="https://freight.cargo.site/t/original/i/5e4b1b0ea69e556a240f9bb0a9bf2c6758fb326b954b2f7e519a2096d17147ab/Group-1599.png" data-mid="128786614" border="0" data-scale="36" src="https://freight.cargo.site/w/358/i/5e4b1b0ea69e556a240f9bb0a9bf2c6758fb326b954b2f7e519a2096d17147ab/Group-1599.png" /> LinkNYC across the fice boroughs in New York City. I want to give users the maximum freedom to choose where they want to work. But after the street interview and prototype, I found that the living are of the homeless has a fixed range. They are more likely to look work within their comfort zone. All the job opportunities are nearby them. Every LinkNYC will show the latest and newest job opportunities. Change 2 #&nbsp;Readability Before Testing After Testing <img width="355" height="574" width_o="355" height_o="574" data-src="https://freight.cargo.site/t/original/i/d0e498077df45efed1c00d4e89f6f17a5ca489e7733c176aa7baaa53c7b77db0/Group-625048.png" data-mid="128786889" border="0" data-scale="36" src="https://freight.cargo.site/w/355/i/d0e498077df45efed1c00d4e89f6f17a5ca489e7733c176aa7baaa53c7b77db0/Group-625048.png" /> <img width="355" height="574" width_o="355" height_o="574" data-src="https://freight.cargo.site/t/original/i/48b9ac811b0e76c0f8be6804c8c0aa3e79a3929e1f61bd80a766140cd09a99fc/Group-1609.png" data-mid="128786895" border="0" data-scale="35" src="https://freight.cargo.site/w/355/i/48b9ac811b0e76c0f8be6804c8c0aa3e79a3929e1f61bd80a766140cd09a99fc/Group-1609.png" /> I just thought about the typing and speed of the user. I didn’t take into account their ability to read words. The entire platform uses graphics and words to represent all jobs and presentation. Words and images describle work and display work environments to give users quick access to information. Change 3 # Full Time &amp; Temporary Jobs Before Testing After Testing <img width="355" height="574" width_o="355" height_o="574" data-src="https://freight.cargo.site/t/original/i/2e4bf8970b88af930e9a82d6f18d84830cd0768e246e63cc8ffb23c04428eff3/Group-1614.png" data-mid="128787011" border="0" data-scale="36" src="https://freight.cargo.site/w/355/i/2e4bf8970b88af930e9a82d6f18d84830cd0768e246e63cc8ffb23c04428eff3/Group-1614.png" /> <img width="354" height="574" width_o="354" height_o="574" data-src="https://freight.cargo.site/t/original/i/95e613ca384a90a8fd5700708e220bc7883fcbbe4e2e93268ebc45dd34cd3367/Group-1616.png" data-mid="128787121" border="0" data-scale="35" src="https://freight.cargo.site/w/354/i/95e613ca384a90a8fd5700708e220bc7883fcbbe4e2e93268ebc45dd34cd3367/Group-1616.png" /> The original idea is to help users looking for a full-time, stable job, to stipend for the situation. In a later interview, it was discovered that a small number of people who slept on the street had jobs. But they needed extra short-term work for themsleves or their families to survive.Some employers also said that sometimes it is true that employees resign and the employers need to find new employees immediately. 03Getting Started &nbsp; &nbsp; &nbsp; &nbsp;Search for jobs anywhere, anytime, when people need it &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; ︎BACK https://yyuane.com/Capture Fri, 07 Jan 2022 02:32:11 +0000 yyuane https://yyuane.com/Capture &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="2000" height="812" width_o="2000" height_o="812" data-src="https://freight.cargo.site/t/original/i/507e5d60b43f5251fc2e3e3a59c200f793f3b83c34d9fb8ba09564e8be9189be/1-2.png" data-mid="129294064" border="0" src="https://freight.cargo.site/w/1000/i/507e5d60b43f5251fc2e3e3a59c200f793f3b83c34d9fb8ba09564e8be9189be/1-2.png" /> &nbsp; &nbsp; Capture&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎︎︎ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;01.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Project Brief&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; My Role&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;The Team&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Project Timeline&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;My Key Contributions &nbsp; &nbsp; UX Design&nbsp; &nbsp; &nbsp; &nbsp; Individual Work&nbsp; &nbsp; Jan - Feb 2018&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Project Management &nbsp; &nbsp; UI Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Concept Research&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Game Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;UI Design&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Prototyping&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Interaction Design &nbsp; &nbsp; An Educational Game to Learn Light SourceCAPTURE is an augmented reality educational game using local multiplayer for iOS mobile devices. In the game of the capture, players discover daily objects in a whole new way.&nbsp; <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/0cfa1a109debc380468846acf087bf39f298028a08120b968bf2e76bb39a6fef/8-code.gif" data-mid="129294527" border="0" src="https://freight.cargo.site/w/960/i/0cfa1a109debc380468846acf087bf39f298028a08120b968bf2e76bb39a6fef/8-code.gif" /> <img width="1472" height="828" width_o="1472" height_o="828" data-src="https://freight.cargo.site/t/original/i/d0bbb4beb1b529b4b6f4698ad14c2fcdb88b763a9f7060ec0f0e4ca2bd5f759e/DSC_1463.jpeg" data-mid="129294903" border="0" data-scale="86" src="https://freight.cargo.site/w/1000/i/d0bbb4beb1b529b4b6f4698ad14c2fcdb88b763a9f7060ec0f0e4ca2bd5f759e/DSC_1463.jpeg" /> BackgroundLighting, both natural and artifical are one of the most important features in design, illustration and architecture. For an archiect, illustrator, or designer, natural light is an ever-changing tool that can have a transformational effect on the look and feel of any project.&nbsp; Objectives Project GoalThe goal is to connect and build a game in which players of different background understand the significance in setting where utilizing light and shadow. The objective is to explore the phone-based possibilities in a novel manner, create a phone-based interaction between members. <img width="910" height="1052" width_o="910" height_o="1052" data-src="https://freight.cargo.site/t/original/i/4797ee3cd479ad550133e16263767d225cf6740e39804da7c8fce77e4819436f/Mask-Group-3.png" data-mid="129296541" border="0" data-scale="65" src="https://freight.cargo.site/w/910/i/4797ee3cd479ad550133e16263767d225cf6740e39804da7c8fce77e4819436f/Mask-Group-3.png" /> <img width="2000" height="884" width_o="2000" height_o="884" data-src="https://freight.cargo.site/t/original/i/0e49d5cdcc194479a45d6f035cc587561af3182360cf7a685e5f5d375793a6eb/1-1.jpeg" data-mid="129293993" border="0" data-scale="66" src="https://freight.cargo.site/w/1000/i/0e49d5cdcc194479a45d6f035cc587561af3182360cf7a685e5f5d375793a6eb/1-1.jpeg" /> How to Play?The Basis of The GameAs you move around the places where you live and visit, your smartphone can vibrate to let you know when you’re near an object that you can capture. People have their phones with them at all times and are ready to take photographs of an object.Players simply go to the game on their phone and hunt for the object that is provided to them on their GPS location.Once they find the object, the player can quickly capture an object and transform it automatically into an 3D generated model. Once the 3D models are captured the player can then created personalized compositions. The creator of the composition can set the angle of the lighting that they believe to be the most visually pleasing.Other players are then tasked to match the creator’s lighting, receiving more points the closer they get to the correct angle. Correct ShadowThe game will show the plater is correct position of the light soruce and shadow, as well as the angle. Wrong ShadowWrong shadow and the position of the light. <img width="2112" height="616" width_o="2112" height_o="616" data-src="https://freight.cargo.site/t/original/i/83478787a5d4dae4ee51834a8ab4ddf440b4fa219f9ab88b419d2a1ceb00ce57/Group-625063.png" data-mid="129297722" border="0" src="https://freight.cargo.site/w/1000/i/83478787a5d4dae4ee51834a8ab4ddf440b4fa219f9ab88b419d2a1ceb00ce57/Group-625063.png" /> &nbsp;Prototype Turning Scribble To PrototypeI made a physical model of the game and watched the relationship between light, shadow, and object.&nbsp;I started sketching the flow of the whole process. The game is only a single-player and the player adjusts the light to the right place and finds the right position of the shadow. Then they get scords. The whole game depends on data to measure angles. <img width="458" height="604" width_o="458" height_o="604" data-src="https://freight.cargo.site/t/original/i/7d3eddeb6d63b47a11e06a9be5764e6d3f84373ccba605d3ce7f2762873db415/Dan257-1.png" data-mid="129300407" border="0" src="https://freight.cargo.site/w/458/i/7d3eddeb6d63b47a11e06a9be5764e6d3f84373ccba605d3ce7f2762873db415/Dan257-1.png" /> <img width="1616" height="796" width_o="1616" height_o="796" data-src="https://freight.cargo.site/t/original/i/80ca3109824b95f5813731ca8ed975efa05c27b6ad4e1bba64fe9b95d6d1fb5c/Group-625064.png" data-mid="129298234" border="0" src="https://freight.cargo.site/w/1000/i/80ca3109824b95f5813731ca8ed975efa05c27b6ad4e1bba64fe9b95d6d1fb5c/Group-625064.png" /> <img width="1474" height="924" width_o="1474" height_o="924" data-src="https://freight.cargo.site/t/original/i/83c88e41e7e5fbf67a1b704cb8eb43205544abb9598fd0abf0e59e57573d6b55/Group-625065.png" data-mid="129300729" border="0" data-scale="86" src="https://freight.cargo.site/w/1000/i/83c88e41e7e5fbf67a1b704cb8eb43205544abb9598fd0abf0e59e57573d6b55/Group-625065.png" /> &nbsp; Prototype 2 In continuing the previous design, I have rearranged the train of thought. I had a new conception of the game and made a physical game and invited strangers to come to play and got their feedback.In the beginning, I imagined that many gamers would participate in the competition and build six stages. Players adjust the lights and cast shadows one by one from stage A-B-C-D. Whoever arrives at the end first, wins. <img width="1614" height="868" width_o="1614" height_o="868" data-src="https://freight.cargo.site/t/original/i/061013a941a03fe4bb8966b6cd9a801c87539c465c263da3eb3722c6d7f3014d/Group-625066-1.png" data-mid="129301149" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/061013a941a03fe4bb8966b6cd9a801c87539c465c263da3eb3722c6d7f3014d/Group-625066-1.png" /> &nbsp;User Testing Does It Actually Work?I invitied 5 players, each one had three chances. All five players failed in the first round, physical games are not easy as I thought. Change 1 # Correct Prompt Before Testing After Testing <img width="226" height="302" width_o="226" height_o="302" data-src="https://freight.cargo.site/t/original/i/0c658e9898ad6f3dcf21a3c53e668c4cf3cd7fbaa8d7775402c4a721de67cdef/Group-625067.png" data-mid="129301490" border="0" data-scale="46" src="https://freight.cargo.site/w/226/i/0c658e9898ad6f3dcf21a3c53e668c4cf3cd7fbaa8d7775402c4a721de67cdef/Group-625067.png" /> <img width="666" height="418" width_o="666" height_o="418" data-src="https://freight.cargo.site/t/original/i/0c806c5eae0cb42f9a4b57020309c3a1edbfe12bd422ce5ad33bc422f810a1f6/Mask-Group-3.png" data-mid="129301634" border="0" src="https://freight.cargo.site/w/666/i/0c806c5eae0cb42f9a4b57020309c3a1edbfe12bd422ce5ad33bc422f810a1f6/Mask-Group-3.png" /> The boundary is not clear, the player doesn’t know how to continue the game without a clear message. Before the game starts, they player will see the correct notification.It will use visual information to convey the position of the light and the boundary of the shadow distance from the next object. Change 2 # Play At The Same Time Before Testing After Testing <img width="180" height="180" width_o="180" height_o="180" data-src="https://freight.cargo.site/t/original/i/3a618c53d558a2451cbc7b94da3b7d2f48c011431a56e86a7cc9ccf837e88851/Group-1628.png" data-mid="129301765" border="0" data-scale="29" src="https://freight.cargo.site/w/180/i/3a618c53d558a2451cbc7b94da3b7d2f48c011431a56e86a7cc9ccf837e88851/Group-1628.png" /> <img width="496" height="342" width_o="496" height_o="342" data-src="https://freight.cargo.site/t/original/i/f761965698b9ad7001f8e6f59b52b622e67de3ca349eeba13a760f6309af2516/Group-625070.png" data-mid="129301806" border="0" data-scale="99" src="https://freight.cargo.site/w/496/i/f761965698b9ad7001f8e6f59b52b622e67de3ca349eeba13a760f6309af2516/Group-625070.png" /> At first, the game was played by many players one after another. In the process of playing the game, players gradually lost interested. Players play simultaneously to increase competitiveness. Getting Started &nbsp; &nbsp; &nbsp; &nbsp;The player is alerted to the vibration of the phone and finds the target. &nbsp; &nbsp; &nbsp; The object will transform it automatically into a 3D generated model. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ︎BACK https://yyuane.com/Home Sun, 21 Mar 2021 17:58:26 +0000 yyuane https://yyuane.com/Home hi. I’m Yue Look. Play. Discover&nbsp; -Embracing a beginner’s mindset involves thinking broadly and looking closer, questioning the status quo, and discovering hidden user needs. Previously UX and Creative @ Verizon, MIT &nbsp;