https://xenialin.cargo.site Xenia Lin Mon, 26 Feb 2024 00:31:40 +0000 https://xenialin.cargo.site en https://xenialin.cargo.site/Meta-Reality-Labs Tue, 20 Jun 2023 07:05:56 +0000 Xenia Lin https://xenialin.cargo.site/Meta-Reality-Labs Meta Reality Labs Oct. 2022 - Present Redmond, WA <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/2f2072c2db0c8a2566223e3e6886f1abd6c93c1d24a43cf927a0f7a7a03821ab/RL.png" data-mid="194502639" border="0" src="https://freight.cargo.site/w/1000/i/2f2072c2db0c8a2566223e3e6886f1abd6c93c1d24a43cf927a0f7a7a03821ab/RL.png" /> Role Prototyper (contract via Magnit) Team RL-Research Technical Art team RL-Research Graphics team While I can’t disclose my work at the Reality Labs Research team, I can share that I'm actively engaged in pushing the boundaries of future AR display technology and enhancing user experiences. My work encompasses a diverse array of prototyping tools, including, but not limited to, Oculus Quest, Magic Leap 2, precision motion capture system, EMG wristbands, smart glasses, and AI models. As a dedicated prototyper, I meticulously craft prototypes with a forward-looking vision, offering people a tangible glimpse into the potential future of augmented reality. Being part of the research team presents me with exciting challenges. I'm tasked with solving complex technical problems that remain uncharted, all while harnessing my imagination and creativity to seek innovative solutions in the face of ambiguity. <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/407587c822e0d39ea9e6ef761a2d032d92dfd7909b3ad880592c5fd19143d667/meta_01.png" data-mid="194499030" border="0" src="https://freight.cargo.site/w/1000/i/407587c822e0d39ea9e6ef761a2d032d92dfd7909b3ad880592c5fd19143d667/meta_01.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/46d1f48ae535d32aa3b021d58fe348550bc2c27a2afa2be719779fc66297438f/meta_04.png" data-mid="194499033" border="0" src="https://freight.cargo.site/w/1000/i/46d1f48ae535d32aa3b021d58fe348550bc2c27a2afa2be719779fc66297438f/meta_04.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/aa6db362e7cbfdf916d3d07e9c74d231bd00cba6bceac087be3de482ca5d9d61/meta_07.png" data-mid="194499036" border="0" src="https://freight.cargo.site/w/1000/i/aa6db362e7cbfdf916d3d07e9c74d231bd00cba6bceac087be3de482ca5d9d61/meta_07.png" /> https://xenialin.cargo.site/About-Me Mon, 13 Nov 2023 07:37:38 +0000 Xenia Lin https://xenialin.cargo.site/About-Me About Me from Taiwan, now in Seattle &nbsp; &nbsp;&nbsp;<img width="1280" height="1224" width_o="1280" height_o="1224" data-src="https://freight.cargo.site/t/original/i/2d82c05b31062ef2261982dc50842f1cdb324e3164310565a49270ae7305dbeb/profile_masked.png" data-mid="205404496" border="0" data-scale="91" src="https://freight.cargo.site/w/1000/i/2d82c05b31062ef2261982dc50842f1cdb324e3164310565a49270ae7305dbeb/profile_masked.png" /> 👋️ Hi, I’m Xenia. Thank you for stopping by!I'm a skilled 3D/XR engineer and interaction designer with a passion for creating immersive experiences.My background includes work experience in VR hardware testing, game development, SaaS product development, UX design, and prototyping for emerging technologies. I'm skilled in Unity, C#, and various engineering and design tools/frameworks.I'm especially interested in exploring the intersection of engineering and design, where I can create delightful and engaging experiences for users, and I strive to create intuitive and enjoyable experiences that leave a lasting impact.Feel free to reach out to me if you’d like to chat! 😀️ Experience Product Design Prototyper @ Meta, Reality Labs Research Jun 2024 - Present Prototyper @ Meta, Reality Labs Research (contract via Magnit) Oct 2022 - Jun 2024UX Product Design Intern @ TIBCO Jun 2022 - Sep 2022Research Assistant (VR/Accessibility) @ University of Washington, Accessible Computing Experiences Lab Mar 2022 - Aug 2022 Software Engineer in XR / 3D @ OSENSE Technology Aug 2020 - Aug 2021 QA Engineer, R&amp;D Advanced Creativity @ HTC Vive Jun 2018 - Nov 2019 Skills EngineeringUnity, C#, Java, Python, AR/VR, Linux, HTML, CSS, JavaScript, Babylon.js, p5.js, Git, Vue.js, React, Azure UX DesignWireframing, Rapid Prototyping, Interaction Design, Game Design, Storyboarding, Accessibility UX ResearchUsability Testing, Interview, Survey, Persona, Journey Mapping, Competitive Analysis, Heuristic Evaluation Tools &amp; PlatformsFigma, Illustrator, Sketch, Spline, Vive, Quest, HoloLens, Magic Leap, ARKit, ARCore, Blender Education MS, Human-Centered Design &amp; Engineering @ University of Washington Sep 2021 - June 2023BBA, Information Management @ National Taiwan University Sep 2014 - June 2018&nbsp; https://xenialin.cargo.site/Read-With-Me Sat, 21 Oct 2023 01:04:39 +0000 Xenia Lin https://xenialin.cargo.site/Read-With-Me Read With Me Jan. 2023 - Jun. 2023 Seattle, WA RoleUX Designer &amp; Prototyper TypeUW MS-HCDE Capstone Project Team Grace Bahn, Xenia Lin, Reese Ullas, Junchao Yang ToolsFigma, Midjourney, Unity/C#, inworld.ai, Nreal Air AR glasses ︎︎︎ Capstone Website Problem Space How can AI help students with learning disabilities (LD) improve their reading skills?Students identified below reading level are currently pulled out of the classroom to get extra reading practice with parent volunteers, increasing barriers for students to develop socially and academically with their peers. Design Solution Introducing “Read With Me”: an AI reading companion for K-5 learners aimed to help students improve their reading skills early on, while also helping them spend more time in the classroom, ultimately improving their grades, sense of belonging, and social skills. Research Process Secondary Research To gain a comprehensive understanding of the learning challenges faced by children with learning disabilities, the current teaching methodologies employed for our target audience, and the evolving landscape of artificial intelligence, our initial step involved conducting extensive secondary research. This research allowed us to establish a solid foundation in our problem domain, enabling us to effectively prepare for our upcoming interviews and focus group sessions. Semi-Structured Interviews with Parents We then conducted 5 semi-structured interviews with parents of children dealing with ADHD and/or Autism. These interviews empowered us to identify pain points via first-hand experience and stories. Focus Group with School Teachers Finally, we conducted a focus group session with school teachers. We were fortunate to have 5 passionate teachers with a combined teaching experience of over 140 years. They generously shared their experience and expertise in special education, providing insights into their daily interactions with students with LD. Additionally, through a speculative design activity, we collaborated with these teachers to envision the ideal teaching experience, weaving their perspectives into our insights. <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/1f7cd2626daee45e09679d3a1f9f093091fafe52695ecd2fa36e2c843c5b86d2/ReadWithMe_01.png" data-mid="194504200" border="0" alt="Photo with our focus group participants" data-caption="Photo with our focus group participants" src="https://freight.cargo.site/w/1000/i/1f7cd2626daee45e09679d3a1f9f093091fafe52695ecd2fa36e2c843c5b86d2/ReadWithMe_01.png" /> ︎︎︎ We did a field trip to Yakima, WA to conduct the focus group session! <img width="1808" height="784" width_o="1808" height_o="784" data-src="https://freight.cargo.site/t/original/i/d039d3da66ee2c253af2b572d268bfefbd9558a6bf85abae397c8b97583b22cf/ReadWithMe_venn_diagram.png" data-mid="194771762" border="0" src="https://freight.cargo.site/w/1000/i/d039d3da66ee2c253af2b572d268bfefbd9558a6bf85abae397c8b97583b22cf/ReadWithMe_venn_diagram.png" /> ︎︎︎ The outcome of the Venn diagram activity from our focus group Research Insights 1. Students with ADHD/Autism Face a Lack of Teacher Accommodations Students with ADHD/Autism face significant challenges in school regarding teachers and accommodations due to the lack of acceptance and understanding surrounding these diagnoses. This makes the school experience even more challenging for students with LD who prefer more structure and boundaries but cannot get the accommodations they need. “My kid has a dual ADHD/Autism diagnosis. He has a 504 plan but most teachers don’t follow it on a day-to-day basis. They just have other students to attend to.” - Parent #1, from our interview sessions “Sometimes you will have teachers who say, “I taught it but you didn’t learn it.” Or sometimes you even have teachers who don’t believe in ADHD!” - Parent #2, from our interview sessions&nbsp; “I wonder if there is something we can do to change the culture.” - Teacher #1, from our focus group, on resistance from teachers to provide accommodations for children who are on a special education plan 2. Loss of Self in Students The longer a student with LD stays in an individualized pull-out program, the more they lose their sense of self and belonging in the classroom (source).&nbsp;Students with LD who stayed in their classroom had better outcomes in grades and scores in language arts than students with LD who were pulled out from the classroom for individualized learning (source). “Our educational system tends to want to isolate them, often they are pulled out too many times. But they want to be part of the whole, they do. You can even say it’s segregated, definitely. And what you do to those individuals, they will hold and carry.” - Teacher #2, from our focus group “School isn’t made for her. When you don’t meet the norm, it’s a very difficult system to be in.” - Parent #2, from our interview sessions 3. Variation of Learning Styles Students with ADHD/Autism exhibit a wide range of learning styles and individual needs. Some may thrive with precise, step-by-step instructions, while others find visual aids and a distraction-free setting more conducive to their learning.&nbsp; Designing for students with ADHD/Autism requires consideration of their unique learning and perception styles, as well as the high degree of variation between individuals and contexts. It is important to leverage their strengths or "superpowers" to address their challenges. “Some might walk in (to the classroom) and say it’s chaos in there. It’s not. It’s kids learning there. They just need to find their own ways.” - Teacher #3, from our focus group 4. Potential of AI Teachers currently struggle to meet the needs of both general and special education students in large classrooms. AI technology can alleviate this burden by providing timely feedback tailored to individual students and breaking the spatial-temporal barrier. AI technology also presents a promising avenue to address diverse learning styles and preferences, such as offering automatic generation of step-by-step guidance, adapting contents to their learning levels, conversion of text into visual representations, and seamless integration of text-to-speech functionalities. Design Principles Based on our research insights, we defined the following design principles and requirements as our Northstar for the design solution. Intelligent and conversational Simple and intuitive Reliable and trustworthy Realistic and optimistic Ethical and safe Adaptable and personal Empowering and supportive Design Process Scoping Our design process started from scoping down our problem space to focus on helping students with their reading skills, rather than going into the systematic issues of the educational system and lack of acceptance and awareness of learning disabilities. This allowed us to come up with a practical and actionable solution in a limited time frame. Idea Generation &amp; Prioritization We then generated ideas with the Crazy 8s method and the Empathy Map and prioritized them based on selected metrics established according to our design principles. These ideas were then divided into the current spectrum and the future spectrum, based on technical viability. The current spectrum focuses on improving established reading methods. This approach is particularly pertinent because students with learning disabilities frequently find themselves withdrawn from regular classrooms for supplementary reading sessions, which can disrupt their overall class experience and sense of inclusion. In light of these considerations, our primary goal was to craft a laptop interface, given the widespread availability and usage of laptops in the current U.S. education system. The future spectrum envisions a more seamless and contextualized reading experience using novel interfaces, such as AR glasses and AI assistants. Given that ChatGPT was launched in December 2022, this project, initiated in early 2023, recognized a valuable opportunity to integrate large language models (LLMs) into the realm of educational technology. Design &amp; Prototype Finally, we built a working prototype of our design solution using Figma, Midjourney, Unity, and inworld.ai, a service that integrates LLMs and voice recognition. The power and limitations of AI can be truly exemplified through a working prototype.&nbsp;Through this tangible representation, we delved deeper into understanding how an AI teacher would engage with various inquiries, explored people's perspectives on interacting with such an AI-driven educator, and assessed the boundaries of AI's capabilities. While we did not have enough time to build a complete prototype for the future spectrum, we put our AI teacher onto the Nreal AR glasses and gave users a glimpse of what it could be like to interact with an AI teacher in AR. Design Solution Introducing “Read With Me” Our design solution focuses on the current spectrum. Using “Read With Me”, students can practice reading with an AI teacher at their convenience, anytime and anywhere.&nbsp; This approach provides them with timely and personalized feedback, all while ensuring they remain an integral part of their regular classroom experience. Our solution also aims to communicate students’ progress with school teachers and empower them to help students stay on track with their learning goals (e.g. special education plan IEPs and/or 504s). This is especially important in a mixed-ability classroom. High-Level User Flow <img width="1169" height="640" width_o="1169" height_o="640" data-src="https://freight.cargo.site/t/original/i/f1a51c9adfcd00a641a2d7d118cbff29890fc90da697b21c473dcb9a7621395c/ReadWithMe_high-level-user-flow.png" data-mid="194650205" border="0" src="https://freight.cargo.site/w/1000/i/f1a51c9adfcd00a641a2d7d118cbff29890fc90da697b21c473dcb9a7621395c/ReadWithMe_high-level-user-flow.png" /> Key User Flow Read With Me leverages the integration of AI to personalize students’ learning experiences by processing student input, generating questions based on measured abilities, and producing progress reports for teachers. This enables teachers to instruct and supplement education in a mixed-ability classroom while providing personalized tracking, feedback, and resources to students. Our solution also enables teachers to better accommodate and monitor student progress in a mixed-ability classroom through the detailed dashboard. Meanwhile, students are empowered to practice reading on their own time, build confidence, and enhance their reading skills. <img width="1350" height="487" width_o="1350" height_o="487" data-src="https://freight.cargo.site/t/original/i/4d7fe0dc5854d65dacfba5f307c46823bcc81e944797c2895bdc19fa9bac20b2/ReadWithMe_key-user-flow.png" data-mid="194650596" border="0" src="https://freight.cargo.site/w/1000/i/4d7fe0dc5854d65dacfba5f307c46823bcc81e944797c2895bdc19fa9bac20b2/ReadWithMe_key-user-flow.png" /> Key Features For Teachers 1. Generate and review reading materials of various levels <img width="1828" height="1403" width_o="1828" height_o="1403" data-src="https://freight.cargo.site/t/original/i/357fa98bbba6d5d35186578836f81fe3cb69ead971b21adce744ed0a8b35723f/ReadWithMe_features_01.png" data-mid="194770238" border="0" src="https://freight.cargo.site/w/1000/i/357fa98bbba6d5d35186578836f81fe3cb69ead971b21adce744ed0a8b35723f/ReadWithMe_features_01.png" /> 2. View student status at a glance and track student progress in a mixed-ability classroom <img width="1803" height="3142" width_o="1803" height_o="3142" data-src="https://freight.cargo.site/t/original/i/2e091c7e6d32f31ccbae9e1d49ff63ea3e6718af569bed53c2684439cdfbddc7/ReadWithMe_features_02.png" data-mid="194770240" border="0" src="https://freight.cargo.site/w/1000/i/2e091c7e6d32f31ccbae9e1d49ff63ea3e6718af569bed53c2684439cdfbddc7/ReadWithMe_features_02.png" /> 3. Customize the AI teacher, set restrictions, and monitor how students interact with AI <img width="1808" height="2192" width_o="1808" height_o="2192" data-src="https://freight.cargo.site/t/original/i/c565dbe9cb7569ce0095e66846492e15071a7f84c7504f9a9619d426439dbe0a/ReadWithMe_features_03.png" data-mid="194770241" border="0" src="https://freight.cargo.site/w/1000/i/c565dbe9cb7569ce0095e66846492e15071a7f84c7504f9a9619d426439dbe0a/ReadWithMe_features_03.png" /> Key Features For Students 1. Read aloud to the AI teacher and get timely feedback <img width="1808" height="1240" width_o="1808" height_o="1240" data-src="https://freight.cargo.site/t/original/i/ad270bfa45858e8e72e98137ab6afa1f55833b64166063302111d5bf8ae7999c/ReadWithMe_features_04.png" data-mid="194770746" border="0" src="https://freight.cargo.site/w/1000/i/ad270bfa45858e8e72e98137ab6afa1f55833b64166063302111d5bf8ae7999c/ReadWithMe_features_04.png" /> 2. Accommodations (e.g. Focus Mode) to minimize distractions <img width="1808" height="1110" width_o="1808" height_o="1110" data-src="https://freight.cargo.site/t/original/i/1f1b807b6d5a9eadb96a0ceddbc93bb122727938ae98e8de5eca424e7f31712c/ReadWithMe_features_05.png" data-mid="194770747" border="0" src="https://freight.cargo.site/w/1000/i/1f1b807b6d5a9eadb96a0ceddbc93bb122727938ae98e8de5eca424e7f31712c/ReadWithMe_features_05.png" /> 3. Practice reading comprehension with AI-generated questions based on their learning levels <img width="1808" height="1128" width_o="1808" height_o="1128" data-src="https://freight.cargo.site/t/original/i/9d2916b9052aa0ed9868ba317db1e53b67d65c32d30d38c89adf389485a5f57f/ReadWithMe_features_06.png" data-mid="194770750" border="0" src="https://freight.cargo.site/w/1000/i/9d2916b9052aa0ed9868ba317db1e53b67d65c32d30d38c89adf389485a5f57f/ReadWithMe_features_06.png" /> 4. Gamified system to encourage good reading habit <img width="1808" height="1058" width_o="1808" height_o="1058" data-src="https://freight.cargo.site/t/original/i/87ca574918f42b091b7fc456eb99b121bdb45c4ecadfb5d862dc3f3560146669/ReadWithMe_features_07.png" data-mid="194770752" border="0" src="https://freight.cargo.site/w/1000/i/87ca574918f42b091b7fc456eb99b121bdb45c4ecadfb5d862dc3f3560146669/ReadWithMe_features_07.png" /> 5. Encourage exploration of genres and subjects in reading that align with student’s interests. <img width="1808" height="692" width_o="1808" height_o="692" data-src="https://freight.cargo.site/t/original/i/7e45ff1c25f30c82dd8256d5e4175a2672352c80265cccf0270849267cc4cf68/ReadWithMe_features_08.png" data-mid="194770753" border="0" src="https://freight.cargo.site/w/1000/i/7e45ff1c25f30c82dd8256d5e4175a2672352c80265cccf0270849267cc4cf68/ReadWithMe_features_08.png" /> Reflections Explore AI With A Working Prototype &amp; AI in Its Nascent Stage Although our proposed solution incorporates AI, we acknowledge that this technology is still in its nascent stage of development. While it holds immense potential for the future, it is crucial to recognize the potential risks and negative consequences that may arise, particularly in the absence of adequate regulations and widespread awareness. Consequently, compared to only using static mock-ups, our working prototype serves not only to vividly illustrate our idea but also to empower users with a better understanding of AI, fostering meaningful discussions around this transformative technology. Incorporate Design To Raise Awareness Of AI There are risks of using AI with young children as they may be unable to distinguish AI from real humans. This can result in children trusting what the AI says even when the algorithm produces incorrect information. A potential change we could make here, aside from expecting AI technology to improve, is to have the AI avatar be non-human to make it easier for children to distinguish the AI from a real human.To bring this design to the real world also requires more awareness and education on artificial intelligence. The design should incorporate more education on this, such as including a video or a Q&amp;A section on how the AI works, what it can or cannot do, etc. This will allow teachers and parents to have a better understanding of the technology that their children are interacting with and help address their concerns. High Variability And Complexities Of Learning Disabilities Learning disabilities are extremely complex and their symptoms and severity can vary widely between individuals. They are not one condition, but many, and different contexts can also lead to within-child variability. While AI may be able to adapt to different scenarios and contexts, how well can the technology adapt remains a question, and it is even more challenging when the scenarios involve vulnerable users and reactions/behaviors that may not be well-defined for a computer to understand. Future Work Conduct evaluations on our prototype through usability testing and the established AI guidelines and iterate on our designsEvaluate and incorporate more accessibility featuresInvolve parents in the process, empower them to also be able to monitor their children’s learning progress as well as establish timely communication with teachersIncorporate features that aim to improve the awareness and understanding of the AI technology Develop the future paradigm more to explore emerging interfaces and their potential, as students with LD may benefit from these novel interfacesHow can we utilize AI further? Potentially, we can use AI perception technology to observe and predict the emotions and attention levels of students and provide real-time support accordingly. We can also utilize AI’s multi-modal capabilities, for example, converting texts to images or graphs that are easier for students to digest. Poster <img width="2400" height="3600" width_o="2400" height_o="3600" data-src="https://freight.cargo.site/t/original/i/c566f2216ba6b5cc6153677a3123cdff1cca4fcb172ea6320edcfe1e28c63cf2/ReadWithMe_poster.png" data-mid="194503223" border="0" src="https://freight.cargo.site/w/1000/i/c566f2216ba6b5cc6153677a3123cdff1cca4fcb172ea6320edcfe1e28c63cf2/ReadWithMe_poster.png" /> Capstone Showcase <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/f8218932f96d28ff73c9cfeccac1b76b9e842d24f3aa4d0451f1bc7134323859/ReadWithMe_03.png" data-mid="194504203" border="0" src="https://freight.cargo.site/w/1000/i/f8218932f96d28ff73c9cfeccac1b76b9e842d24f3aa4d0451f1bc7134323859/ReadWithMe_03.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/5d404314b9669a0f86f0fd8e89ee8029d41dbdff1b8bb6e20d3b23a9a9e60a30/ReadWithMe_04.png" data-mid="194504205" border="0" src="https://freight.cargo.site/w/1000/i/5d404314b9669a0f86f0fd8e89ee8029d41dbdff1b8bb6e20d3b23a9a9e60a30/ReadWithMe_04.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/106684a62bb761fb0acbce0c43b136c93cbf19b3dbb34e3de9dce38769fe125f/ReadWithMe_08.png" data-mid="194505261" border="0" src="https://freight.cargo.site/w/1000/i/106684a62bb761fb0acbce0c43b136c93cbf19b3dbb34e3de9dce38769fe125f/ReadWithMe_08.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/d5c2bf8ffad3a19c6847250e8f4e731c151df8275b90e2a4ace40f2a86fcd3bc/ReadWithMe_05.png" data-mid="194504196" border="0" src="https://freight.cargo.site/w/1000/i/d5c2bf8ffad3a19c6847250e8f4e731c151df8275b90e2a4ace40f2a86fcd3bc/ReadWithMe_05.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/fa96b45a325444375f4b80bd508150d23de612a9b9badb0feeabe8f105f04fea/ReadWithMe_06.png" data-mid="194504197" border="0" src="https://freight.cargo.site/w/1000/i/fa96b45a325444375f4b80bd508150d23de612a9b9badb0feeabe8f105f04fea/ReadWithMe_06.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/c63dd82f74ec741ba45013e03380aa1811ab6efc9590a177455f96d38b75a369/ReadWithMe_02.png" data-mid="194504202" border="0" src="https://freight.cargo.site/w/1000/i/c63dd82f74ec741ba45013e03380aa1811ab6efc9590a177455f96d38b75a369/ReadWithMe_02.png" /> https://xenialin.cargo.site/Digital-Fabrication Wed, 25 Oct 2023 07:26:26 +0000 Xenia Lin https://xenialin.cargo.site/Digital-Fabrication Digital Fabrication Sep. 2022 - Dec. 2022 Seattle, WA <img width="600" height="742" width_o="600" height_o="742" data-src="https://freight.cargo.site/t/original/i/3c4fa6508d6c2f0a72d16dacf1bfb0f8a61d9b5cbe6687f10febfc86fb484cfc/lamp-party.gif" data-mid="194888657" border="0" src="https://freight.cargo.site/w/600/i/3c4fa6508d6c2f0a72d16dacf1bfb0f8a61d9b5cbe6687f10febfc86fb484cfc/lamp-party.gif" /> Type HCDE 533 Digital Fabrication Class Topics 3D printing, laser cutting, 3D modeling, parametric modeling, CNC milling, Rhino, molding, casting ︎︎︎ Class Project Documentation I had a lot of fun and learned various digital fabrication techniques in this class. From laser cutting, 3D printing, CNC milling, to molding and casting, it’s interesting to learn about how things are made and be able to make them myself. Hopefully, I will make more fun stuff in the future! <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/cc940caf9f48b60cb222ef0699b429e779b1ac4b62d68263235bd56aff66ba8d/digital_fabrication_01.png" data-mid="194888984" border="0" src="https://freight.cargo.site/w/1000/i/cc940caf9f48b60cb222ef0699b429e779b1ac4b62d68263235bd56aff66ba8d/digital_fabrication_01.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/6fc4d34ad70ae476224618be3930001640f97f8d8b7196c8abaa830995736561/digital_fabrication_02.png" data-mid="194888987" border="0" src="https://freight.cargo.site/w/1000/i/6fc4d34ad70ae476224618be3930001640f97f8d8b7196c8abaa830995736561/digital_fabrication_02.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/a23c893cfd3a58d2d57aff2866b3db86d36365de1a0bc9adec6a5ed98bfc8acf/digital_fabrication_05.png" data-mid="194888995" border="0" src="https://freight.cargo.site/w/1000/i/a23c893cfd3a58d2d57aff2866b3db86d36365de1a0bc9adec6a5ed98bfc8acf/digital_fabrication_05.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/c98c55780c9cb89d2dba41a5e8d097725347f887346deb4f69ae040ddcca7d49/digital_fabrication_06.png" data-mid="194888998" border="0" src="https://freight.cargo.site/w/1000/i/c98c55780c9cb89d2dba41a5e8d097725347f887346deb4f69ae040ddcca7d49/digital_fabrication_06.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/cebd7d3888efbdee2910c5a259d231a030c959fd64215785787a1dd02f97b947/digital_fabrication_03.png" data-mid="194888990" border="0" src="https://freight.cargo.site/w/1000/i/cebd7d3888efbdee2910c5a259d231a030c959fd64215785787a1dd02f97b947/digital_fabrication_03.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/2dc36ab6ce91f8b36aa221df53d28531423a1cd1b159701193f05ebbbf8999f7/digital_fabrication_04.png" data-mid="194888992" border="0" src="https://freight.cargo.site/w/1000/i/2dc36ab6ce91f8b36aa221df53d28531423a1cd1b159701193f05ebbbf8999f7/digital_fabrication_04.png" /> https://xenialin.cargo.site/AR-Opening-Show Thu, 02 Nov 2023 04:48:21 +0000 Xenia Lin https://xenialin.cargo.site/AR-Opening-Show AR Opening Show at Citizen Sports Game 2020 Sep. 2020 - Oct. 2020 Hualien, Taiwan <img width="600" height="338" width_o="600" height_o="338" data-src="https://freight.cargo.site/t/original/i/7ab9783143b1645941ff59f9b2c7830aa80926eb3c3a2566046743c31304cd53/csg2020_gif.gif" data-mid="195627723" border="0" src="https://freight.cargo.site/w/600/i/7ab9783143b1645941ff59f9b2c7830aa80926eb3c3a2566046743c31304cd53/csg2020_gif.gif" /> RoleUnity Engineer TypeCompany Project with OSENSE Technology Platforms iOS, Android, HoloLens 2 ToolsUnity/C#, ARKit, Android Studio, Apple Xcode ︎︎︎ Google Play ︎︎︎ App Store Overview In this project, we created a stadium-scale indoor AR live opening performance for the Citizen Sports Game 2020 in Hualien City, Taiwan. Spectators could immerse themselves in the show through their mobile devices, with AR content accurately tailored to their seating locations. Furthermore, the performance was live-streamed on the stadium's large screens and broadcast nationwide. Notably, the President of Taiwan was present at the stadium, personally experiencing the show (although she didn’t wear the HoloLens as the security team was worried that a bomb might blow up on her head). Role As the Unity engineer, I was responsible for developing the AR performance app that is downloadable on the App Store and Google Play. To accommodate the live broadcasting needs, I also designed another version of the app specifically optimized for stability and ease of control during live broadcasts. Process Prototype and Iterations To ensure the accuracy and stability of the AR localization effect, I traveled to the stadium site, which was three hours away from the office, to conduct early testing. I constructed a prototype with an approximate idea of the venue's appearance and calibration process, and then refined it based on data gathered during on-site testing and measurements. The design and development process also involved frequent communication and collaboration between the government organizer, the animation vendor, and our internal team members. Given the project's tight one-month timeframe, rapid prototyping played a crucial role in gathering prompt feedback and making necessary application adjustments. <img width="1354" height="763" width_o="1354" height_o="763" data-src="https://freight.cargo.site/t/original/i/d5542cbc7846aff8b608f958abe880f10e361d235cb041fbf745469be86fae7c/ar_opening_show_11.png" data-mid="195627715" border="0" src="https://freight.cargo.site/w/1000/i/d5542cbc7846aff8b608f958abe880f10e361d235cb041fbf745469be86fae7c/ar_opening_show_11.png" /> ︎︎︎ Testing the AR localization process and accuracy on-site Designed and Developed 4 Versions of the Apps To Accommodate Needs To meet the live broadcasting requirements of this project, I designed the AR calibration process and control panel. This allowed team members responsible for camera controls to efficiently localize the AR content and make adjustments as necessary. Additionally, I created an audience version of the app, which can be downloaded from the App Store and Google Play, enabling spectators to enjoy the performance from their seating positions on their mobile phones. Lastly, we developed VIP and HoloLens 2 versions of the app to provide an immersive experience for VIP participants on stage. <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/6e155a4ca56b8a1e624e8666d25507f73a626e5fd157f388b975b9d29d9b0bc7/ar_opening_show_09.png" data-mid="195627713" border="0" src="https://freight.cargo.site/w/1000/i/6e155a4ca56b8a1e624e8666d25507f73a626e5fd157f388b975b9d29d9b0bc7/ar_opening_show_09.png" /> On-site Rehearsals and Setup We dedicated five days to on-site rehearsals and testing before the performance. Our efforts involved close coordination with the lighting, camera control, and live-streaming teams to guarantee the stability of AR localization during the performance. We also conducted tests to synchronize multiple mobile phones, ensuring that the performance could commence simultaneously for all viewers, regardless of the device they were using. This synchronization was controlled by a central backend system. <img width="1655" height="763" width_o="1655" height_o="763" data-src="https://freight.cargo.site/t/original/i/db98a3fd23fd310826ed85420463bbf6d4523f0cddc7c43ae9b7d770d8a3a67c/ar_opening_show_10.png" data-mid="195627714" border="0" src="https://freight.cargo.site/w/1000/i/db98a3fd23fd310826ed85420463bbf6d4523f0cddc7c43ae9b7d770d8a3a67c/ar_opening_show_10.png" /> ︎︎︎ Testing the synchronization of multiple mobile phones <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/0d40245029460450db8a72354fcc96b2bfe61519ce24d6d8d731ad0b17e55154/ar_opening_show_13.png" data-mid="195864590" border="0" src="https://freight.cargo.site/w/1000/i/0d40245029460450db8a72354fcc96b2bfe61519ce24d6d8d731ad0b17e55154/ar_opening_show_13.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/50f1dc697e5b0a5118df9841bd3f64fef01bf4b51c0b4e8256db437205b8e0d3/ar_opening_show_12.png" data-mid="195627716" border="0" src="https://freight.cargo.site/w/1000/i/50f1dc697e5b0a5118df9841bd3f64fef01bf4b51c0b4e8256db437205b8e0d3/ar_opening_show_12.png" /> Challenges Challenges For This Project Integrating the AR performance seamlessly with the entire stadium to create a believable effect. Although spectators cannot see the performance with their naked eyes, we've developed an app for them to view the AR effects from their phones. The main challenge here is positioning the AR animation correctly from all angles and heights within the stadium to ensure that all spectators can view the performance from any position and on any AR-enabled device. Establishing a clear user flow to guide users who may be unfamiliar with AR technology in order to create a stable AR effect. Ensuring a stable AR live performance in a large indoor venue with few feature points and changing light conditions, as we only have one shot for the live broadcast. Controlling and aligning the start time of the live performance on every device in the stadium. Dealing with very limited setup and preparation time before the actual performance, as there are other performances scheduled ahead of the AR live show. Creating a stable AR performance using low-budget equipment. Maximizing the use of the limited time available for on-site testing and setup. Hualien City is far away from Taipei, and the project must be completed within a relatively short timeframe with multiple stakeholders involved. Outcome Performance Clips <img width="600" height="338" width_o="600" height_o="338" data-src="https://freight.cargo.site/t/original/i/37e9bbeac92ab3700f74d7c923c51e6ac3123250dc2fff9a4afc945d0dc14b23/wave.gif" data-mid="195627726" border="0" src="https://freight.cargo.site/w/600/i/37e9bbeac92ab3700f74d7c923c51e6ac3123250dc2fff9a4afc945d0dc14b23/wave.gif" />︎︎︎ The event mascots stopped in front of the stage to say hi to the VIP guests <img width="600" height="338" width_o="600" height_o="338" data-src="https://freight.cargo.site/t/original/i/6abf9392a0ee67def2fc6749e5c7ea16758123fa9a37b13d3744f7f208ac9b37/robot.gif" data-mid="195627729" border="0" src="https://freight.cargo.site/w/600/i/6abf9392a0ee67def2fc6749e5c7ea16758123fa9a37b13d3744f7f208ac9b37/robot.gif" /> ︎︎︎ Cameras capturing the performance from multiple angles <img width="600" height="338" width_o="600" height_o="338" data-src="https://freight.cargo.site/t/original/i/ae4414a96c76d944e595fba5e9e06866dee29c5d923872b56ed7c7d9fc9d1af0/ending_words.gif" data-mid="195627727" border="0" src="https://freight.cargo.site/w/600/i/ae4414a96c76d944e595fba5e9e06866dee29c5d923872b56ed7c7d9fc9d1af0/ending_words.gif" /> ︎︎︎ The AR content blended with the environment App Downloads The app was #1 on the App Store in the sports category, and the performance was broadcast live nationwide by one of Taiwan's biggest public TV channels. <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/87e2606a66233ff1a8f979ceba871b53b32a1dd72bf0aa3f9ed2cdc1fdcc1686/ar_opening_show_14.png" data-mid="195946569" border="0" src="https://freight.cargo.site/w/1000/i/87e2606a66233ff1a8f979ceba871b53b32a1dd72bf0aa3f9ed2cdc1fdcc1686/ar_opening_show_14.png" /> ︎︎︎ App Store and Google Play download pages Spectator Experience The President of Taiwan also viewed the performance through the app, while the mayor viewed it with HoloLens 2. The performance was completed smoothly without any incidents or instability and was well-received by the spectators and the media.<img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/1fb1a2d4ffec49300ee8f6d72c160870cf30c203b018724a82096ab05bb7dd56/ar_opening_show_15.png" data-mid="195866122" border="0" src="https://freight.cargo.site/w/1000/i/1fb1a2d4ffec49300ee8f6d72c160870cf30c203b018724a82096ab05bb7dd56/ar_opening_show_15.png" /> ︎︎︎ President of Taiwan at the event ︎︎︎ Video clip&nbsp; provided by Taiwan Presidential Office Contributions I ensured a stable AR live performance by designing and testing the user flow and implementing intuitive, easy-to-follow guidance for users of all ages. I traveled to Hualien and conducted on-site testing multiple times to quickly adjust the AR animation scale, positioning, and user flow. This ensured seamless integration of the virtual AR performance with the physical stadium. Implemented features include: Live update of the opening show schedule Live update of the animation assets (AssetBundle) Responsive App UI supporting both iOS and Android Trigger AR live performance from the backend to align the start time Designed and implemented the AR localization methods and user flow Designed and implemented another version of the app for broadcasting controls Reflections Through this experience, I acquired a substantial amount of knowledge about AR localization and learned how to seamlessly integrate a virtual show with the physical world. Staging a performance of this magnitude demands significant teamwork, and I'm deeply grateful to everyone who dedicated their hard work to make it happen. Follow-up Study: Can we achieve more for large-scale AR live performances? As a follow-up study to this project, I looked into successful examples of AR large-scale live performances to understand what could be achieved without all the limitations on time and budget. Here are two examples I found: ︎ 2018 League of Legends World Championship <img width="1227" height="355" width_o="1227" height_o="355" data-src="https://freight.cargo.site/t/original/i/34101c98f41376db87f8246b6b05f7fb36f96cf407043b51e2cb18406290d88d/ar_opening_show_16.png" data-mid="195951005" border="0" src="https://freight.cargo.site/w/1000/i/34101c98f41376db87f8246b6b05f7fb36f96cf407043b51e2cb18406290d88d/ar_opening_show_16.png" /> (Photo credit: Riot Games) Combining real performers with virtual characters, this AR live performance brought Riot's virtual K-pop quartet, K/DA, to life. The virtual characters may not be visible to the naked eye, but they can be seen performing alongside the real singers and dancers via the official live stream. Each of the four real performers has a digital twin within the K/DA group. They recorded their dance moves through motion capture in advance, ensuring that their virtual counterparts closely resemble them, resulting in a seamlessly blended performance. The reflections of the virtual characters on stage play a crucial role in enhancing the realism of the AR effect. The League of Legends World Championship has consistently delivered stunning AR performances each year (2017, 2018, 2019, 2020). While AR serves as the primary element in their performances, it alone cannot guarantee success. The inclusion of real singers, dancers, and musicians, combined with remarkable cinematic effects, sophisticated lighting, and seamless camera movements from various angles, all contribute to making their performances a truly spectacular watch. ︎ 2020 Tokyo Olympics Closing Ceremony <img width="1227" height="407" width_o="1227" height_o="407" data-src="https://freight.cargo.site/t/original/i/53800e1c80f60d42caac5ba6be3af6e18a5e283ae270277c3b1ab425821cf58b/ar_opening_show_17.png" data-mid="195951006" border="0" src="https://freight.cargo.site/w/1000/i/53800e1c80f60d42caac5ba6be3af6e18a5e283ae270277c3b1ab425821cf58b/ar_opening_show_17.png" /> (Photo sources 1 &amp; 2) During the Tokyo Olympics 2020 closing ceremony, the live fireworks display was followed by a breathtaking AR light show. The AR light show, while invisible to the athletes inside the stadium, provided a captivating visual spectacle for television viewers. The key to its captivating appeal lay in its seamless integration with the live fireworks both visually and spatially, making it incredibly challenging to distinguish between the virtual and real effects. This event serves as yet another outstanding example of how augmented reality, or mixed reality, can achieve a heightened level of believability and enchantment when expertly integrated with physical spaces and tangible objects. <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/2e20fd8c847fc8c11588a3b3346e0107a4127ad32adc5e403a26b868b72618af/ar_opening_show_02.png" data-mid="195627706" border="0" src="https://freight.cargo.site/w/1000/i/2e20fd8c847fc8c11588a3b3346e0107a4127ad32adc5e403a26b868b72618af/ar_opening_show_02.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/8ce0a4c257c1d9154675202ade8b35aa0a7244efdda227cb68c6890d72d2731d/ar_opening_show_04.png" data-mid="195627708" border="0" src="https://freight.cargo.site/w/1000/i/8ce0a4c257c1d9154675202ade8b35aa0a7244efdda227cb68c6890d72d2731d/ar_opening_show_04.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/58a9d56f9b71858ac8cb8b26a4282c9af3a3ccaa94b291e8bb1ec96f0799a74d/ar_opening_show_07.png" data-mid="195627711" border="0" src="https://freight.cargo.site/w/1000/i/58a9d56f9b71858ac8cb8b26a4282c9af3a3ccaa94b291e8bb1ec96f0799a74d/ar_opening_show_07.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/51e14b8928c26c57b647b20812706041daf7741168d0f2bc408cb273f9200caf/ar_opening_show_06.png" data-mid="195627710" border="0" src="https://freight.cargo.site/w/1000/i/51e14b8928c26c57b647b20812706041daf7741168d0f2bc408cb273f9200caf/ar_opening_show_06.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/63feec102467a1cd02f3720acd0933df679224341e6221387dc0cab8c994b909/ar_opening_show_05.png" data-mid="195627709" border="0" src="https://freight.cargo.site/w/1000/i/63feec102467a1cd02f3720acd0933df679224341e6221387dc0cab8c994b909/ar_opening_show_05.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/3de98c14b6be8315923897a786a942a535c911ed89d95de43a9a9dce345c9854/ar_opening_show_03.png" data-mid="195627707" border="0" src="https://freight.cargo.site/w/1000/i/3de98c14b6be8315923897a786a942a535c911ed89d95de43a9a9dce345c9854/ar_opening_show_03.png" /> https://xenialin.cargo.site/OEXPO Sun, 05 Nov 2023 22:31:23 +0000 Xenia Lin https://xenialin.cargo.site/OEXPO OEXPO Oct. 2020 - Aug. 2021 Taipei, Taiwan RoleUnity Engineer TypeCompany Project with OSENSE Technology Platforms WebGL-enabled browsers on PC and mobile devices ToolsUnity/C#, Babylon.js Overview The global spread of COVID-19 transitioned trade shows and exhibitions from predominantly offline to entirely online. In response to the urgent demands of virtual exhibitions, we identified user needs and created a scalable, customizable virtual exhibition module accessible through web browsers. OEXPO offers companies the opportunity to directly engage with a diverse customer base, showcasing their products and services. Additionally, event participants can freely navigate a 3D space. Having successfully supported numerous business exhibitions organized by professional exhibition organizers (PEOs), we have expanded the module into a full-fledged SaaS product. Drawing from our experience in hosting exhibitions, this SaaS product is designed to cater to businesses of all types and sizes.&nbsp;The product was launched in Taiwan and Japan in September 2021. Role As a software engineer and 3D interaction designer, I created and developed a highly versatile 3D exhibition module. This module is not only easily customizable and scalable but also offers great performance across various devices. Beyond my technical responsibilities, I wore multiple hats within the startup, actively shaping the product planning and user experience design processes. Process The Problem How might we design an online exhibition experience that: Is performant and easy to use across devices Efficiently guides the users to the booth they want to visit Encourages interaction and communication between the visitors and booth vendors, helps them establish trust, and reduces their virtual distance during the pandemic Feels immersive and intuitive to navigate in the 3D world Project Process Overview Here is an overview of the evolving process of this project:<img width="1710" height="870" width_o="1710" height_o="870" data-src="https://freight.cargo.site/t/original/i/b0bc5c3438284d5b5014ac54948c7d43daf93ab55d80229ceea3db528f263fc1/process.png" data-mid="197638384" border="0" src="https://freight.cargo.site/w/1000/i/b0bc5c3438284d5b5014ac54948c7d43daf93ab55d80229ceea3db528f263fc1/process.png" /> Ideate And Prototype The First Version The initial version was prototyped in Unity and compiled for WebGL platforms. This version showcased the core concept of customizing the virtual booth's appearance and information for vendors, as well as enabling interaction through the virtual booth for event participants. Users can explore the virtual exhibition room and seek out vendors of interest, simulating the experience of being in a physical exhibition. <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/a40128776f36f9b404fc950a3dd898147c6ea2d90fc079fd04505c37f1a4ef14/oexpo_03.png" data-mid="195960759" border="0" src="https://freight.cargo.site/w/1000/i/a40128776f36f9b404fc950a3dd898147c6ea2d90fc079fd04505c37f1a4ef14/oexpo_03.png" /> Iterate Through Multiple Online Exhibition Events We gathered feedback and iterated on the design through hosting a series of online commercial exhibitions. While each exhibition had its unique requirements, we successfully distilled and addressed these needs, leading to the development of a customizable and scalable online exhibition module capable of supporting events with up to a thousand vendors. With the enhanced version of OEXPO, users have the flexibility to explore a commercial exhibition in two ways: either through interactive maps or by navigating the virtual expo hall rooms. The hall room module dynamically adjusts its layout to accommodate the number and various types of booths allocated to the room. Participants can engage with virtual booths in a variety of ways, including reading brochures, scheduling business calls, exchanging business cards, and making notes about products of interest. Vendors can make modifications to their booth contents on demand and interact with potential buyers through the platform. <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/a9ed6861f0a5e8dc46f798a96a70fff8d0042d527041e9274e037fb5423c6687/oexpo_07.png" data-mid="195956784" border="0" src="https://freight.cargo.site/w/1000/i/a9ed6861f0a5e8dc46f798a96a70fff8d0042d527041e9274e037fb5423c6687/oexpo_07.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/47fe3b0c87b9a4b10d524df94014b09c1059f9e267565eb250d8104b840e81c1/oexpo_08.png" data-mid="195956786" border="0" src="https://freight.cargo.site/w/1000/i/47fe3b0c87b9a4b10d524df94014b09c1059f9e267565eb250d8104b840e81c1/oexpo_08.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/009101dc2a02c8558ab32501ef903e456ad02887b0d0050de37700cb75074ebe/oexpo_05.png" data-mid="195956782" border="0" src="https://freight.cargo.site/w/1000/i/009101dc2a02c8558ab32501ef903e456ad02887b0d0050de37700cb75074ebe/oexpo_05.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/aa5b9ae0392e638fc108dabdc1bcee178546ecd005d389f8a8bf0819b91032c8/oexpo_06.png" data-mid="195956783" border="0" src="https://freight.cargo.site/w/1000/i/aa5b9ae0392e638fc108dabdc1bcee178546ecd005d389f8a8bf0819b91032c8/oexpo_06.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/017000ca0d01a9e7b1a0239af138faee22caf83f8731ce8a3ca0f4bc1aea68db/oexpo_15.png" data-mid="195956796" border="0" src="https://freight.cargo.site/w/1000/i/017000ca0d01a9e7b1a0239af138faee22caf83f8731ce8a3ca0f4bc1aea68db/oexpo_15.png" /> Improve The Performance By Switching From Unity To Babylon.js Initially, the virtual exhibition module was built in Unity. Although the performance has been optimized and can run smoothly on PC or laptop browsers, we encountered difficulties running it on mobile devices. This is because the performance of Unity WebGL is poor on mobile and is not officially supported. Therefore, I began investigating various frameworks and Web3D engines, including Three.js, Babylon.js, PlayCanvas, etc. Following thorough research and experimentation, we made the strategic decision to transition from Unity to Babylon.js. Introduce The AR Product Viewing Feature With the transition to a new development framework, we also introduced the AR product viewing feature using Google model-viewer on mobile devices. This feature empowers users to visualize the product as if it were physically present, thereby enhancing the likelihood of subsequent purchasing behavior. For businesses unfamiliar with AR technology, we facilitated connections with 3D vendors, enabling them to effortlessly create and integrate an accurate AR product model that truthfully represents their actual product. This distinctive feature sets us apart from our competitors. <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/238da7148d60b24ad88466faca68aa928551cb76f2f97adb1f657bbae7ceb308/oexpo_04.png" data-mid="195956781" border="0" src="https://freight.cargo.site/w/1000/i/238da7148d60b24ad88466faca68aa928551cb76f2f97adb1f657bbae7ceb308/oexpo_04.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/2da64c10a73d243f78239a4527f71f7e75e8222da8a2b6026613638823344293/oexpo_09.png" data-mid="195956788" border="0" src="https://freight.cargo.site/w/1000/i/2da64c10a73d243f78239a4527f71f7e75e8222da8a2b6026613638823344293/oexpo_09.png" /> Transition Into A SaaS Product Drawing on the valuable experience gained from previous commercial exhibitions and a deeper understanding of user needs, we developed our own software-as-a-service product, OEXPO, with the aim of empowering more businesses to connect with their customers online. <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/8be829d29bc22710370435959bbd8f37c6fb14467b8944ffa6ab25ed2d9c2516/oexpo_17.png" data-mid="195956798" border="0" src="https://freight.cargo.site/w/1000/i/8be829d29bc22710370435959bbd8f37c6fb14467b8944ffa6ab25ed2d9c2516/oexpo_17.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/9f88d704b9e5a6eb0b138430e782805faabba1f615bdc7d970254539cb4b316e/oexpo_16.png" data-mid="195956797" border="0" src="https://freight.cargo.site/w/1000/i/9f88d704b9e5a6eb0b138430e782805faabba1f615bdc7d970254539cb4b316e/oexpo_16.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/a0ade477ac562c9a711d5ba21c929a47e7393ba41853795e34573adfeab51558/oexpo_18.png" data-mid="195956799" border="0" src="https://freight.cargo.site/w/1000/i/a0ade477ac562c9a711d5ba21c929a47e7393ba41853795e34573adfeab51558/oexpo_18.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/b1825383cf8ae65323b997b8313cee37cfb78711819e307e25258dd364fa7979/oexpo_01.png" data-mid="195956778" border="0" src="https://freight.cargo.site/w/1000/i/b1825383cf8ae65323b997b8313cee37cfb78711819e307e25258dd364fa7979/oexpo_01.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/5e5bbe9123b6a92aaea59c8825a773307525359429621aa6e5c9fe851c92de9d/oexpo_02.png" data-mid="195956779" border="0" src="https://freight.cargo.site/w/1000/i/5e5bbe9123b6a92aaea59c8825a773307525359429621aa6e5c9fe851c92de9d/oexpo_02.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/a18d2a3d541ac2d5cd1ae83025b0d8dcb4794f50ea0127ee289d0c3551193478/oexpo_19.png" data-mid="195956800" border="0" src="https://freight.cargo.site/w/1000/i/a18d2a3d541ac2d5cd1ae83025b0d8dcb4794f50ea0127ee289d0c3551193478/oexpo_19.png" /> Challenges Challenges For This Project Find the design balance between various stakeholders, including PEOs, participating vendors, salesperson, potential buyers, visitors, etc., so that we can satisfy their needs and address their respective pain points Optimize 3D scene and achieve optimal performance and memory usage across platforms, especially low-end devices with less computing power and memory Create intuitive and accessible Web3D experience with interaction methods designed for different platforms Researched and made key design and development decisions on how the 3D world should be structured and presented Outcome Serve Multiple Commercial Exhibitions During the pandemic when physical interactions were hard to achieve, we served over 10 commercial exhibitions with over 2,000 participating vendors and over 5 million views online. We facilitated interactions between vendors and participants for large commercial exhibitions, including Computex, Meet Taipei, TTMTOS, and more, increasing their business opportunities and exposure. <img width="1584" height="637" width_o="1584" height_o="637" data-src="https://freight.cargo.site/t/original/i/f3a076f95e84b88b9aedc7f3e946a1991da326467f4cd15829c1284b1150d29d/oexpo_11.png" data-mid="195956792" border="0" src="https://freight.cargo.site/w/1000/i/f3a076f95e84b88b9aedc7f3e946a1991da326467f4cd15829c1284b1150d29d/oexpo_11.png" /> Launch “OEXPO - Smart Exhibition Solution” As A SaaS Product We successfully launched the product in Japan and Taiwan in September 2021.&nbsp; OEXPO provides businesses with the flexibility to easily customize their virtual booth, choose or switch between different booth types, and upload marketing materials directly linked to custom objects within the booth. Designed with cross-platform functionality in mind, users can intuitively navigate the 3D environment of the virtual booth on various platforms. <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/26c08f9c955b3a95f889c29e2c8af4489cc82c37cf7d6d9f2b8e29662f1e7594/oexpo_10.png" data-mid="195956790" border="0" src="https://freight.cargo.site/w/1000/i/26c08f9c955b3a95f889c29e2c8af4489cc82c37cf7d6d9f2b8e29662f1e7594/oexpo_10.png" /> Client Example - A Sushi Booth Here is an example of an online booth promoting a sushi restaurant. This example includes the online booth as well as a kiosk version for physical interactions at the store. We further utilized cameras to detect the user’s gender, age, and emotions, to improve interactivity and provide business insights to the restaurant. ︎︎︎ View The Kiosk Version Contributions Established the end-to-end experience for the 3D virtual expo environment and AR product-viewing feature in our SaaS product across different devices Developed a scalable and customizable virtual environment module. Implemented a streamlined process with technical artists, vendors and engineers for development in production Researched, designed, and prototyped the MVP of our SaaS product. Effectively collected feedback to validate the hypothesis Proactively picked up a new framework for WebGL development to break the technical bottleneck encountered during the product development process. Prepared structured courses on 3D design and development with Babylon.js and taught 15 fellow engineers with no prior 3D engine knowledge. The course received positive reviews and the students were able to quickly create prototypes after the class, which helped improved the development efficiency within the company Optimized WebGL performance by profiling, assets post-processing and other optimization techniques Reflections Development Engaging in the development of Web3D experiences across various devices has significantly broadened my knowledge base. I've come to appreciate that performance is key, and achieving optimization demands meticulous efforts and careful planning at every stage of the process. Collaborating closely with technical artists and vendors has highlighted the importance of meticulous attention to detail, especially for handling 3D assets. I've learned that by establishing precise and user-friendly specifications, the module becomes more readily scalable and customizable for future applications. Moreover, the integration of Web3D with front-end frameworks has not only deepened my understanding but also enriched my experiences in front-end development. Design Engaging in the product planning process, I've gained valuable insights into the intersection of business strategy and user experience design. It's become evident that finding a harmonious balance between business goals and user needs is a nuanced challenge that demands ongoing communication with various functional teams. A key takeaway for me has been the importance of transcending the confines of a specific role. As an engineer, I've learned the significance of judiciously sharing information and ideas to provide the entire product team with a more accurate understanding of achievable outcomes. Sometimes, technical limitations may not be fully apparent to the team, hindering effective design decisions. Through proactive research and experimentation, I've found that offering an engineering perspective allows me to advocate for the engineering team during meetings and furnish the team with crucial information for informed decision-making. <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/5cb0b538bd1d766de50ba13731471540f9b51634b9f74b0548abe212622c9200/oexpo_12.png" data-mid="195956793" border="0" src="https://freight.cargo.site/w/1000/i/5cb0b538bd1d766de50ba13731471540f9b51634b9f74b0548abe212622c9200/oexpo_12.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/086b4a8af77f34ac9c58f93d3695849f8c2951cfa55dabf05ecead846ad8aad6/oexpo_13.png" data-mid="195956794" border="0" src="https://freight.cargo.site/w/1000/i/086b4a8af77f34ac9c58f93d3695849f8c2951cfa55dabf05ecead846ad8aad6/oexpo_13.png" /> https://xenialin.cargo.site/Boiling-Point-Mobile-Game Tue, 14 Nov 2023 06:26:29 +0000 Xenia Lin https://xenialin.cargo.site/Boiling-Point-Mobile-Game Boiling Point Mobile Game Feb. 2020 - May. 2020 Taipei, Taiwan <img width="2158" height="763" width_o="2158" height_o="763" data-src="https://freight.cargo.site/t/original/i/0a218d321199c8bf1e9e6c18deec543f26df5e2d4d81847db5cdf43bd9ff8322/boiling_point_02.png" data-mid="196795802" border="0" src="https://freight.cargo.site/w/1000/i/0a218d321199c8bf1e9e6c18deec543f26df5e2d4d81847db5cdf43bd9ff8322/boiling_point_02.png" /> RoleUnity Engineer &amp; Game Designer TypeFreelance project with Boiling Point Platforms iOS &amp; Android mobile phones ToolsUnity/C#, Adobe Illustrator, itch.io Overview This is a freelance game project that is to be integrated into Boiling Point’s reward app. The customers will be able to play this game in the app while they are waiting for their seats at the restaurant. This game aims to familiarize the customers with the hot soup menu they are going to order, while also lightening up their mood during waiting time. Players can also share the game results to social media, and earn bonus reward points for outstanding results. Role I proposed several gameplay designs, built playable prototypes and discussed with the client to lock down the final game design concept and flows. Working with Boiling Point’s graphic designer, I helped to prototype and revise the graphic design assets with Illustrator to fit the needs of this game. I then implemented the game and UI with Unity. Process Research &amp; Ideation &amp; Prototypes As the client has no clear expectation on what the game will look like, I first conducted research on different types of mobile casual / cooking games to give the client a clearer view of possible game design. Based on the research and the discussion with the client, I then proposed several gameplay designs and came up with prototypes for the client to make the final decision. Outcome This project is delivered via itch.io so that the client can easily play its demo on the web privately. Unfortunately, after the alfa development stage, the client decided not to continue this project due to the impact of the pandemic. 😢 Nonetheless, I still had a wonderful time creating this game. Reflections What I’ve Learned Development-wise, I have gained more experience in developing mobile 2D games and UI with Unity. Through the game design process, I learned about how to write a game design document and also researched about similar games. To make the game challenging yet playable for all requires lots of play tests and iterations. While achieving a perfect balance takes time, I feel truly rewarding to see people enjoy playing my game. As a freelancer, I learned more about how to collaborate with vendors and clients. Under remote work conditions, active communication and clear project progress are very important. Using itch.io, I made dev log, release notes, and different versions of deliverables easily accessible for my client. In the future, I hope to utilize other project management tools to further improve communication with my clients. https://xenialin.cargo.site/TIBCO Mon, 26 Feb 2024 00:31:40 +0000 Xenia Lin https://xenialin.cargo.site/TIBCO TIBCO Cloud Marketplace XR POC Jun. 2022 - Sep. 2022 Seattle, WA <img width="2880" height="1618" width_o="2880" height_o="1618" data-src="https://freight.cargo.site/t/original/i/9484cd7479aa5d506981b559ecc287fa553f4c569a59954243bdbaed0e9d8ff3/TIBCO.png" data-mid="205449089" border="0" src="https://freight.cargo.site/w/1000/i/9484cd7479aa5d506981b559ecc287fa553f4c569a59954243bdbaed0e9d8ff3/TIBCO.png" /> RoleUX Product Design Intern ToolsFigma, Spline, Unity, Sketch ProductTIBCO Cloud Marketplace Overview Envisioning and designing for future scenarios in extended reality for enterprise iPaaS (integration Platform as a Service) platform marketplace This is a proof-of-concept project during my internship at TIBCO Software, exploring a potential future of migrating TIBCO Cloud Integration Marketplace into extended reality. Role As the only UX Product Design Intern on this project, I was responsible for the entire end-to-end UX process, including user research, ideation, and the creation of lo-fi and mid-fi prototypes using Figma and Spline. I successfully presented this exploration project to the TIBCO leadership team for feedback and iteration. Process From User Research to Ideation The slides below document the user research process and findings that inform the ideation and design solutions of this project. The user research process includes analyzing current UIs, conducting secondary research and unmoderated interviews, defining user stories, and creating personas. <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/574ece9d0bdf8876ce2aa391e530dc25f7361cfa570e04e10fa8132e96d46938/01_Title.png" data-mid="205452719" border="0" src="https://freight.cargo.site/w/1000/i/574ece9d0bdf8876ce2aa391e530dc25f7361cfa570e04e10fa8132e96d46938/01_Title.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/c17864db6213ff05752f828554982a1127f8b4a2eebdeda332e778e53b6b577e/02_Objectives.png" data-mid="205452720" border="0" src="https://freight.cargo.site/w/1000/i/c17864db6213ff05752f828554982a1127f8b4a2eebdeda332e778e53b6b577e/02_Objectives.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/3feb06d474f9951a645a00a11c8c8281fb4476435d4c1140d0c01f6ba49fe9d0/03_TIBCO-Cloud-Marketplace.png" data-mid="205452721" border="0" src="https://freight.cargo.site/w/1000/i/3feb06d474f9951a645a00a11c8c8281fb4476435d4c1140d0c01f6ba49fe9d0/03_TIBCO-Cloud-Marketplace.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/2b75703b456a17419332e18479856cfce644a446458a0fbe84214ea39baffcf7/04_Research-Questions.png" data-mid="205452722" border="0" src="https://freight.cargo.site/w/1000/i/2b75703b456a17419332e18479856cfce644a446458a0fbe84214ea39baffcf7/04_Research-Questions.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/13d39e689abd5326313e4c1a5253052ac3647ed3912c5330cd77782436206106/05_Methodology.png" data-mid="205452723" border="0" src="https://freight.cargo.site/w/1000/i/13d39e689abd5326313e4c1a5253052ac3647ed3912c5330cd77782436206106/05_Methodology.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/3af341af60ac822b7308744fce4861da1e47598bf6bd6d0894e85b0c2410e445/06_Limitations.png" data-mid="205452724" border="0" src="https://freight.cargo.site/w/1000/i/3af341af60ac822b7308744fce4861da1e47598bf6bd6d0894e85b0c2410e445/06_Limitations.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/98830c686af626c6400423c98071973ae40e95406547442a1966d00443769435/07_Findings.png" data-mid="205452725" border="0" src="https://freight.cargo.site/w/1000/i/98830c686af626c6400423c98071973ae40e95406547442a1966d00443769435/07_Findings.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/2b2821d6fedfb43d24245b0cbb7753d94baaed1a0945536f00b22e5a141500b6/08_Findings.png" data-mid="205452726" border="0" src="https://freight.cargo.site/w/1000/i/2b2821d6fedfb43d24245b0cbb7753d94baaed1a0945536f00b22e5a141500b6/08_Findings.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/613864b24499dc22e3ef81b7c0033f0d6e1f3baba7d78c477e001ef16e373b3e/09_Findings.png" data-mid="205452727" border="0" src="https://freight.cargo.site/w/1000/i/613864b24499dc22e3ef81b7c0033f0d6e1f3baba7d78c477e001ef16e373b3e/09_Findings.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/a597f06ea110333509c090b271c9ad9ffcf4a49ce9d01a5e7397e2c724ddf96a/10_Persona.png" data-mid="205452728" border="0" src="https://freight.cargo.site/w/1000/i/a597f06ea110333509c090b271c9ad9ffcf4a49ce9d01a5e7397e2c724ddf96a/10_Persona.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/a5966d23c660f3a0595dff3c73c1542106a14c7e2f4b4fc1276fc0c67e36c450/11_Concept.png" data-mid="205452729" border="0" src="https://freight.cargo.site/w/1000/i/a5966d23c660f3a0595dff3c73c1542106a14c7e2f4b4fc1276fc0c67e36c450/11_Concept.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/8ac43e249af9aee51bea4140ae3ef98e8e5ad540850289e8b8828edb6767757b/12_Concept.png" data-mid="205452730" border="0" src="https://freight.cargo.site/w/1000/i/8ac43e249af9aee51bea4140ae3ef98e8e5ad540850289e8b8828edb6767757b/12_Concept.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/2e36844a8df274af26cd548687a21ee8be4e8327a64312560cf8e427b423a8b0/13_User-story.png" data-mid="205452731" border="0" src="https://freight.cargo.site/w/1000/i/2e36844a8df274af26cd548687a21ee8be4e8327a64312560cf8e427b423a8b0/13_User-story.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/5b03bcefdf78328ed01ad8bf239ae3c4612d48f142ea040d8a15b561a7b72ae4/14_Storyboard.png" data-mid="205452732" border="0" src="https://freight.cargo.site/w/1000/i/5b03bcefdf78328ed01ad8bf239ae3c4612d48f142ea040d8a15b561a7b72ae4/14_Storyboard.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/45208dfd8ce0ed972ce1061ef07eff8f6c0cf8e7fff14279fd97c1c06737cf7b/15_Values.png" data-mid="205452733" border="0" src="https://freight.cargo.site/w/1000/i/45208dfd8ce0ed972ce1061ef07eff8f6c0cf8e7fff14279fd97c1c06737cf7b/15_Values.png" /> <img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/3a14e0d9373c88e7df25043e9eadfe6e4e1f35ac7eb07c9aa1f8077a8df519ed/16_Features.png" data-mid="205452734" border="0" src="https://freight.cargo.site/w/1000/i/3a14e0d9373c88e7df25043e9eadfe6e4e1f35ac7eb07c9aa1f8077a8df519ed/16_Features.png" /> Outcome Here is an interactive mid-fi prototype I built using Figma and Spline, showcasing a potential spatial app design for TIBCO Cloud Marketplace. You can use your mouse to interact with the prototype and imagine what it might be like using an iPaaS marketplace in extended reality. You can also view the mock-ups below to get a quick glimpse into a potential future of iPaaS in extended reality. <img width="1680" height="873" width_o="1680" height_o="873" data-src="https://freight.cargo.site/t/original/i/f82373dd6269e63fe98e27f35ef025bd947fac5cf99d0e0ecf30df63ed81aa65/mockup-v2-01.png" data-mid="205452749" border="0" src="https://freight.cargo.site/w/1000/i/f82373dd6269e63fe98e27f35ef025bd947fac5cf99d0e0ecf30df63ed81aa65/mockup-v2-01.png" /> <img width="1680" height="873" width_o="1680" height_o="873" data-src="https://freight.cargo.site/t/original/i/8c4e876d60b9b1584b45032e769813c16a28a7080821f42da89267d98009f70a/mockup-v2-02.png" data-mid="205452750" border="0" src="https://freight.cargo.site/w/1000/i/8c4e876d60b9b1584b45032e769813c16a28a7080821f42da89267d98009f70a/mockup-v2-02.png" /> <img width="1680" height="873" width_o="1680" height_o="873" data-src="https://freight.cargo.site/t/original/i/df3a28e759fc4ec553277dd2a570b9b4a80ad2e43c945165e013c0f36955f1bd/mockup-v2-03.png" data-mid="205452751" border="0" src="https://freight.cargo.site/w/1000/i/df3a28e759fc4ec553277dd2a570b9b4a80ad2e43c945165e013c0f36955f1bd/mockup-v2-03.png" /> <img width="1680" height="873" width_o="1680" height_o="873" data-src="https://freight.cargo.site/t/original/i/18d4957301a45c3c498c6d8d1964616ad4ae1f0bf80b5dd055d178e6a44ebb09/mockup-v2-04.png" data-mid="205452752" border="0" src="https://freight.cargo.site/w/1000/i/18d4957301a45c3c498c6d8d1964616ad4ae1f0bf80b5dd055d178e6a44ebb09/mockup-v2-04.png" /> <img width="1680" height="873" width_o="1680" height_o="873" data-src="https://freight.cargo.site/t/original/i/13d85aebe197b42db03cfebbab2a9d5281a6e118941244af953bfe424ee48b8c/mockup-v2-05.png" data-mid="205452753" border="0" src="https://freight.cargo.site/w/1000/i/13d85aebe197b42db03cfebbab2a9d5281a6e118941244af953bfe424ee48b8c/mockup-v2-05.png" /> <img width="1680" height="873" width_o="1680" height_o="873" data-src="https://freight.cargo.site/t/original/i/0cfc31d0c982bc6d998b9d9b7dcc5bb96b25dfbbd5c77721a0c352d25197936e/mockup-v2-06.png" data-mid="205452754" border="0" src="https://freight.cargo.site/w/1000/i/0cfc31d0c982bc6d998b9d9b7dcc5bb96b25dfbbd5c77721a0c352d25197936e/mockup-v2-06.png" /> <img width="1680" height="873" width_o="1680" height_o="873" data-src="https://freight.cargo.site/t/original/i/d96ac6bba16c8753cec090dc84b68b6485ea6cb104885a045daf1adce4742e52/mockup-v2-07.png" data-mid="205452755" border="0" src="https://freight.cargo.site/w/1000/i/d96ac6bba16c8753cec090dc84b68b6485ea6cb104885a045daf1adce4742e52/mockup-v2-07.png" /> <img width="1680" height="873" width_o="1680" height_o="873" data-src="https://freight.cargo.site/t/original/i/c21a08451f06f1b6c7a8fce122b72b7e7f4ba595bebf7c9df1ccc08061e2315a/mockup-v2-08.png" data-mid="205452756" border="0" src="https://freight.cargo.site/w/1000/i/c21a08451f06f1b6c7a8fce122b72b7e7f4ba595bebf7c9df1ccc08061e2315a/mockup-v2-08.png" /> <img width="1680" height="873" width_o="1680" height_o="873" data-src="https://freight.cargo.site/t/original/i/03cbccd720fac851c6ab65494b8cee7808e2bb9c50b856433881252690a269e8/mockup-v2-09.png" data-mid="205452757" border="0" src="https://freight.cargo.site/w/1000/i/03cbccd720fac851c6ab65494b8cee7808e2bb9c50b856433881252690a269e8/mockup-v2-09.png" /> Reflections What I’ve Learned As a designer, I had the opportunity to work on an iPaaS marketplace project, which was completely new to me. Through this project, I gained valuable insights into the pain points and user needs of the iPaaS marketplace, as well as the enterprise design architecture behind it.Additionally, I had the chance to use Spline for the first time as a prototyping tool. I found it to be a powerful tool for building and showcasing XR prototypes, and its web sharing feature allowed for fast iteration and feedback gathering.Working in a company with no prior experience in the extended reality (XR) space, I learned the importance of clearly scoping out projects and understanding user goals in order to identify valuable opportunities for integrating TIBCO's solution in the XR space. It is also crucial to communicate the purpose and thinking behind the design solution to the leadership team, as a designer, in order to influence the potential roadmap of the product. https://xenialin.cargo.site/Other-Projects Wed, 15 Nov 2023 06:05:53 +0000 Xenia Lin https://xenialin.cargo.site/Other-Projects Other Projects 2016 - Present ProjectAll Tech Is Human - Brand Identity Re-design TypeClass project (HCDE 508) RoleUX Designer <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/88616558f2d988bbde43c5c820932b6ae413ef8443b13012a3060e047de7c6e1/all_tech_02.png" data-mid="197637731" border="0" src="https://freight.cargo.site/w/1000/i/88616558f2d988bbde43c5c820932b6ae413ef8443b13012a3060e047de7c6e1/all_tech_02.png" /> <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/bbe464b3bc663a518f5f76fb4098e19bb95b95fbda094905df39996fd7038e3a/all_tech.png" data-mid="197637730" border="0" src="https://freight.cargo.site/w/1000/i/bbe464b3bc663a518f5f76fb4098e19bb95b95fbda094905df39996fd7038e3a/all_tech.png" /> ProjectElevator Simulation Type Freelance project (Client: Owlsome Tech) RoleUnity Engineer <img width="1128" height="636" width_o="1128" height_o="636" data-src="https://freight.cargo.site/t/original/i/340c44808ab48adac8da1f0d6bfffb347037e4bde2b1bbcd498295689054cbc1/elevator_sim_gif.gif" data-mid="196904919" border="0" src="https://freight.cargo.site/w/1000/i/340c44808ab48adac8da1f0d6bfffb347037e4bde2b1bbcd498295689054cbc1/elevator_sim_gif.gif" /> ProjectStay Apart Type Hackathon (Ludum Dare 46) RoleSolo Game Designer &amp; Developer <img width="1388" height="780" width_o="1388" height_o="780" data-src="https://freight.cargo.site/t/original/i/b063ca413f5e778fb7fffebac1c5c5a30b9b50ffbe03ab3de3472cd1c9d5698c/Home.jpg" data-mid="196905091" border="0" src="https://freight.cargo.site/w/1000/i/b063ca413f5e778fb7fffebac1c5c5a30b9b50ffbe03ab3de3472cd1c9d5698c/Home.jpg" /> <img width="1390" height="778" width_o="1390" height_o="778" data-src="https://freight.cargo.site/t/original/i/bc641be99020f136d1dd5014ff3348c6df74d3b7dd4a41400f806d8aa0f250c2/Crowded.jpg" data-mid="196905101" border="0" src="https://freight.cargo.site/w/1000/i/bc641be99020f136d1dd5014ff3348c6df74d3b7dd4a41400f806d8aa0f250c2/Crowded.jpg" /> ProjectSpeak With Me Type Hackathon (CitrusHack 2018 @ UC Riverside) RoleUnity Engineer &amp; Game Designer AwardsSecond Place Equipvision’s Choice Award Best Game Hack Sponsored by Gigabyte/AORUS <img width="7087" height="3983" width_o="7087" height_o="3983" data-src="https://freight.cargo.site/t/original/i/c6094817ffb59cd0f58ee7da20db0e8eeb45c42241168e3488ee6e5c9718d895/SpeakWithMe_poster.png" data-mid="196905508" border="0" src="https://freight.cargo.site/w/1000/i/c6094817ffb59cd0f58ee7da20db0e8eeb45c42241168e3488ee6e5c9718d895/SpeakWithMe_poster.png" /> <img width="923" height="920" width_o="923" height_o="920" data-src="https://freight.cargo.site/t/original/i/4638f8b603444713258a4a8785a67ecf4c7b3b52f782041a721e319b15c6a01d/IMG_8102.JPG" data-mid="196905509" border="0" src="https://freight.cargo.site/w/923/i/4638f8b603444713258a4a8785a67ecf4c7b3b52f782041a721e319b15c6a01d/IMG_8102.JPG" /> ProjectSignal Six Type Hackathon (Global Game Jam 2018 @ San Diego) RoleUnity Engineer &amp; Game Designer <img width="10480" height="5880" width_o="10480" height_o="5880" data-src="https://freight.cargo.site/t/original/i/c42299e319388c1b0459883100963adafd24743af131bad9f2a151ebad82550a/cover-02.png" data-mid="196905100" border="0" src="https://freight.cargo.site/w/1000/i/c42299e319388c1b0459883100963adafd24743af131bad9f2a151ebad82550a/cover-02.png" /> <img width="1292" height="969" width_o="1292" height_o="969" data-src="https://freight.cargo.site/t/original/i/d2f71b3c5f914de4c6737631cddb4d80f1576cc7f7a3741a72d83f0409a9a004/IMG_5870.jpg" data-mid="196905713" border="0" src="https://freight.cargo.site/w/1000/i/d2f71b3c5f914de4c6737631cddb4d80f1576cc7f7a3741a72d83f0409a9a004/IMG_5870.jpg" /> ProjectThe Tale of Ancient Tower Type Class project &amp; competition RoleUnity Engineer &amp; Game Designer AwardsFinalist, Best Campus Game - Taiwan Original X Awards 2017 <img width="1920" height="1061" width_o="1920" height_o="1061" data-src="https://freight.cargo.site/t/original/i/ae112c669f1655acf6dc659a466219922391f2f898f9f5f1fce0b4e54dbc6b03/TAT_poster.png" data-mid="196905099" border="0" src="https://freight.cargo.site/w/1000/i/ae112c669f1655acf6dc659a466219922391f2f898f9f5f1fce0b4e54dbc6b03/TAT_poster.png" /> <img width="2540" height="1431" width_o="2540" height_o="1431" data-src="https://freight.cargo.site/t/original/i/2d30fbc605e899ebaaf739ab380051bd0c0fb575425254307db9a3b2ff32079d/Screen_Shot_2019-01-05_at_4.19.32_PM.png" data-mid="196905096" border="0" src="https://freight.cargo.site/w/1000/i/2d30fbc605e899ebaaf739ab380051bd0c0fb575425254307db9a3b2ff32079d/Screen_Shot_2019-01-05_at_4.19.32_PM.png" /> https://xenialin.cargo.site/Overview Tue, 20 Jun 2023 07:05:57 +0000 Xenia Lin https://xenialin.cargo.site/Overview <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/2f2072c2db0c8a2566223e3e6886f1abd6c93c1d24a43cf927a0f7a7a03821ab/RL.png" data-mid="194502596" border="0" src="https://freight.cargo.site/w/1000/i/2f2072c2db0c8a2566223e3e6886f1abd6c93c1d24a43cf927a0f7a7a03821ab/RL.png" /> META REALITY LABS Exploring and prototyping future interactions at the Research Graphics &amp; Technical Art Team Read more Oct/22 - now Redmond, WA ︎ <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/e96d386ad03e0e9cbf928934cc16d67263e1ed75efd39d95a5f12235c5ac1c18/ReadWithMe.png" data-mid="194502597" border="0" src="https://freight.cargo.site/w/1000/i/e96d386ad03e0e9cbf928934cc16d67263e1ed75efd39d95a5f12235c5ac1c18/ReadWithMe.png" /> READ WITH ME “Read With Me” is an AI reading companion for K-5 learners aimed to help students improve their reading skills. Graduate capstone project at UW MS-HCDE. Read more Jan-Jun/23Seattle, WA ︎ <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/cebd7d3888efbdee2910c5a259d231a030c959fd64215785787a1dd02f97b947/digital_fabrication_03.png" data-mid="194889956" border="0" src="https://freight.cargo.site/w/1000/i/cebd7d3888efbdee2910c5a259d231a030c959fd64215785787a1dd02f97b947/digital_fabrication_03.png" /> DIGITAL FABRICATION A journey on digital fabrication through a series of class projects. Topics include 3D modeling, 3D printing, laser cutting, molding, casting, subtractive manufacturing, etc. Read more Sep-Dec/22Seattle, WA ︎ <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/298f7f2f03066d8874e5c3c07cbe62cce9c01e7290255f4622e1c1377b101dc6/TIBCO_thumbnail02.png" data-mid="205452997" border="0" src="https://freight.cargo.site/w/1000/i/298f7f2f03066d8874e5c3c07cbe62cce9c01e7290255f4622e1c1377b101dc6/TIBCO_thumbnail02.png" /> TIBCO Cloud Marketplace XR POC Envisioning and designing for future scenarios in extended reality for enterprise iPaaS platform marketplace. Read more Jun-Sep/22 Seattle, WA ︎ <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/97bde100f021bb42d15098ae63e4e4a5152fef928ea0600a58e6a67702f8cca0/ar_opening_show_01.png" data-mid="195627775" border="0" src="https://freight.cargo.site/w/1000/i/97bde100f021bb42d15098ae63e4e4a5152fef928ea0600a58e6a67702f8cca0/ar_opening_show_01.png" /> AR OPENING SHOW A stadium-scale, live AR show for Citizen Sports Game 2020 in Taiwan, which can be enjoyed from any angle with iOS/Android phones and HoloLens, while also being live-streamed on stadium screens and the national TV. Read more Sep-Oct/20Hualien, Taiwan ︎ <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/9f88d704b9e5a6eb0b138430e782805faabba1f615bdc7d970254539cb4b316e/oexpo_16.png" data-mid="195961584" border="0" src="https://freight.cargo.site/w/1000/i/9f88d704b9e5a6eb0b138430e782805faabba1f615bdc7d970254539cb4b316e/oexpo_16.png" /> OEXPO A scalable and customizable online virtual exhibition that can be easily accessed on the web. OEXPO has served multiple exhibitions and launched as a SaaS product. Read more Oct/20-Aug/21 Taipei, Taiwan ︎ <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/9f06c52db9d659279bb1d2b870438a2a5e4207564857b713ccf57f06939f14ad/boiling_point_01.png" data-mid="196794103" border="0" src="https://freight.cargo.site/w/1000/i/9f06c52db9d659279bb1d2b870438a2a5e4207564857b713ccf57f06939f14ad/boiling_point_01.png" /> BOILING POINT MOBILE GAME A freelance game project for Boiling Point. This mobile game aims to familiarize the customers with the hot soup menu they are going to order, while also lightening up their mood during waiting time. Read more Feb-May/20Taipei, Taiwan ︎ <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/af2097891e2f2668da6d32a42a4a8c3a7b7e9e5e73aa2a895bce3449110f825a/Vive.png" data-mid="199081282" border="0" src="https://freight.cargo.site/w/1000/i/af2097891e2f2668da6d32a42a4a8c3a7b7e9e5e73aa2a895bce3449110f825a/Vive.png" /> HTC Vive Improving VR headset user experience as a QA Engineer at R&amp;D Advanced Creativity Team Read more Jun/18-Nov/19Taipei, Taiwan ︎ <img width="1227" height="763" width_o="1227" height_o="763" data-src="https://freight.cargo.site/t/original/i/bbe464b3bc663a518f5f76fb4098e19bb95b95fbda094905df39996fd7038e3a/all_tech.png" data-mid="197637834" border="0" src="https://freight.cargo.site/w/1000/i/bbe464b3bc663a518f5f76fb4098e19bb95b95fbda094905df39996fd7038e3a/all_tech.png" /> OTHER PROJECTS Other projects from hackathons, classes, freelance projects, or personal explorations. Read more 2016 - now ︎