Screen Shot 2019-11-08 at 6.04.58 PM.png

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.

old-phone-.png
old old.jpg

🚨 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

unnamed.jpg
0-2.jpg

📙 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

Screen Shot 2019-11-08 at 4.54.23 PM.png
  • 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.