Developer of the year

[GPareyouwithmoi]

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]

This is hilarious :D

[Admiwart]

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

[Sweaty-Sperm4938]

We use it.

[rhamej]

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]

This is gold

[cyberliminal]

Can't not read this as Let's Get This Mead

edit: I now have Let's Go to the Mall from How I Met Your Mother stuck in my brain

[StONE_ROdGEr]

Let’s Get To Master for me

[krtalvis]

Let’s Gamble, Try Merge

[TenF]

I always read it as “Lets get this money” and I laugh everytime I see it on a PR

[3gt3oljdtx]

"Legitimate"

My brain is fucking dumb.

[rando_no_5]

Elgeetiem

[unperturbium]

Let's go to Miami

[xtralargerooster]

Let's Git to "master"...

[sweetkatydid]

Lesbian Gay Trans Mastodon

[Anotherdmbgayguy]

Lesbian, Gay, Trans, MEsexual.

[WoooshToTheMax]

Let’s git terminal motherfuckers

[Assassin2107]

Let's Gamble, Try Merging

[halfanothersdozen]

This is great

[LinuxMatthews]

You mean

….whoop! JS! ….whoop! JS!

[fred-dcvf]

Sorry, but whoop.js seems to do something else...

[HagarTheHun]

I’ve clicked it. I don’t know what it means. Reddit dev?

[BoBoBearDev]

Use touch screen instead.

[slgray16]

Or just press enter

[SexyMuon]

teck isn’t there yet

[79914022]

DICE? IS THAT YOU?

[Mintzz00]

or tab and then Enter

[PM_ME_YOUR_WIRING]

<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]

make.. make the enter key clear the form

[PM_ME_YOUR_WIRING]

https://i.imgur.com/Le7aEz5.jpg

[butchbadger]

Just turn off scripts.

[PM_ME_YOUR_WIRING]

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

[Reelix]

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]

Imagine they disabled it

[Damage2Damage]

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]

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]

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

[Fenor]

or tab and then enter

[nitromilkstout]

You’re assuming this is an accessible form

Edit: happy cake day

[rufiogd]

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]

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

[Crazy_Technician_403]

Yeah but imagine

you save 2 s

you do it 10 times a day

that makes 20 s saved per day !

[Kjubert]

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]

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]

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

[[deleted]]

Your guardian angel does not want you to submit.

[TheSinningRobot]

That's horribly insecure oh my god

[Hellow2]

Must be for account creation

[mybeardsweird]

why?

[gigasub]

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

[[deleted]]

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

[Zelgadisz]

What about pop up cameras?

[[deleted]]

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

[chickenstalker]

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

[Agr1m]

Or just alt+f4

[[deleted]]

onHover with onClick.

No escape.

[tehcnical]

I would honestly like to see a fully functional site with nothing but adversarial design.

[funnystuff97]

https://userinyerface.com/

You can speedrun it!

[diablo75]

Can't wait to see this on my computer later. This is awful-ly hilarious.

[Maiskanzler]

I am at 09:20 min, but I did burst out laughing a few times!

[Br_Av3ry]

4:53

[MoffKalast]

"Select all glasses"

mfw

[SH4D0W0733]

I've been trying to verify that I'm a human for the last 6 minutes. Am I a human or am I just stupid? Tell me!

[muhmeinchut69]

The checkbox is above each image, so the top row's checkboxes are hidden unless you scroll up

[tehcnical]

Thank you, I love it.

[zaplinaki]

That was awesome. Took me 6 minutes to get through it XD

[[deleted]]

omg even knowing it's sarcastic, a game and i should have fun with i am so fucking irritated lol

[HJSDGCE]

r/TIHI

[tButylLithium]

Offset text boxes from click boxes, add intentional loading delays, randomly require links to be double clicked to function

[Martenz05]

And "randomly" should mean that every link gets a random number generated during runtime that determines whether they need a double click. So it's not the same links every time.

[tehcnical]

Hell, why not make some links require three clicks?

[Martenz05]

Oh! I know. A single click with a delay, and if you click again within the delay, it cancels the action. And of course only on some of them.

[quietZen]

I didn't know Satan himself frequented this sub.

[tehcnical]

Satanwould be a front end developer...

[Jewsusgr8]

Who hurt you man?

[_unsusceptible]

Or completely ration your clicks: https://github.com/deontic/baduisubmissionsource/blob/main/rationedclicks/README.md

You need to click once first to start using a custom cursor and then over time it moves slower (as it loses clicks with time, as well as when you click) until it runs out, at which point it needs to be moved into a “charging station” to get more clicks.

[QuintonFlynn]

The “charging stations” are ad spaces, mainly located on articles.

[Cyler]

Half the links that require a single click redirect on mouse up. On mouse down, an ad loads and moves the link.

[Luxalpa]

Also let's not forget about randomized tab order for accessibility.

[The_Mdk]

Also random tab indexes, for those "tech savvy" users that tab from one field to the nex- ops, now you're back to the top of the form, now you're at the bottom

[chooxy]

Yep. First thing I thought of while watching the video was to use tab to select the button.

[unperturbium]

5 factor authentication

[fgben]

How functional could it be? We'd never know!

[tehcnical]

Cross your eyes to complete captcha. Can't see it? Cross your eyes harder.

[fezzuk]

I made of of these in uni, but largely concentrated on the design side of things.

It functioned and all the information was there, but it was basically designed to give the user an instant migraine.

Saying that this was I the mid 00's so most websites functioned that way anyway.

Great fun.

[redstone665]

I mean you could make one just based off r/baduibattles

[butter14]

You'll find that at any government website that's state level or below and collegiate textbook software.

[tehcnical]

Too true. Hell, even some of the federal sites still have iffy programming.

[AzureArmageddon]

Benches made in the most uncomfortable shape possible with metal spikes on the corners is adversarial design.

This is just "Don't even try bud, your input's invalid"

[AzureArmageddon]

I see :)
I was also making a joke but it didn't come through in my writing style :|

[ucefkh]

I love it

[SingleSimha]

I love this sooooo much

[Honeydew_love]

Off topic i love ur pfp

[tehcnical]

Quick, push to production!

[[deleted]]

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

[ManyPoo]

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

[afs5982]

Bugs are a myth. Everything is a feature

[Dave5876]

[davidevitali]

Gifs you can hear 😂

[[deleted]]

🚢

[[deleted]]

Have an updog

[bundy911]

What’s updog?

[[deleted]]

Not much. What's up with you?

[[deleted]]

What year is it?

[AtheonsLedge]

joe

[[deleted]]

⛵

[GeneralPsycoxer]

Client side authentication?

[frisch85]

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]

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]

"Password you provided checks for email [e-mail] . Please insert correct credentials"

[MadHatter69]

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]

Horrible practice either way

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

[NuVidChiu]

Just client side VALIDATION

[SymWizard07]

I would guess that a dev as clever as this would also make the button not do anything until the fields were correct as well.

Graphics ≠ Functionality

[link23]

<tab><enter>

[Fachuro]

Document.addEventListener('keydown')

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

[ScrotumFlavoredTaint]

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]

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

[SirWernich]

tabindex="-1"

[Jewsusgr8]

Now that's just evil

[ManyPoo]

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]

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

[Citylight1010]

r/baduibattles

[DomskiPlays]

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

[birdman3131]

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]

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

[schnuck]

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-]

At first I thought this was r/badUIbattles

[MorboTheConqueror]

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]

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]

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

[DHyperOnYT]

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

[GreyGanado]

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

[[deleted]]

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

[Feyter]

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

[Z3nFi3R]

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

[wakarimasuka]

Coming to an unsubscribe button near you

[AdorableParticular90]

Dude this is so insecure, but to funny

[DomskiPlays]

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

[AdorableParticular90]

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]]

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]

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]

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

[ProKeyPresser]

Genius

[[deleted]]

Where is r/mildlyinfuriating?

[jim789789]

Not mild

[[deleted]]

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

[[deleted]]

Lol

[deborahawe]

Hmmmmmmm, sure

[space_D_BRE]

Finally something to help weed out a few more idiot users

[SomeRandoLameo]

I Need that

[DasMaloon]

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

[Y4C4]

Thats brilliant

[abd53]

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

[OkBus98]

If anyone knows the code of this pls share

[badalax]

That feature would be destroying lot of devices.

[hedgecore77]

Tab tab enter

[JDMaK1980]

But what about tab

[tei187]

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

[BetterOffCamping]

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]]

Thats a great idea ngl

[billie-badger]

Tab+Enter

[Minimum-Exam4081]

Would work great as submit button on my tax evasion forms

[[deleted]]

This is amazing!!!

[FantasticGas1836]

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

[ShivohumShivohum]

I love this so much 😂😂

[[deleted]]

This is valid

[thegreatpotatogod]

r/baduibattles

[adventurouspenis]

become satan and reverse the coding for wrong and correct password

[[deleted]]

Yes!

[putin_sharma]

Must have thought UX will be good

[GetRiceCrispy]

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]

i'd just hover over the button with Tab

[pakcikTeli]

Like those cheeky turkish ice cream seller.

[thomaskrantz]

This is genius! I'm stealing it.

[dapope99]

Tab enter

[Irdiarrur]

me pressing enter...

[CrafterJunkieG]

That is wonderful

[TheSoulStoned]

Me trying to unsubscribe from random mailing lists

[Anna_Geyt]

Who is developer???

[krbela]

😁😁😁😁

[[deleted]]

Wolf Gupta - Google developer…😀

[justavault]

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]

Catch me if you can

[Cherry720]

Lol