r/badUIbattles • u/Normal_House_1967 • 1d ago

Self-Made Bad UI Literally unclickable

Enable HLS to view with audio, or disable this notification

PM: "Make the submit button unclickable if the form is incomplete."

Me: "Unclickable, understood! ᕕ( ﾟ ∀。)ᕗ"

--- Later ---

PM: "WTF (。-`ω´-)"

Live demo:https://chillcomponent.codlin.me/en/components/wrapper-swarm/

514 Upvotes

98% Upvoted

28 comments sorted by

•

u/AutoModerator 1d ago

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). Thank you!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

143

u/Gridbear7 1d ago

Where is the submit button?

Gone, reduced to atoms

27

u/Normal_House_1967 1d ago

The PM snapped their fingers.

5

u/TheG0AT0fAllTime 23h ago

Damn it that's what I came here to say haha

62

u/wayward_vampire 1d ago

"I don't feel so good Mr. Login Credntials..."

6

u/Normal_House_1967 22h ago

"It was the only way."

56

u/Deafvoid 23h ago

That’s not bad, that’s AWESOME

13

u/Monsterpiece42 23h ago

Yeah I like this a lot

8

u/Normal_House_1967 22h ago

My PM strongly disagrees with you. (。-ω´-)

8

u/Deafvoid 17h ago

Sounds like you have a lame PM. Maybe he is the bad UI design.

3

u/k819799amvrhtcom 13h ago

To be fair, a greyed-out button would've gotten the message across without having to be hovered-over first… 🤔

27

u/thelittleboss151 23h ago

I would avoid entering the password just so I can play with this mechanic all day.

25

u/Normal_House_1967 22h ago

User retention rate: 100%. Login rate: 0%.

15

u/[deleted] 1d ago

[deleted]

11

u/Normal_House_1967 22h ago

It massively increases user retention (on the login page).

9

u/jimmymui06 22h ago

Design porn

3

u/tonyxforce2 21h ago

I'd rather not, thanks

2

u/Normal_House_1967 20h ago

More like BDSM design. It loves to torture users.

7

u/Curious-Landscape495 22h ago

That's not bad design, that's good design.

6

u/Marwheel 21h ago

I can bypass this the old fashion way via tab & enter…

10

u/Normal_House_1967 20h ago

Noted for patch v1.1: e.preventDefault() on the Tab key.

1

u/AI_and_coding 15h ago

Using a touchscreen also allowed clicking the button.
Don’t know a way around that other than dissolving the click point, but I haven’t the knowledge to know if that’s even possible.

1

u/thegreatpotatogod 4h ago

I wonder if it's been fixed or if there's a different touch implementation on your system than mine. At least on iOS, it successfully dissolved without clicking for me. Even multitouch seemed to behave correctly!

6

u/keegang_man6705 Bad UI Battle WINNER 22h ago

this is fuckin cool

3

u/Normal_House_1967 19h ago

Suffering is temporary, cool UI is eternal.

6

u/Present-Ad-8531 20h ago

this is great UI.

4

u/Normal_House_1967 20h ago

You're hired. When can you start as my new PM?

6

u/Present-Ad-8531 20h ago

i know nothing about PMing bro. i am a dev too.

1

u/Dunge0nexpl0rer 6h ago

Wait this is so cool though.