Collaborate with the Product Manager to comprehend the feature’s objectives, goals, and primary user benefits.
Review Whimsical Mockups
Analyze the initial mockups created by the Product Management team on Whimsical. This provides a foundational understanding of the product vision.
Research and Analysis
Depending on the complexity of the feature and the data from analysts, conduct any additional user research to ensure the design is user-centric.
Preliminary Design Discussion
Conduct pre-sprint meetings to ensure alignment with the Product Manager and analysts, discussing the Whimsical mockups, and setting the stage for the design phase.
Sprint Design Activities
Wireframing in Figma
If the Whimsical mockups require more detail or iterations, refine and expand them using Figma to get a clearer structure and layout.
High-Fidelity Prototyping in Figma
Convert wireframes into detailed high-fidelity prototypes, focusing on visual and interaction design elements.
Design Reviews on GitHub
Collaboration with Product Manager
Share the Figma links with the Product Manager via GitHub issues for feedback and ensure alignment with the product vision.
Feedback from Analysts
Through GitHub comments, analysts can provide data-driven insights and feedback on the designs.
Iteration in Figma
Make necessary design changes based on feedback received.
Design Handoff
Update GitHub
Post finalized Figma design links, assets, interaction guidelines, and any additional documentation or specifications as GitHub issues or within existing feature requests.
Communicate with Developers
Ensure developers have access to the Figma designs and understand any interactions or specific design requirements.
Post-Sprint Activities
Usability Testing
With the help of analysts, conduct usability tests on the implemented designs and gather user feedback.
Feedback Loop on GitHub
Create new issues or update existing ones based on findings from usability tests, ensuring any design enhancements are prioritized for future sprints.
Iterate in Figma
Based on usability feedback and any additional feedback from the Product Management team, iterate on designs in Figma as needed.