Trickle
UI/UX Designer Work Expereince
July，2022 - Present
OVERVIEW
During the summer of 2022, I joined the Trickle Team at VisionVX as a UI/UX Design Intern. By January 2023, I have become a full-time onsite designer, engaging fully and collaborating closely with the team.
-
Standardized design system for components, text, and layout when the senior designer resigned; bridged the collaboration between design, product, and front-end teams, improving team efficiency by 25%.
-
Redesigned screenshot upload feature, enhancing user navigation and information access, leading to increased signups and securing the #1 rank on Product Hunt with over 1000 upvotes.
-
Spearheaded the development of an AI assistant feature, significantly boosting user productivity, engagement, and enhancing brand visibility.
-
Shipped 12 features by analyzing user feedback for root causes, designing variant solutions, and resolving early-stage inconsistencies in prototyping.
-
Streamlined product design strategy by conducting user research, including 3 executive interviews and 100 user surveys, while collaborating on budgeting and setting up survey protocols.
Due to privacy concerns, I would be focusing on the high-level design process.
INTODUCING Trickle !!
Trickle is Saas company targeting the North American market for cross-functional collaboration. Trickle revolutionizes screenshot management through the power of GPT-4 Vision, transcending simple summarization to decode and distill the essence of your visual captures. It leverages advanced AI to interpret, categorize, and contextualize screenshots, transforming them from mere images into concise, insightful digests. This innovative tool enhances understanding and decision-making by providing a deeper, more meaningful glance at your visual data, turning screenshots into gateways to knowledge.
What I WORKED ON…
User Research
I coordinated and led user research studies to validate our assumptions and ensure products aligned with user needs. I Informed product design strategy by identifying target users and needs through user research; conducted stakeholder interviews with executive-level managers, designed and distributed user surveys through Pollfish, budgeted with the financial department, and established internal protocols for the survey research process.
-
Identified research topic by communicating with product manager and engineering team.
-
Designed qualitative and quantitative questions that address user behaviors and thoughts.
-
Distributed, collected, and analyzed survey questions and provided research insights to update users' feedback.
User survey (pictures blurred for confidentiality)
Main Projects
Due to the time emergency, some of Trickle’s user interfaces were designed by the front-end team without the design being polished. The UI design system was unorganized and the prototypes were not aligned with the newest version.
Design System
I collaborated with front-end developers to create a new design system that consistently uses throughout the design prototypes and online version.
-
Reorganized the style guides, such as typography, colors, shadow, blur, size…etc.
-
Created new components, such as navigation, news feed cards, pinned…etc.
-
Redesign some UI tokens, such as buttons, dropdown menus, input, avatar…etc.
Buttons
Typography
Design System (pictures blurred for confidentiality)
Hi-fi Prototypes
I recreated the hi-fi prototypes to the newest updated version, which is used in later iterations. I mainly constructed the news feed page, threads page, live threads page, people page, and settings, which are the main features of Trickle.
Hi-fi Prototypes (pictures blurred for confidentiality)
Redesigned Features...
After communicating with the front-end team and managers, based on user feedback, I made some iterations for several features:
1. Settings feature
Shipped the redesign of the setting feature end-to-end, coordinated with front-end and back-end teams to ensure smooth delivery, and eliminated inconsistency from rapid development at the early prototyping stage.
Settings Feature (pictures blurred for confidentiality)
2. Live thread feature
Shipped a redesign for the live thread feature and eliminated negative feedback by analyzing user feedback to identify root causes of issues, creating 8 different options with respective benefits and drawbacks, and consulting with C-level leadership to determine the best course of action.
Live Thread Feature (pictures blurred for confidentiality)
3. Reaction button
Shipped and Redesigned the Reaction button to make the button more obvious and intuitive for users to click and use.
Reaction Button (pictures blurred for confidentiality)
REFLECTION
1. Expand your scope of knowledge.
I learned lots of front-end knowledge to have a smoother conversation with the tech team. With some front-end coding knowledge, I know how to design and caption the design to make prototypes understandable. I also learned that to be a great designer, I need to not only take the design perspective but also stand in engineers’ and managers’ perspectives. This experience shaped me as a team player and sharpened my communication skills.
​
2. A design System is essential for the team to unify design elements.
I have to admit that I have a very basic understanding of the design system before this project. I learned a lot from creating the design system and also improved my Figma skills. A good design system can make the iterations easier later and unify the design as a whole.