INTRO
INTRO
CLIENT
InVision (Case Study)
PROJECT
Feature Addon
CONTRIBUTORS
Courtney Leonard - Design Director
MY ROLE
Lead UX/UI Designer
CONSTRAINTS
Two weeks
Existing design language
Designers and developers are unable use design elements from one project to another.
Create an accessible universal style guide to be used across different projects.
RESEARCH
RESEARCH
Identify product demand for a universal style guide in InVision’s Inspect tool.
Identify target market.
Identify areas of user interest and needs for a universal style guide tool.
Identify user pain points with the current local style guide in InVision’s Inspect tool.
Identify specific features necessary for designers and developers for a global style guide tool.
DEFINE
DEFINE
FEATURE MATRIX
DESIGN
DESIGN
TEST
TEST
PROTOTYPE/USABILITY TESTING
I used a combination of Invision and Skype to conduct remote usability testing.
FINDINGS
AFFINITY MAP
Using notes from my usability testing I developed an Affinity Map which helped in finding trends between different testers.
FINDINGS
ITERATE
ITERATE
SECOND ITERATION
Utilizing the insight from my usability testing and affinity maps, I reiterated my mockup and added new screens, refined my UI, and improved on my user experience. I also viewed the application using a mobile device and found several areas where readability was low due to font size, weight, and color and adjusted accordingly.
SUMMARY
SUMMARY
Using all the insight from my research and define stage I was able to develop a new feature that will allow designers and developers to access and use style guides developed for one project across many projects. This will help decrease time for both teams by reducing the time and effort in creating one for each project. The feature also helps during handover, where the developer can see and download elements from the prototype and from a previous style guide.
Using all the insight from my research and define stage I was able to develop a new feature that will allow designers and developers to access and use style guides developed for one project across many projects. This will help decrease time for both teams by reducing the time and effort in creating one for each project. The feature also helps during handover, where the developer can see and download elements from the prototype and from a previous style guide.
Other Works
© 2020 AHMED SABER