MY ROLES IN THIS PROJECT INCLUDED:
✒️ Conceptualist
🎨 Designer
🎉 Marketer
⌛️ Manager
⚙️ QA
📲 User Tester
🚧 A Time of Need
QuestionPro is a survey tool for gathering insights and analytics. The existing QuestionPro survey-taking experience was badly in need of an update.
🚨 Pain Points
The existing survey experience was:
Not mobile responsive
Heavy and visually muddled.
Often encumbered by an unrefined user interface.
Not consistent with the sleek, modern aesthetic of the QuestionPro brand
⚗️ Tools to Task
Firstly, we knew that we had a fantastic toolbox by which to draw from - a toolbox with a meticulously crafted design language that would be consistent with the look and feel inside of the product too; that is, the experience that a survey creator (and not a survey taker, like this use case) would experience.
Below is a condensed version of the design guidelines we used for the new survey experience, as well as having previously applied them to the rest of the product :
📐 Whiteboards and Sketches
📙 Survey Experience Guidelines
Clean, uniform design.
On brand, with consistent and intentional use of color, font, and size.
Intuitive, engaging user interface emphasizing clarity and cogency.
Communicative onscreen elements and simple layout.
Responsive on all devices and platforms.
🏆 User Interface Highlights
Clear navigation available at all times.
Simple, elegant gestural interface for question completion.
Dynamic informational display responsive to user interaction.
Use of color to attenuate user to interactive onscreen elements.
More informative completion display, with question numbers and progress bar.
Use of varied opacities to direct user attention to relevant question details.
Simple, clean dropdowns to seamlessly complete question components.
When question components have been answered, additional navigation appears progressively to assist user.
One question is presented at a time to enhance user focus.
👉 Interactive Prototype
🎚 Test, Test, Test
I then led testing efforts on a variety of different users to assess the effectiveness of the new survey experience.
Overwhelmingly, comprehension and engagement were high, with users responding well to the intuitive feel of the prototype.
Aesthetically, they also gravitated towards the crisp and light feel - which allowed for an elevated focus on the question material and subject matter.
🛠 Engineering & Quality Assurance
When we were confident in the validity of the prototype and the experience at large, we began a lengthy period of collaborating with the engineering team to write the project code.
The product team had regular meetings with the engineering team to measure progress and answer questions about the project.
Additionally, the product team actively participated in QA sessions and contributed to spreadsheets and other tools designed to report and fix any bugs that came up.
📈 Results
There was a stellar reception with the new survey release - both clients and survey takers were thrilled with the new look and feel of the new experience.
Major clients include Intuit, Microsoft, and Yahoo in addition to those on the banner above.
The survey experience continues to reach tens of millions of takers the world over.
Over ten million product users and 12M in annual revenue for the company.