The different ways to screw UX by Example

The different ways you could screw UX demonstrated with Volumesliders

Here is a fine collection of different possibilitys r/ProgrammerHumor/ came up with to screw the UX of a Volume Slider

Volumes should be unique (https://www.reddit.com/user/NeverMakesMistkes) [video width=“680” height=“322” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/BadUnluckyCrossbill.webm”\]\[/video\]

Volume “control” (https://www.reddit.com/user/HizkiFW/) [video width=“274” height=“127” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/SmartPaleAfricanparadiseflycatcher.webm”\]\[/video\]

All these sliders are great, but they’re so insecure! (https://www.reddit.com/user/Guy691)

Volume Snake (https://www.reddit.com/user/Jaeyuuji)

Volume control for mathematicians (https://www.reddit.com/user/luiz_eldorado) [video width=“544” height=“304” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/LastingIllfatedHedgehog.webm”\]\[/video\]

My volume slider is working properly (https://www.reddit.com/user/guihori)

Evasive Volume Slider (https://www.reddit.com/user/TromezHuezar) [video width=“648” height=“650” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/BlackandwhiteAggressiveGalapagostortoise.webm”\]\[/video\]

Hope your screen size isn’t too small … (https://www.reddit.com/user/downiedowndown)

Adjusting volume should be exciting (https://www.reddit.com/user/nimbim)

Advanced Volume Control! (https://www.reddit.com/user/AuthorFilms)

No need to overcomplicate things with the volume sliders. The classic approach is surely the best. (https://www.reddit.com/user/MKorostoff)

Picking the volume you want shouldn’t be easy! (https://www.reddit.com/user/jasperarmstrong) [video width=“424” height=“312” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/PoorFeminineAmberpenshell.webm”\]\[/video\]

Secure Volume Slider (https://www.reddit.com/user/spilla)

Volume in digits of Pi (https://www.reddit.com/user/renixreborn) [video width=“894” height=“320” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/UnconsciousSaltyKitfox.webm”\]\[/video\]

I hate when people don’t think before operating my volume selector (https://www.reddit.com/user/acidr4in) [video width=“900” height=“466” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/VastEllipticalGrassspider.webm”\]\[/video\]

Volume Generator in dB (https://www.reddit.com/user/CrilleMega)

Enterprise-grade volume control solution (https://www.reddit.com/user/MrBlub)

intuitive volume control (https://www.reddit.com/user/flurrux) [video width=“518” height=“213” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/BlackandwhiteScholarlyHart.webm”\]\[/video\]

Beautiful, courageous, innovative volume slider (https://www.reddit.com/user/kamaln7) [video width=“556” height=“804” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/SizzlingMaleHoverfly.webm”\]\[/video\]

Single button volume interface (https://www.reddit.com/user/LinAGKar)

A Secure Volume Slider (https://www.reddit.com/user/Bacon_N_Eggs) [video width=“700” height=“400” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/HorribleLimpingAnt.webm”\]\[/video\]

Programmer Volume Control (https://www.reddit.com/user/Nloveladyallen) [video width=“1268” height=“804” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/CarelessNiftyDutchshepherddog.webm”\]\[/video\]

7-segment volume input with a twist (https://www.reddit.com/user/LinkFixerBot) [video width=“365” height=“336” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/AccurateDeafeningDugong.webm”\]\[/video\]

Am I missing something obvious? (https://www.reddit.com/user/lukaseder)

Tetris Volume (https://www.reddit.com/user/nickypy) [video width=“976” height=“1080” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/BronzeSomeBagworm.webm”\]\[/video\]

Volume control - now in typing format (https://www.reddit.com/user/multiplicand) [video width=“620” height=“240” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/ObeseLastingDachshund.webm”\]\[/video\]

Let’s show telephone numbers some more love even though we’re focused on volume sliders currently! (https://www.reddit.com/user/SaeculumObscure)

A Microsoft approach on volume change (https://www.reddit.com/user/TheSadalsuud) [video width=“712” height=“658” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/FeistyThickAfricanhornbill.webm”\]\[/video\]

Wifi based volume control (https://www.reddit.com/user/lintaba)

So I heard we are doing volume controls now (https://www.reddit.com/user/UnknownDeveloper)

My single step solution for security validation and volume control (https://www.reddit.com/user/beartrapqueen)

something something volume control (https://www.reddit.com/user/boomerangbro10)

Volume slider? Oh, I thought you said slider volume… (https://www.reddit.com/user/Dustin-) [video width=“1280” height=“720” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/AcrobaticKlutzyGrunion.webm”\]\[/video\]

I made an interactive volume slider for you to play with. Visual only; it doesn’t actually adjust volume (https://www.reddit.com/user/Breadsecutioner)

See the Pen Volume "slider" by Breadsecutioner (@Breadsecutioner) on CodePen.

Volume slider - npm edition (https://www.reddit.com/user/Zegrento7)

Ah, fuck. How am I meant to make a good Volume slider now? (https://www.reddit.com/user/Ethanol-10)

Hands free volume adjustment solution (2 week estimated dev time) (https://www.reddit.com/user/NibblyPig)

One button volume control! (https://www.reddit.com/user/RiderAnton) [video width=“640” height=“480” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/LeadingCrazyFalcon.webm”\]\[/video\]

“Volume” slider (https://www.reddit.com/user/theillini19)

Obligatory Volume Slider (https://www.reddit.com/user/systoll)

“Non-Intrusive” (https://www.reddit.com/user/UnderNatural) [video width=“1920” height=“1080” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/IlliterateShamelessGrizzlybear.webm”\]\[/video\]

Adjust volume using your own voice (https://www.reddit.com/user/sanduhackerman)

The Volume Slider That Works With Your Loudness (https://www.reddit.com/user/pfannkuchen_gesicht) [video width=“428” height=“504” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/OldDependableHuman.webm”\]\[/video\]

Sliders are overrated. I humbly present: Volume Bricks. (https://www.reddit.com/user/BluFoot)

Volume “Slider” (https://www.reddit.com/user/Auxilery) [video width=“682” height=“196” mp4=“http://blog.thecell.eu/wp-content/uploads/2017/06/fb720ea96f9899770eb1267cd2622f97.mp4”\]\[/video\]

I made a volume slider which is a bit longer (https://www.reddit.com/user/rebane2001) [video width=“1280” height=“720” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/SaltyEuphoricBear.webm”\]\[/video\]

Volume Control v1 (https://www.reddit.com/user/smaxxx1337)

We’re no strangers to volume sliders (https://www.reddit.com/user/omgmog)

At least it’s continuous (https://www.reddit.com/user/Cabbagenom) [video width=“1280” height=“720” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/EmbellishedPoliteLadybug.webm”\]\[/video\]

Who can make the best volume slider? (https://www.reddit.com/user/PM_ME_YOUR_WATERMELO)

I made this Volume”slider” a while ago. Hope it still counts. (https://www.reddit.com/user/Splamyn)

Eight Queens: the Volume Slider (https://www.reddit.com/user/Madoka_the_Goddess) [video width=“260” height=“320” mp4=“http://blog.thecell.eu/wp-content/uploads/2017/06/7lpoo\_1.mp4”\]\[/video\]

Volume sliders are way too outdated. Sorry. (https://www.reddit.com/user/j_selby) [video width=“1100” height=“480” webm=“http://blog.thecell.eu/wp-content/uploads/2017/06/EnviousPertinentBrownbear.webm”\]\[/video\]

Because the user doesn’t need a slider! (https://www.reddit.com/user/beardedcroughton)

You vs the guy she tells you not to worry about (https://www.reddit.com/user/GeneReddit123)

Frustration makes it louder (https://www.reddit.com/user/XelJel)

I hear we’re doing volume sliders now (https://www.reddit.com/user/nimbim)

Binary volume selector anyone? (https://www.reddit.com/user/LinkFixerBot) https://codepen.io/stackola\_/full/QgWOrL/

I too can make a bad volume slider. (https://www.reddit.com/user/pileOfSchist)

Repost of my entry for volume sliders (now working example) (https://www.reddit.com/user/Dragoncraft89)

Volume Control At Its Finest (https://www.reddit.com/user/TheDuckOnQuackers) https://codepen.io/anon/pen/LLYxrQ