[SteemProjects] No project is perfect ⟹ Integration of User Feedback Tool from Sentry + custom Error Pages

in utopian-io •  10 months ago

People are saying that development of bugs-free software is almost impossible. Actually, building a bullet-proof project in my opinion should almost never be a goal (except of blockchain development, duh!).

When you want to do quick progress, you should allow yourself to do some mistakes. At least in the very first phase of the project.

Don't get me wrong, this doesn't mean that you don't have to care about quality of your code. I think I wrote enough about that in my post: "How I bankrupt my first startup by not understanding the definition of MVP - Minimum Viable Product" ;)


The point is: You should be prepared

So, to better handle those kind of inevitable situations, I worked last 2 days on those two Pull Request:

#41 - Custom Error Pages

Default look of an error page is determined by server which a project use.


image

It tells a little bit about what happen, but user might be very disappointed if he ends up on such a page. We do not want him to leave our great website, right?

Turning a bad situation into a ... funny bad situation :)

If you could prevent an error from happening, as a good developer you should do that, but in cases where you couldn't, you do not have to be super formal and serious... unless something really bad happen, like:

We detected that your account was deleted - oops, you need to create new one ¯_(ツ)_/¯

Not Found

On SteemProjects, I decided to use memes. In case a user will use a broken link, John Travolta will be surprised in similar way as he :)

rec1-6.gif

Server Error

When your server returns code 500, that means, that you really screwed something up. Where it might occur? Imagine a scenario, where user spend 5 minutes filling a long form, he submits the form.... and he got an error (what can mean, that he just lost a result of own work). Not cool, right?

For those kind of errors I decided to use more personal approach. I decided to try to show to the user, that I am really sorry, that such a moron like me didn't prevent this situation from happening.

rec1-7.gif

Yes, above you can see recording of myself, where I am trying to show, that I am really sorry and... probably this will not happen again in the future, because I already know what the problem might be.

But how can I know? Thanks to mechanism of gathering data (whole callstack, values of key variables) from the moment of error:


Selection_577.png

I integrated SteemProjects with Sentry already some time ago:

Selection_578.png

This really helps figure out, not only what wrong happen, that that something wrong happen at all? How otherwise I would know, that user encounter an error? I would need to manually go through all application logs, what is really inconvenient way of approaching this problem. Such tools like Sentry not only gathers all information, but also organize them, group similar issues and help convert those errors into a github issue with just 2 clicks.

But sometimes, even with such great tool, you can't figure out what was the root of the problem...

#65 - Intregration of User Feedback Tool from Sentry

Maybe you have already noticed this form on the gif above, but in case you didn't, here you have:

Selection_580.png

Gathered feedback from users is then attached to all logs, and it can looks like this:

Selection_581.png

Those kinds of information really speeds up bringing the quality of a software product to the user.


I hope, you will not encounter those pages on SteemProjects very often, but if you do and if you will leave me some feedback, please know that I really appreciate that! :)

Please let me know, what do you think about those kind of funny Error Pages? Do you like them or maybe they only makes you even more angry? Which websites have the most interesting error pages in your opinion? :)



Posted on Utopian.io - Rewarding Open Source Contributors

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thank you for the contribution. It has been approved.

[utopian-moderator]

I got a pretty good chuckle out of the deleted username smiley but I was rolling when I saw the gif of you realizing your mistake though. Travolta didn't do it for me. Great movie though.
I remember back when Google started doing those kinds of funny errors and it sort of helped lighten the mood a bit in a lot of circumstances. As with all things comedy though, delivery is very important.

Steemit mug <3

These error pages are awesome ;D

Hey @noisy I am @utopian-io. I have just upvoted you at 8% Power!

Achievements

  • You are generating more rewards than average for this category. Super!;)
  • Seems like you contribute quite often. AMAZING!

Suggestions

  • Contribute more often to get higher and higher rewards. I want to see you often!
  • Work on your followers to increase the votes/rewards. My vote is now primarily based on that, humans rule. Good luck!
  • Wondering why other contributions got more? I introduced a competition factor. My vote is also based on how competitive the category used is.

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Vote for my Witness. Lets GROW TOGETHER!

Screen Shot 2017-11-19 at 16.54.19.png

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x