Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

More versatile way to embed link surveys #19

Open
jobenjada opened this issue Jul 14, 2023 · 4 comments
Open

More versatile way to embed link surveys #19

jobenjada opened this issue Jul 14, 2023 · 4 comments
Assignees

Comments

@jobenjada
Copy link
Member

Is your feature request related to a problem? Please describe.
As a user, I want to embed Link Surveys full-screen on button click and slide out from the side.

Describe the solution you'd like
Build a more comprehensive embedding experience for link surveys.

Screenshots
grafik
grafik

Tasks

  1. Do some market research
  2. Include how to embed the first question of a survey in an email
  3. Make wirefires and iterate on them with our feedback
  4. Scope out the dev work into several features
  5. Assisst during the development by community members

Thanks a lot for picking this up! :))

@aryan-designs
Copy link

I'll pick this up. Thankyou!

@aryan-designs
Copy link

https://www.figma.com/file/6gtywfMneiONru4A5egbwi/Modal?type=design&node-id=128%3A209&mode=design&t=9RPdkdRLYk9iRlsE-1 @sirkotsky Need your feedbacks on this before handing it off. @jobenjada

@sirkotsky
Copy link
Collaborator

Hey folks!

I left some comments on Figma, but I think we might need to take one step back and do a research: not only on what the competitors do, but on what we want to achieve and how the information is organised.

To give you the context, when sharing a Figma file, you are presented with a number of options, but look at how the information is organised (pardon a quick sketch here):

  • you clearly have a choice between A (Invite) and B (publish)
  • you can toggle the options
  • and the CTAs are placed conveniently and are quite visible, but the large chunk of the modal is taken by the information you really need, not by the visuals
Figma Share modal window

You will see more examples of this, for instance, with Google Forms:

Google Forms share modal window

In our case, the hierarchy of information is absolutely chaotic: the CTAs are hidden somewhere at the bottom, a large chunk of the form is taken by a preview, and even understanding which option is currently selected is pretty challenging:

Screenshot 2023-08-08 at 7 50 12 PM

I would propose to do a little research, take some screenshots and gather some inspiration, but also remember the user's jobs (especially those who are experienced and will be using your components multiple times): not to preview but to embed, so the key attention should be directed accordingly.

Thank you so much for handling this! Looking forward to seeing the next iteration!


For the upcoming reviews, can I propose we record a little Loom or a prepare walkthrough of sorts for me to review? It's a bit hard to understand what's happening when reviewing the Figma boards without context.

@jobenjada
Copy link
Member Author

Hey @sirkotsky - sorry only just saw your comment

We have made some changes (moved the CTA, updated the icons, etc) and I will now hand this over to dev. The biggest chunk of work here is non UI related and I want to get this started. Given that we have a UI revamp incoming with new components, we have to touch this again once more anyways.

Good idea with the loom review and a better documentation of the research stage!

Thanks everyone! :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants