Tinder-Style Survey

DT00807DT00807 Community Member Qubie ✭

Tinder-Style Survey

Hello,

I'm trying to create a survey with Tinder-style responses where responders are required to swipe right or left to indicate their choice of answer (like this: https://www.qualtrics.com/blog/ll-bean-customer-experience-surveys/).

Does anyone have experience building something like this or able to offer any advice on how to set it up?

Thanks in advance.

Best Answers

  • NiCNiC MumbaiCommunity Member Superuser ✭✭✭✭
    Accepted Answer

    Here is how you can implement Tinder style survey
    1. Understand this code which looks like this Demo
    2. Recreate similar code on Qualtrics
    3. Recode Onlike and Ondislike function to set survey responses.
    Credits - The code in the repository belongs to Dominik Weber

  • TomGTomG Raleigh, NCCommunity Member Wizard ✭✭✭✭✭
    Accepted Answer

    I've created a JavaScript that converts 2-choice single answer MC questions into Tinder style questions. I did not use the code @Anonymous24 linked to. It is based solely on the picture in the blog post. Below are links to a demo survey. If you try the demo on a touch enabled device you can try the swipe functionality. If not, you can click Agree or Disagree.

    Demo (non-preview mode)

    Demo (preview mode)

    The script has some built-in safeguards so it only applies the Tinder style if the question and page are suitable.

    Send me a private message if you are interested in using the script and willing to help cover the modest development costs.

Answers

  • SglazSglaz Seattle, WACommunity Member Qubie ✭
    edited July 2018

    I'm seeking guidance on how to implement the new Qualtrics mobile feature of swipe left/right. I found this very attractive as our team consider migrating to another platform.

    However, it seems like there isn't a resource that details how to do this. How can people find out more about this feature?

    https://www.qualtrics.com/blog/ll-bean-customer-experience-surveys/

  • SglazSglaz Seattle, WACommunity Member Qubie ✭

    I have the same question! Does anyone have any insights?

  • RTSullivanRTSullivan New Orleans, LACommunity Member Guru ✭✭

    It almost seems like it could be a custom theme so you probably would need to talk to your account manager or if you have a client success manager.

    However, if you know HTML and Javascript you could probably just implement this javascript that has 2.2K stars on github. Looks like the most popular tinder style swipe js repository.

  • NiCNiC MumbaiCommunity Member Superuser ✭✭✭✭

    @TomG said:
    I've created a JavaScript that converts 2-choice single answer MC questions into Tinder style questions. I did not use the code @Anonymous24 linked to. It is based solely on the picture in the blog post. Below are links to a demo survey. If you try the demo on a touch enabled device you can try the swipe functionality. If not, you can click Agree or Disagree.

    Demo (non-preview mode)

    Demo (preview mode)

    The script has some built-in safeguards so it only applies the Tinder style if the question and page are suitable.

    Send me a private message if you are interested in using the script and willing to help cover the modest development costs.

    The code is great just i think you might have applied the opposite event listeners to the options.

  • TomGTomG Raleigh, NCCommunity Member Wizard ✭✭✭✭✭

    @Anonymous24 - Yeah, I guess you are right...I find them confusing. Anyway, I reversed them in the demo.

  • mattyb513mattyb513 Washington DCCommunity Member Superuser ✭✭✭✭

    I've built a survey like this before and frankly, I didn't find that the juice was worth the squeeze. It's more gimmicky than anything else.

  • BrosenBrosen Tel AvivCommunity Member Qubie ✭

    Hello.
    To make a survey similar to the one in the demo, can I simply copy the text in ïndex.html" to the source, the "js" to the javascript and the text in "css" to the relevant place in "look & feel"?
    Is there anything else I should do?

  • BrosenBrosen Tel AvivCommunity Member Qubie ✭

    Another question - how do I add the photos? After inserting the code, the photos do no appear, and any attempt to add them failed. Your help is very much appreciated

  • EikepeikeEikepeike Community Member Qubie ✭

    Hey guys,
    Following up on this topic I'd like to know if someone has come up with an easy to use and easy to implement tinder-style question type?

  • @NiC , @TomG : Can you share sample survey.

Sign In to Comment