formbricks / design

Formbricks Design Team Repository.
MIT License
20 stars 3 forks source link

Summary Filtering #17

Closed jobenjada closed 1 year ago

jobenjada commented 1 year ago

Hey team!

We need comprehensive filtering on the results summary and response page.

We need filters for:

All of these filters have to work together. The filtered data should be possible to pass to the CSV download.

Here is a mockup: grafik

and mobile: grafik

And this explains how the fields would work to achieve the expected filter result: grafik grafik

Open questions:

  1. Completed Toggle: Not really consistent, not sure about the position. Could also be a dropdown next to the date range picker to make sure that this setting also influences the data for the CSV download

Super open for Feedback and suggestions 🙏

sirkotsky commented 1 year ago

Thanks @jobenjada!

In an attempt to turn it into a community–designed feature and allow others to contribute to it, let's help anyone who'd be willing to pick this up with bringing some structure to it.

SOW

For anyone who is willing to contribute to designing the filtering feature, this should be a good starting point.

Problem statement

How might we allow Formbricks users to filter responses by various parameters, gather relevant data, and export it to analyse the insights and make informed decisions?

Filtering parameters

Filters

Global filters

Apply to all results

Filters

User should be able to filter by the following parameters:

Types

@jobenjada I might need your help defining the scope here clearly: your wireframes do show that the user should be able to INCLUDE or EXCLUDE particular values, but it might be good to have a product specs in writing for this.

How you can help

Conduct a market analysis

Review our direct and indirect competitors, as well as some other platforms that provide logical and conditional formatting. For instance, Google Docs have the "Data validation" setting that is somewhat similar;

Design components

We need a very simple set of components helping select and/or toggle values. It might be dropdowns, toggle buttons, or other, better ways of switching between values.

Then, we need a good view of how filters will look on the page:

I highly recommend looking into dashboards, complex tables, and data analytics tools (tableau, powerBI, etc.) that can provide some inspiration.

Wireframes

End-to-end wireframes: how will filters look and function as part of the holistic experience, how will user export the CVS file, how will the file be named, etc.

Don't forget to think about edge cases (i.e. "nothing found", "file export failed").

Success criteria

We need to provide a smooth and pleasant experience, with low bounce rate and high usage being the core indicators.

@jobenjada to advise on the business impact.

What's in it for you

It's a great opportunity for a junior designer to tackle a complex product and showcase their skills and passion. If you're interested in taking it up, please let us know here or on our Discord

jobenjada commented 1 year ago

Is in development:

https://github.com/formbricks/formbricks/pull/474