My Design Process
During the discovery ideation phase, I do a detailed competitor study, ideate rapidly using paper wireframes, and collect as many problems from user interviews and captured data 📶metrics as possible.
During research interviews, the engineering team gets looped into the process and invited to attend all sessions that help me to gather dev feedback/insights.
After prototyping, I usually collaborate with engineers to do a feasibility check on the solution-designed and product managers to understand if this is something they think can work with the existing product and scope of work/roadmap. Product Managers are also communicated about the feasibility checks and estimations that were provided by the engineering teams.
Finale deliverable artifacts consist of research documentation, wireframes, clickable prototypes, and high-fidelity Figma/Sketch files with slices turned on for exporting.
Tools
Design: Illustration & UI graphics • Strategy & vision presentations • User flows • Concept sketches • Wireframes & mockups with Sketch, Illustrator, Figma, XD, Whimsical, Balsamiq • Motion design with Principle & Framer • Style guides & pattern/systems library
Prototyping: Rapid prototyping using Keynote & Invision • Interactive flow with HTML/CSS/JS • Figma, XD, Sketch, Framer, Invision, Atomic.io, Proto.io, Origami Studio, Principle, Jitter Video and Flinto
Research: Data analysis (AppAnnie, Analytics) • Task analysis & persona hypothesis • A/B Testing • UX Discovery & diary study • User interviews • User Testing
Collaboration/Design Leader: Organizing workshops • Facilitating design critique • Self-starter • Detail-oriented • Frontend development knowledge • Flexible • Communicative • Problem solving • Setting a vision • Leading a team • Prioritize Scope