Ultimately people want to share the analysis of their survey results.

We aim to empower our customers to customize their results, allowing them to add images, text, and control data placement as they see fit.

SurveyMonkey dashboard report ready to share with your audience and stakeholders

Create a report of your results and insights

Role: Lead Product Designer

Project: Analyze Reporting

Company: SurveyMonkey

Background

SurveyMonkey's shared results page was unmodifiable. Feedback indicated that allowing users to add logos, text, or brand colors would greatly benefit our customers.

I embraced the "Explorer vs. Presenter" modes from data visualization to enhance user experience empathy.

I utilized our own personas, from advanced data-savvy users to regular app users less familiar with data, to inform the exploration and discovery phases.

SurveyMonkey core platform Analyze personas for UX design

Using three low-fidelity prototypes, we gauged customer perspectives on crafting insights reports post-exploratory data analysis.

UX design cross functional workshop sprint

Design Studio Workshop

I led a series of workshops with everyone on the Analyze team to diverge on the explorations thus far, and to generate a large number of ideas that would inform design iterations.

Motion study for design of results dashboard reports
Motion study: focus interaction (with Michael Dulin, Motion Designer)

The concept for a drill-down pattern, “Fast Focus”, was later inducted into the Design System.

A notable result of the workshop was an interaction pattern that would allow the user to drill down into a chart for a more focused experience with the data.

Once we converged, I prototyped the high-fidelity user journey from creating to publishing and receiving a shared report.

Together with my User Research partner we conducted a remote test to gauge user expectations on report creation, customization, sharing, access, and naming conventions.

Flow diagram of user journey for creating a results dashboard report
User journey for creating a results dashboard

User research further guided me to refine my strategy.

The all new presentation experience allows customers to customize their data and insights into a results dashboard report.

SurveyMonkey dashboard report builder ux product designer

Annotating your data insights is easy now! Just create a new text card in your dashboard report.

SurveyMonkey dashboard report builder add a new text card
Motion study to remove a card of results dashboard reports

Multiple motion studies informed how the grid of cards should behave within the builder (with Michael Dulin, Motion Designer).

Dashboard reports builder canvas tools study

UI study to inform the builder canvas micro tools.

An entirely new set of tooling needed to be designed in addition to the higher level user journey.

Toolbar visual designs were polished.

Once we landed on the right scope of builder canvas tools, new iconography and interaction states were finalized (with Jonathan Howell, Visual Designer).

Dashboard reports builder canvas tooling visual design

It’s time to publish.

Once a user has completed their dashboard report they have the option to publish and share it out.

Publish and get share link to your results dashboard report

A published dashboard report is ready to share with just a web link.

SurveyMonkey results dashboard report shared web link

Outcome & Impact

Adoption grew as we monitored weekly published dashboards, leading us to further enhance the dashboard collaborator experience.

This project remains a career highlight for me, thanks to my design colleagues for their invaluable feedback and to the product and research teams for their relentless support in the continuous refinement.

Previous
Previous

Product Design for an Ecommerce Brand Refresh

Next
Next

Advanced Crosstab Analysis