DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

Cover image for โœ๏ธ Get awesome feedbacks from users
Olivier Dumas
Olivier Dumas

Posted on

โœ๏ธ Get awesome feedbacks from users

I've always though that users must be placed right in the center of every feature development. ๐Ÿง‘โ€๐Ÿ’ป ๐Ÿ‘จโ€๐Ÿ’ป ๐Ÿ‘ฉโ€๐Ÿ’ป

While I was building the MVP of stanza.dev in one month, I took the time to add one page that will allow users to give feedbacks and report bugs.

Get feedbacks asap ๐Ÿ™‹โ€โ™‚๏ธ ๐Ÿ™‹โ€โ™€๏ธ

I'm sure this seems obvious for some people but it was not for me when I launched my firsts projects. ๐Ÿคทโ€โ™‚๏ธ

Protect yourself ๐ŸŒž

As a developer it's way too easy to build new features that we (sometimes) tend to forget our users. What seems cool for you is not always cool for your users...

After coding an awesome feature for two weeks during the evening after your daily job, you deploy your new feature and no one cares. ๐Ÿคฏ

Build features without asking your users what they want is the best way to loose motivation, time, energy and quit.

Engage your users ๐Ÿ‘ทโ€โ™‚๏ธ ๐Ÿ‘ทโ€โ™€๏ธ

Alt Text

Imagine going on a website, ask for changes or for a feature that you wanna see and some weeks later it's online ! Magic right ? ๐Ÿ’ซ

Give this magic to your users, they will tell you what they want, you will work on that and they will give you love in return.

Turn haters into lovers ๐Ÿ‘น ๐Ÿ‘บ

Alt Text

Ok now imagine that you are on stanza.dev and something bother you so much, you're very angry and you have a way to express yourself.

A few minutes later, you drop a message to Stanza to tell that this website is a piece of shit and you close the tab.

A few days later, Stanza comes back to you with this brand new feature you wanted so much. And the magic comes again ๐Ÿ’ซ

Getting feedbacks ๐Ÿ‘‹

Be everywhere ๐Ÿ‘€

Alt Text

Your users should be able to give you their feedbacks (or express their hate) from everywhere on your website.

I've chosen to add a button into the navbar and one other in the bottom left of the screen that scrolls with the content.

I even added a button on my /tags page as I thought some users would want to ask for more tags at this exact place.

Alt Text

ps: I've removed these buttons from the mobile view as my feedback page is not very nice on mobile (for now) and most of my users are on computer (for now), but I must allow mobile users to give feedbacks too asap.

To do list โœ…

Alt Text

The feedbacks page of stanza.dev looks like a to do list of four columns :

  • Ideas ๐Ÿ’ก - Users can freely ask for what they want based on four tags (bugs, features, Ux, Ui).

Of course, all users of Stanza can upvote any card if they think the issue is relevant.

They can't do anything on the three following columns (apart from liking cards)

  • Todo ๐Ÿ‘€ - What we will build asap.
  • Doing ๐Ÿ’ช - What we are currently building.
  • Done ๐Ÿ™Œ - What we did.

Inform your users ๐Ÿ’ฌ

Every time a card goes from one column to another, stanza.dev sends an email to inform the user.

These are very simple emails for the moment, to include the user into the building process.

Alt Text

Alt Text

Alt Text

This is how we are getting users' feedbacks 24/7 while we are building stanza.dev.

I am sure that a lot of things can be improved and will be changed over time but at least it's working ๐Ÿคนโ€โ™‚๏ธ ๐Ÿคนโ€โ™€๏ธ

๐Ÿ‘‰ www.stanza.dev - Learn coding concepts faster.

Top comments (0)

Need a better mental model for async/await?

Check out this classic DEV post on the subject.

โญ๏ธ๐ŸŽ€ JavaScript Visualized: Promises & Async/Await

async await