-
Improvement
-
Resolution: Unresolved
-
Normal
-
None
-
None
-
None
-
None
The error pages should be better designed and should contain more useful information (e.g. tell the user to refresh or go back and if persist come to the irc etc.)
A list of the error codes needed (to start):
- 400 – Bad Request
- 401 – Unauthorized
- 403 – Forbidden
- 404 – Not Found
- 500 – Server error
- 502/504 – Gateway error
- 503 – Service Unavailable (rate-limiting error instead of 429)
- Generic ("catch all")
[MBS-6250] Prettify Errorpages
I like the pencil & typograph? error_pages_phase2_400
I prefer error_pages_phase2_401-alt "can't touch this"
and error_pages_phase2_503.jpg "too much, too fast"
I do like the headphones in water idea but dislike "uh-oh" and "we broke something" - maybe try to find some music song-title or band or lyrics that fit better. imho
as for error_pages_phase2_503.jpg I love it and the image. But perhaps it's a bit more "BookBrainz" (literature) than MusicBrainz (songlyrics)?
as for error_pages_phase2_404.jpg it's fine, but I think we can do better for 404. (idk something John Cage? :D)
I like idea6 (with splitted brainz / printed circuits) and earphones in water.
Whatever is the final decision, i still prefer "400 Bad Request" over "Error 400", but with some additional text, explicit, human-oriented, including additionnal information and funny image/jokes.
But please keep error pages "light" we don't want to eat too much bandwidth.
Especially 403, don't forget we emit 35K of them per minute atm... (almost 600 per second), thanks to QNAP...
+202 to earphones in the water for any 5xx error page.
-406 to all other images so far as these are mostly based on boring error code rather than on something fun and unattended. (I still like the graphical research with printed circuits.)
I also really like the one with earphones in the glass of water. Very "there is an error+music" related, I also like the ones with soundwaves making error codes. but I'd save these for the one or two where a meta-joke like the above doesn't make sense or for situations where the error happens inside a frame or in a section of page where you'd only need a small image instead of a full page.
I also like the design of the error code in https://tickets.metabrainz.org/secure/attachment/12659/idea6-500.jpg that sort of "things are coming apart at the seams" I'd use this paled out as a background maybe?
Further I suggest we put this to the community to suggest ideas for other status codes, esp meta jokes re the error code description and relevancy to musical themes - There are many error codes with humorous potential: 300 Multiple Choices, 301 Moved Permanently, 403 Forbidden, 418 I'm a teapot (:D), 502 Bad Gateway and so on (full list: https://en.wikipedia.org/wiki/List_of_HTTP_status_codes)
As for BookBrainz, there are equally many ideas from books, a book with missing pages - censored out text on a page, etcetera.
as reo mentioned in the chat. we definitely need one with a cat (and also one with a teapot)
I love the last one with the glass of water. Sooo good. I really like the others with round speakers as well. Not keen on the ones with waveforms making the error codes.
Keep in mind at least in MB most of these error pages currently allow for an error message to be passed (for example specifying why it was a 404 or whatever).
this is my html mockup for an error page. please also read my embedded comments if any questions leave a note or here.
check out https://beta.musicbrainz.org/release/4914a9d4-aac0-4bb9-9cda-be0e6ff90db7
this is music based on status codes, they are https://creativecommons.org/licenses/by/3.0/ and the music is fairly good? https://thingsinjars.bandcamp.com/album/http-status-codes we could put an embeddable player on the appropriate page ( https://thingsinjars.bandcamp.com/track/404-not-found for 404 for example)
Great idea for ListenBrainz maybe?