In-product Feedback
UI/UX Design, 2022 - Guild Education
Guild Education provides education benefits to employees of their clients, such as Chipotle, Walmart, or Disney. Employees are able to take advantage of these benefits and go back to school with their employer paying for their education or with tuition reimbursement.
In order to provide space for users to give feedback on their experience with Guild Education's service, I iterated, tested, and designed an experience for users to give feedback in the product.
I collaborated with a User Voice representative and our Product Manager to design this solution. Adding this experience resulted in our product team gathering feedback to look for trends, catch bugs, and get suggestions for improvement.
Main Problems
We don’t consistently know when users are confused or are having difficulty navigating Guild throughout the experience.
We are not collecting any self reported user issues: bugs, or requests for new features
We don’t know when users have a great experience with Guild products.
I focused on creating a modular solution that could easily be implemented across the product and easily hidden/shown when needed.
Initial Tests
I designed 3 options for the location of the feedback link:
-
In the footer (blue)
-
At the bottom of the page (red)
-
On the side (yellow)
However, I wanted to test them each to make sure users could find them if they wanted to give feedback.
Over 2 click tests with a total of 100 participants, I asked participants, "Where would you click to give feedback on the following website?" I also asked them how easy it was to complete the task and where they would expect to find a feedback link.
Test Results
The version with the most success was the one with the link at the bottom. It had the most successful clicks, was the easiest for users to find, and aligned the most with user's expectations for a feedback link.
Said one participant,"It stands out a little more than the others."
When asked "Thinking of typical websites or desktop apps that you use, where would you expect to give feedback or submit an idea for the product? Why?", 50% of participants expected a feedback link to be near the bottom of the page, like near a "Contact us" button.
This also aligns with user preference, where the versions where the link was near the bottom were the most preferred.
Based on user testing, I continued with designing the feedback link on the bottom, defining the specs of the module and mocking up examples of how to implement it on key pages before handing it off to developers.
Conclusion
Doing this project helped me learn how to design a scalable module that could be implemented long after the project was finished without me there. It gave me the opportunity to communicate the design needs through the final files and annotations so anyone could use them.
In the end, this module led to a Slack channel that collected the user feedback coming in, and product managers were able to triage feedback and identify larger improvements to address in their future roadmaps.