How To Build Custom Product Feedback Tools

Many of us have seen micro-surveys in products, prompting us for feedback after taking a specific action.

Samelogic Micro-Survey Previewer

Product Managers often use these tools to collect feedback based on specific actions users made. For example, triggering a micro-survey when a user clicks 'delete my account' to understand churn reasons.

Context Is King

There are two facets of a good micro-survey:

  1. Contextual Design - Asking for the right things at the right time.
  2. Analysis - How to act on this feedback.

There aren't many accurate contextual micro-survey products on the market. The accurate ones have a robust design, but they usually come with dashboards. They are all in one self-contained product. However, Product Managers use many tools, and adding another dashboard to their arsenal adds significant cognitive load. Most product teams end up building an in-app feedback tool instead of using an off the shelf product for this very reason.

Modular Micro-Surveys

We aim to provide a bridge between off-the-shelf and custom-built feedback tools.

Building your own: We provide NPM packages of the survey to display to the user and a designer to configure this component. For a developer, it is as simple as this:

npm i -D @samelogic/react-microsurvey

import { Microsurvey } from '@samelogic/react-microsurvey';

const options = {
  questions: [{
    title: 'Why do you want to save to the cloud?',
    description: 'Which cloud? Google, Dropbox, etc.'    
  }]
}

ReactDOM.render(<Microsurvey options={options} />

Off-the shelf hybrid: Our Micro-Survey Designer will also generate a script that allows non technical people to copy and paste this in their product page. For anyone, the script looks like this:

<script  src="https://unpkg.com/@samelogic/samelogic-js@0.0.8/dist/samelogic.min.js"></script>
<script>
    const options = {
      questions: [{
        title: 'Why do you want to save to the cloud?',
        description: 'Which cloud? Google, Dropbox, etc.'    
      }]
    };
    const samelogic = new Samelogic(options);
    samelogic.init();
</script>

note: The snippets above ignores triggering and piping data.

Design

JSON configures our survey dialogs. You can write a survey dialog and pass it to the components or use our Micro-Survey Designer.

See our documentation for more information on the features.

Analysis

By being extensible at the core, you can send micro-survey response data to any backend of choice. If it can accept a POST request, you can use it.

An example is Zapier webhooks; you can use this to collect the feedback and send it to apps such as Slack, Asana and, Google Sheets.