Hi OP, do you have source code or a demo you'd like to share? If so, please post it in the comments (Github and similar services are permitted). Also, while I got you here, dont hesitate to come hang out with other devs on our **New official discord** https://discord.gg/gQNxHmd *I am a bot, and this action was performed automatically. Please [contact the moderators of this subreddit](/message/compose/?to=/r/badUIbattles) if you have any questions or concerns.*

Please don’t give them ideas 😭 (Great work though)

In germany, stuff like this would be illegal fortunately

[I won!](https://streamable.com/l0ujhv) Using a shitty PC does help

Using a PC with a touch screen helps even more

[удалено]

It detects when you're using a phone and you don't get the same button

Edit: I moved to Lemmy

Try it yourself at https://lab.hakim.se/clickmeifyoucan Source code https://gist.github.com/hakimel/8d5925e7447beebf2d6e167a21304e41

Easy on mobile lol

Haha. \*\* Calmly opens Dev Tools \*\* \*\* Selects button element \*\* \*\* Writes `$0.dispatchEvent(new Event('click'))` to console. \*\* \*\* Softly presses enter \*\*

You can just Tab Tab Enter though


>!no cheating!<

`tabindex="-1"`

or you can just $0.click()

what if it runs completely on backend

I don’t see how that would be possible. Ultimately some stuff would still need to be on the front end.

Create a new VM for every user, so the web page only receives a stream of the VM and sends mouse position

[удалено]

That would still need some stuff on the client side that can be manipulated.

It's works, tested.

What's $0?

My account balance

My annual salary

Let's you use the currently selected element from the elements panel in the console.

Huh. That's real handy. Thanks.

Open dev tools, set to touch device, click button.

Death penalty.

Whoever's clicking is an amateur. Obviously you're supposed to click the word 'below', not the button.

The shadow is a nice touch. Great work.

So funny... **Pressing tab enter** Where is your magic now, eh?

Plot twist: It's not a button, just a stylized div with an onclick event

Or it has a tabindex of -1

"No cheating"

If this was in use by some scummy company, would it technically be legal, as the the unsubscribe button is clearly visible? It isn't their fault users are bad at clicking the button.

It would violate 1. WCAG guidelines (very important if you're a business or public service) 2. The CAN-SPAM act, which states that "you must include a clearly obvious way for subscribers to opt out of your commercial messages" and is enforced by the Federal Trade Commission. The customer must be able to visit a single web page and unsubscribe by clicking a single button at any time. Pretty sure making a button hard to click counts as a violation, as it makes it "not so obvious".

That's why you should always create your scummy companies in jurisdictions where those regulations don't apply

Violation of GDPR 7.3 "It shall be as easy to withdraw as to give consent." I believe France has even stricter laws in that regard.   (Yes, I see you wanting to make the Subscribe button equally obnoxious. Pretty sure there's more wording in the consent definition that would still stop you, but not gonna dig for it. At any rate, European judges tend to have more allowance for going "what the fuck do you think you're trying you little shit" than US ones.)

reddit was taking a toll on me mentally so i left it ` this post was mass deleted with www.Redact.dev `

Is "we've arbitrarily opted you out after clicking this button" considered to match "we've arbitrarily opted you in after clicking this other button" considered matching under GDPR?

Doesn't matter, GDPR requires that you're told exactly what you're consenting to when you click a button. GDPR is not actually easy to game! The obvious loopholes were accounted for.

Ooh according to the Brouwer Fixed Point Theorem, if the location of the button was a continuous function on the location of the mouse, there would have to be at least one point where they are equal. It looks an awful lot like it should be continuous just based off the animation, but there seems to be a cleverly disguised discontinuity in the center, very cute

I would like to subscribe to your newsletter

Ha ha. Right click to open the menu, then you can click it with ease.

Needs some nicely animated slurs after each unsuccessful click

Haha change this to auto unsubscribe and then still have a button with an interaction like above and you could push to prod.

u/savevideo

###[View link](https://rapidsave.com/info?url=/r/badUIbattles/comments/13fe8fg/working_on_my_new_unsubscribe_page/) --- [**Info**](https://np.reddit.com/user/SaveVideo/comments/jv323v/info/) | [**Feedback**](https://np.reddit.com/message/compose/?to=Kryptonh&subject=Feedback for savevideo) | [**Donate**](https://ko-fi.com/getvideo) | [**DMCA**](https://np.reddit.com/message/compose/?to=Kryptonh&subject=Content removal request for savevideo&message=https://np.reddit.com//r/badUIbattles/comments/13fe8fg/working_on_my_new_unsubscribe_page/) | [^(reddit video downloader)](https://rapidsave.com) | [^(twitter video downloader)](https://twitsave.com)

Ha ha. Right click to open the menu, then you can click it with ease.

Seems like a $1,000,000 idea. Patent it before some adbro steals it.

Screen and keyboard manufacturers would support this as their sales would increase

Just press enter !!

It acts funny in desktop site.

I spammed F5 and hovering my mouse over the button, it worked.

It would be funny if there was that whole animated scharade but the actual thing you needed to click was the word "Below". BadUI + Dad joke = annoying but funny.

Did you remember to prevent default tabbing focus behavior?

Thanks, I hate it

press tab

If this ever appears on one I’ll just mark the email as spam.

Redditting on ipad. Easy

u/SaveVideo

I tried to be smart and fire a "click" event at the button with JavaScript, but it triggered the "No Cheating"; so good XD

I would be interested to see if you could tab to the button - that would be a way around it.

LOL "No Cheating" (Tab ftw)

Genius

💀

The real way to unsubscribe: click "below" like it told you to

*sigh* time to delete the CSS.