UX / Product Design
Design Principles 🖍️
Agile Design
Agile Design is an iterative and incremental design framework that originated from software engineering. The framework enables quick feedback from diverse stakeholders in each iteration, allowing for continuous design improvement. The productive cycle, combined with prompt responses, fosters a dynamic and creative process on a fast track, keeping me motivated and engaged throughout the design process.
Human-Centered Design
Understanding stakeholders’ needs is fundamental to my design principles. At the heart of design lies the ability to solve users’ problems, and effective design requires a collaborative team effort that prioritizes stakeholder needs. By flexibly applying design principles and theories rooted in cognitive psychology, social psychology, cross-cultural studies, and human-computer interaction (HCI) research, I design products that resonate with users in various contexts and situations.
Design Thinking
The Stanford d. School has introduced a creative problem-solving methodology that I have implemented in my work. This iterative and non-linear process enables me to tackle complex problems by empathizing with target users, brainstorming, ideating, and testing solutions to meet stakeholder needs. Furthermore, I have found that this methodology promotes effective team communication, resulting in enhanced collaboration and a more streamlined workflow.
Mayer's Cognitive Theory of Multimedia Learning
Dr. Richard E. Mayer has conducted extensive research on the cognitive psychological factors that impact learning in multimedia environments. This theory posits that individuals actively process information in dual channels (visual and auditory) while dealing with limited cognitive capacity. By incorporating these insights into my design process, I strive to create engaging and effective multimedia learning experiences that optimize cognitive processing and enhance learning outcomes.
Design Tools 🖊️
UI Design
Figma, Adobe XD, Sketch, Miro, Balsamiq, InVision, Marvel
UX Research
A/B testing, affinity diagram, card sorting, contextual inquiry, diary studies, experience journey map, Google Analytics, interruption study, interviews, persona, empathy map, survey data analysis, survey design, usability testing, user testing
Media Production
Adobe Creative Cloud: After Effects, Audition, Illustrator, InDesign, Photoshop, Premiere Pro, Media Encoder; Canva, iPad digital drawing: Notes, Concepts; Descript, Tello
Design Components
accessibility, branding, digital drawing/sketching, information architecture (IA), design system, ecosystem map, moodboard, animation/motion, illustration, prototyping, wireframing, interactivity, style guide, patterns and principles, logo, mockup, task analysis, color, typography, user flow (behavior change)
Instructional Design
Articulate, Rise, Camtasia, Canvas, Moodle, Blackboard, LMSs, Piazza, Helix, Quality Matters Rubrics, Common Core State Standards, Kahoot!, Quizlet, GSuite, Vyond, Miro, CMSs
UX / Product Design Examples 🛒
8112 unique Japanese educational poker cards NFT on Ethereum, Polygon & zkSync Era
Co-found this project
#NFT #web3 #AI #iNFT #crypto #blockchain #composability #Play-to-Learn-to-Earn #gameFi
U.S. Equity Historical Timeline
An online learning module addressing the historical context of structural bias in US
Cooperate with The Urban Assembly Maker Academy
#race #socioeconomic #sexual orientation #disability #discrimination #current issue
E-Mask
An electronic mask that can show your emotion even you wear a mask during the pandemic
Cooperate with Wheat Education
#social #maker #constructionsim #soft circus #sewing #LED #detectors #pandemic
A gamified mobile application to sustain learners’ motivation in online learning
#gamification #mobile learning #motivation #online learning #MOOC tool #goal #self-regulated learning #peer learning #sense of community
A social platform supporting women in STEM community
Finalist at Columbia EdTech Innovation Award 2019
#equity #male-dominated #tech-identity #personalized #network #connections
MindSlam
An online platform fostering critical thinkers by news conversations and cultivating civil discourse
Finalist at Columbia EdTech Innovation Award 2018
#high school students #conversations #news literacy #civil education
AltaClaro Legal Education Courses
An interactive experiential legal training platform to over 40,000 attorneys
#legal #interactive #law schools #law firms #online courses #webminar #interviews
Hong Kong History Online Course
An Articulate course introducing HK historical events
#interactive #Articulate #comics #timeline #civil #history #visualization
Eva
A mobile application auto-generating student multi-modal assessments for educators
Mobile Learning Apps People's Choice Award 2017
#evaluation #curriculum #skill #MCQ #discuss #self-recording #self-constructed
CapSo
An AI application generates mind maps from screen captures.
2nd in University of International Business and Economics Entrepreneur Competition
#AI #deeplearning #LLM ##education #mindmap #STEM #learning #notetaking #screenshot
My LED Tote Bag
A DIY workshop for Grade 4-6 girls to make LED tote bags to cultivate their STEM agency
Finalist in Leaders to Leaders 72-hour Impact Challenge 2017
#maker #education #engineer #STEM #art #design
Farm²
A DIY workshop teaching Grade 4-6 girls simple coding and to make animal robots
Champion in Google Techstars Startup Weekend
#recycle #materials #open-source #affordable #underprivileged #maker #education #robotics #STEM