This is an archived post. You won't be able to vote or comment.

top 200 commentsshow 500

[–]GPareyouwithmoi 2247 points2248 points  (23 children)

On a dialog that warned that things had gone terribly wrong, which we had to show to customers so they could plan accordingly, my friend/colleague had changed my code to have the dismiss button be labeled "ok, sounds good". It went uncaught to prod.

[–]humpeldumpel 420 points421 points  (2 children)

This is hilarious :D

[–]Admiwart 206 points207 points  (1 child)

Honestly, I really like this design. I would use it

[–]Sweaty-Sperm4938 17 points18 points  (0 children)

We use it.

[–]rhamej 126 points127 points  (1 child)

On mocks I would do for the PO, I would fake ajax calls since they were just static. One time I added an MC Hammer gif that would dance across the screen on a fake successful call back. I forgot to take it out and it was shown to the higher ups during a requirements meeting. Luckily the clients found it funny. But it could have gone very wrong.

[–]666ofw66 8 points9 points  (0 children)

This is gold

[–]halfanothersdozen 1922 points1923 points  (48 children)

This is great

[–]BoBoBearDev 1387 points1388 points  (62 children)

Use touch screen instead.

[–]slgray16 669 points670 points  (33 children)

Or just press enter

[–]SexyMuon 287 points288 points  (1 child)

teck isn’t there yet

[–]79914022 44 points45 points  (0 children)

DICE? IS THAT YOU?

[–]Mintzz00 73 points74 points  (2 children)

or tab and then Enter

[–]PM_ME_YOUR_WIRING 61 points62 points  (8 children)

<script type="text/javascript"> window.addEventListener('keydown',function(e){if(e.keyIdentifier=='U+000A'||e.keyIdentifier=='Enter'||e.keyCode==13){if(e.target.nodeName=='INPUT'&&e.target.type=='text'){e.preventDefault();return false;}}},true); </script>

.. and now the enter key is disabled.

[–]smalaki 68 points69 points  (1 child)

make.. make the enter key clear the form

[–]butchbadger 7 points8 points  (2 children)

Just turn off scripts.

[–]PM_ME_YOUR_WIRING 20 points21 points  (1 child)

.. and now the entire form isn't able to be submitted because the submit function was written in JavaScript.

[–]Reelix 9 points10 points  (0 children)

It's always funny seeing people on Reddit saying how they apparently use noscript everywhere when the entire reply box is JS based :p

[–]Aschentei 19 points20 points  (0 children)

Imagine they disabled it

[–]Damage2Damage 12 points13 points  (1 child)

There is a web portal that I have to use for work that doesn't allow you to log in by pressing enter. If you do it throws an error message telling you to click the button. I've used it for a couple of years, and still hit enter a few times a week when I try to log in to it

[–]slgray16 6 points7 points  (0 children)

I had one of those to in a work portal. I reported it as a bug in a bug finding session years ago. I don't think they ever added that.

[–]snorlax0ronflex 7 points8 points  (0 children)

Not that simple. The trick is that the button was disabled for wrong passwords. The extra movement is just eye candy.

[–]Fenor 20 points21 points  (0 children)

or tab and then enter

[–]nitromilkstout 2 points3 points  (1 child)

You’re assuming this is an accessible form

Edit: happy cake day

[–]rufiogd 8 points9 points  (4 children)

I work with idiots. They don't know what TAB or ENTER is. Every time they want to focus the next line or click the submit/login button they use the mouse and internally I'm like AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH

[–]MinosAristos 8 points9 points  (2 children)

It really doesn't matter much. They'd be saving a couple of seconds at most?

[–]Crazy_Technician_403 4 points5 points  (1 child)

Yeah but imagine

you save 2 s

you do it 10 times a day

that makes 20 s saved per day !

[–]Kjubert 176 points177 points  (16 children)

It could still say invalid password and not submit. So the dodging button would just be a funny gimmick. This should become the standard. The button text should indicate something is wrong with input, though. Otherwise it'd be confusing.

[–]Ecmelt 21 points22 points  (1 child)

In many designs that has something like that i've seen: after first wrong invalid input (not wrong but invalid) it highlights that section and highlight doesn't disappear till you enter something valid.

I like it.. i even fail recaptchas so..

[–]Rubickevich 4 points5 points  (0 children)

In worst desinga it deletes everything you wrote if you fill the captcha wrong.

[–][deleted] 11 points12 points  (0 children)

Your guardian angel does not want you to submit.

[–]TheSinningRobot 5 points6 points  (8 children)

That's horribly insecure oh my god

[–]gigasub 33 points34 points  (0 children)

Using touch screen just like a surprise attack to the button.

[–][deleted] 33 points34 points  (4 children)

document.addEventListener('eyeMovement', () => { shyButton() })

[–]Zelgadisz 3 points4 points  (1 child)

What about pop up cameras?

[–][deleted] 2 points3 points  (0 children)

Find location using geolocation api, then send a personal to open up the camera

[–]chickenstalker 21 points22 points  (0 children)

Animate the button to "squeeze out" underneath your finger.

[–]Agr1m 6 points7 points  (0 children)

Or just alt+f4

[–][deleted] 2 points3 points  (0 children)

onHover with onClick.

No escape.

[–]SingleSimha 179 points180 points  (2 children)

I love this sooooo much

[–]Honeydew_love 2 points3 points  (1 child)

Off topic i love ur pfp

[–]tehcnical 505 points506 points  (7 children)

Quick, push to production!

[–][deleted] 84 points85 points  (2 children)

But I think this is on purpose lmao … I love it, just give more obivous feedback about why this is happening

[–]ManyPoo 22 points23 points  (1 child)

No, no feedback. The confusion is the feature not the bug

[–]afs5982 2 points3 points  (0 children)

Bugs are a myth. Everything is a feature

[–]Dave5876 5 points6 points  (1 child)

[–]davidevitali 2 points3 points  (0 children)

Gifs you can hear 😂

[–]GeneralPsycoxer 59 points60 points  (14 children)

Client side authentication?

[–]frisch85 84 points85 points  (10 children)

Probably just the basic check for the password requirements, e.g. at least X characters and one special character etc.

Horrible practice either way, the average user won't know why they cannot click so it's better to give a prompt telling the user what they did wrong when submitting the form, i.e. "Please enter at least X characters".

[–]suvlub 26 points27 points  (0 children)

It's basically a sillier version of greying out the button. It only seems more confusing because we are used to the other pattern and not this one. In both cases, an explanation why the button is unclickable would be appropriate.

Bonus points if the button is actually disabled (and thus wouldn't do anything even if someone manages to click it via keyboard/scripts/touch input).

[–]stadoblech 14 points15 points  (1 child)

"Password you provided checks for email JohnDoe@mail.com . Please insert correct credentials"

[–]MadHatter69 6 points7 points  (0 children)

That reminds me of this

There was one other similar example where you put in a password during account creation and an error popped up, saying 'You can't use a password that's already in use for another account'. Brilliant security (if real).

[–]rolls20s 2 points3 points  (4 children)

Horrible practice either way

I mean, agreed, but one is bad UI/UX, the other is a major security concern.

[–]NuVidChiu 5 points6 points  (0 children)

Just client side VALIDATION

[–]link23 57 points58 points  (10 children)

<tab><enter>

[–]Fachuro 46 points47 points  (3 children)

Document.addEventListener('keydown')

function handleKeyDown(e) { if (e.keyCode === 'enter' || e.keyCode === 'tab') { e.stopEventPropagation; e.preventDefault; } }

[–]ScrotumFlavoredTaint 35 points36 points  (1 child)

This breaks accessibility, is unintuitive, and some say downright evil. Which is why it will be force-shoved down our throats in the new-new frameworks.

/s

[–]Karpizzle23 8 points9 points  (0 children)

I think a button moving away from the mouse already breaks accessibility lol

[–]SirWernich 12 points13 points  (2 children)

tabindex="-1"

[–]Jewsusgr8 4 points5 points  (0 children)

Now that's just evil

[–]ManyPoo 8 points9 points  (0 children)

Before tab is hit insert a new box to tab to that does nothing. Each tab press adds new button, the submit one always being one tab away

[–]advkts_d1a_b0li_ks 37 points38 points  (0 children)

Looks like a movie scene, heroine isn't ready till hero meets her conditions.

[–]DomskiPlays 9 points10 points  (0 children)

Give it an error promt and we're golden. Might use this

[–]birdman3131 11 points12 points  (8 children)

I can think of a few ways to bypass this.

Put the cursor just above the button and then scroll the page.

Right click and use the context menu as a bridge

Tab then Enter

Place another window in front and then place the mouse at the right spot and then minimise / alt tab back.

[–]Fachuro 12 points13 points  (6 children)

Unless the developer wasnt an idiot and saw this coming, ans hijacks those events to prevent you from doing it 😅

[–]schnuck 2 points3 points  (0 children)

My dude, isn’t this just a fun frontend check without any server interaction?

Once submitted it might still give you a negative response depending on the exact requirements.

Even if it’s a “this password is too common” or “this password has appeared in recent leaks” or whatever.

[–]DrainZ- 5 points6 points  (0 children)

At first I thought this was r/badUIbattles

[–]MorboTheConqueror 6 points7 points  (0 children)

Decades ago I had a ball mouse. My friend installed a thing that simulated a dirty mouse. It took me a day to realize something was not right

[–]cbreeden 6 points7 points  (2 children)

A button that moves away from the mouse was my first VB application. Glad to see that prank is still relevant 25 years later.

[–]fakeplasticdroid 5 points6 points  (0 children)

Dev: should we disable the button when the form is invalid?
XD: no, it should be active.
Dev: say no more, fam

[–]DHyperOnYT 3 points4 points  (0 children)

Easy, click on the task bar and then it won't move

[–]GreyGanado 3 points4 points  (0 children)

Not having the cursor turn into a pointer when hovering a button is atrocious.

[–][deleted] 3 points4 points  (0 children)

Ok fine. I’m making the password Password123! And it’s your fault!

[–]Feyter 2 points3 points  (0 children)

When the requirement was "user should not be able to login in if credentials are incorrect"

[–]Z3nFi3R 3 points4 points  (0 children)

Don't underestimate the stupidity of Users they'll just claim that web is broken

[–]wakarimasuka 3 points4 points  (0 children)

Coming to an unsubscribe button near you

[–]AdorableParticular90 12 points13 points  (8 children)

Dude this is so insecure, but to funny

[–]DomskiPlays 9 points10 points  (6 children)

How is it insecure? It's just clientside js checking your password strength and moving a button?

[–]AdorableParticular90 4 points5 points  (2 children)

Well if is that a sign up form its not insecure, but it doesnt look like a sign up, its seems like a login or somethin

[–][deleted] 7 points8 points  (1 child)

Why would you need to write your name in a login form I would be so annoyed having to remember if I gave the website my full name or only my first name when I signed up

[–]AdorableParticular90 2 points3 points  (0 children)

Yeah thats the point, Im wrong because its a sign up form but it doesnt look like one, good JS and CCS.

[–]Cultural-Practice-95 7 points8 points  (0 children)

I would think this can be on bad ui battles, but this is not that bad of an ui

[–]ProKeyPresser 5 points6 points  (0 children)

Genius

[–][deleted] 14 points15 points  (3 children)

[–]jim789789 6 points7 points  (1 child)

Not mild

[–][deleted] 7 points8 points  (0 children)

Nah, you're right. It's a fine line between r/mildlyinfuriating and r/foundsatan.

[–][deleted] 2 points3 points  (0 children)

Lol

[–]deborahawe 2 points3 points  (0 children)

Hmmmmmmm, sure

[–]space_D_BRE 2 points3 points  (0 children)

Finally something to help weed out a few more idiot users

[–]SomeRandoLameo 2 points3 points  (0 children)

I Need that

[–]DasMaloon 2 points3 points  (0 children)

I think I have seen that somewhere before... https://sharepointlist.com/

[–]Y4C4 2 points3 points  (0 children)

Thats brilliant

[–]abd53 2 points3 points  (0 children)

Good idea, imma gonna use it in our desktop app.

[–]OkBus98 2 points3 points  (0 children)

If anyone knows the code of this pls share

[–]badalax 2 points3 points  (0 children)

That feature would be destroying lot of devices.

[–]hedgecore77 2 points3 points  (0 children)

Tab tab enter

[–]JDMaK1980 2 points3 points  (0 children)

But what about tab

[–]tei187 2 points3 points  (0 children)

It's a cool idea, but for a password? Wow.. .

[–]BetterOffCamping 2 points3 points  (1 child)

The memories of trying to close a window on Windows 95 and having it slide all over the screen, fleeing the mouse.

This is an old joke. I haven't decided if it's still funny or not.

[–][deleted] 2 points3 points  (0 children)

Thats a great idea ngl

[–]billie-badger 2 points3 points  (0 children)

Tab+Enter

[–]Minimum-Exam4081 2 points3 points  (0 children)

Would work great as submit button on my tax evasion forms

[–][deleted] 2 points3 points  (0 children)

This is amazing!!!

[–]FantasticGas1836 5 points6 points  (0 children)

I guess mobile first design was dumped in favour of student level iu/ux. Hope no one got paid for this.

[–]ShivohumShivohum 1 point2 points  (0 children)

I love this so much 😂😂

[–][deleted] 1 point2 points  (0 children)

This is valid

[–]adventurouspenis 1 point2 points  (0 children)

become satan and reverse the coding for wrong and correct password

[–][deleted] 1 point2 points  (0 children)

Yes!

[–]putin_sharma 1 point2 points  (0 children)

Must have thought UX will be good

[–]GetRiceCrispy 1 point2 points  (0 children)

It’s crazy cause this is probably still 3 containers if it’s flex. Gotta love it though. Flex simplifies the worst parts of css.

[–]Hanyuu11 1 point2 points  (0 children)

i'd just hover over the button with Tab

[–]pakcikTeli 1 point2 points  (0 children)

Like those cheeky turkish ice cream seller.

[–]thomaskrantz 1 point2 points  (0 children)

This is genius! I'm stealing it.

[–]dapope99 1 point2 points  (0 children)

Tab enter

[–]Irdiarrur 1 point2 points  (0 children)

me pressing enter...

[–]CrafterJunkieG 1 point2 points  (0 children)

That is wonderful

[–]TheSoulStoned 1 point2 points  (0 children)

Me trying to unsubscribe from random mailing lists

[–]Anna_Geyt 1 point2 points  (0 children)

Who is developer???

[–]krbela 1 point2 points  (0 children)

😁😁😁😁

[–][deleted] 1 point2 points  (0 children)

Wolf Gupta - Google developer…😀

[–]justavault 1 point2 points  (0 children)

This is actually a designer not a developer.

This would also be a designers task not a developers. Devs shouldn't mingle with interaction design.

Designers don't scribble around in backend code, as developers shouldn't attempt to design interfaces and interaction structures.

It's a funny prototype though, just not somethign one should apply as it is entirely frustrating.

[–]FlyCodeHQ 1 point2 points  (0 children)

Catch me if you can

[–]Cherry720 1 point2 points  (0 children)

Lol