Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  
Rss Bot

Bad volume sliders are a masterclass in terrible UI design

Recommended Posts

We've all been faced with egregious examples of UI design at times. They're infuriating if you actually have to deal with them. But if they're not actively preventing you from doing something they can be entertaining, and can even provide useful tips on how not to do things.

So, what happens when coders and designers deliberately set out to create staggeringly bad UI? Well, that's exactly what's been happening recently over on Reddit.

It started with an innocent enough post in r/ProgrammerHumor, asking, "Who can make the best volume slider?" and accompanied by this fantastic GIF:

piRZHXYfAEKX5NY9G64ewV.gif

Oh. Oh my word. Who could possibly top this?

This being the internet, things got swiftly out of hand, as this cavalcade of crimes against usability will attest.

NTgcf3uDaVNXxiiaBrWU6W.gif

'Hold my beer'

WGt7LnR6EU9dWCjqgyydzV.gif

Actual genius

YsyFSz2Nq2TEcJbD5BPjvV.jpg

Actually, yeah, why not?

z4e6MaC9QFirHMp37gDjwV.gif

There's probably a 'dicey' pun in this one

Y7VJr3hK2E5jjreppTPq2W.gif

Fun for all the family

szqSe2MspLrXnerLhhKbyV.gif

Literally pumping up the volume

6wdB9kBS9GBfA8Yyy5XPwV.jpg

10/10, would definitely use

jCFoUcRZCD3ji4GvNZRyvV.gif

It's the bad colour choice that really make this one pop

FWTZTBL5E2aGV7y4Wsi4wV.jpg

But what if you want a volume of more than 90?

Not content with merely creating images and animated GIFs, someone's even gone to the trouble of making a (sort of) working version of one of our favourites – click and hold the speaker icon to play.

Brilliant. If you're after some excellent tips on how not to do UI, or just want to see more usability hilarity, head over to r/Programmers, where the dreadful sliders are still coming in thick and fast.

Related articles:

View the full article

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×