Bad volume sliders are a masterclass in terrible UI design

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:

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

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:

• 10 top UI trends for 2017
• The pro's guide to UI design
• 8 minimal UI designs and why they work