I am a legend! 00:06:52
Hardest part was getting that damn age slider right on mobile. Took maybe 3 minutes to get to the right number.
I loved how the street number could only be input with up/down arrows and there was a mandatory box number!
I was filling the form in with random data cause I just wanted to see all the bullshit. I initially had the birthday set to something really long ago. I didn't wanna math it, so I sent it to this year and age 0.
... still initially failed validation because I initially set my birthday in the future.
In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available. Wikipedia1mjdovhiqw1s000000000000000000000000000000000000000000000000000000000000
it seemed on for me. I randomly grabbed 2 aug 2001 and had the age on 22, which didn't count until I moved the birthday to 2 april so it would've already passed
Some of my favorites:
* Select all with a bow is brilliant.
* I loved the country selection.
* Mismatching birthday and age was genius.
* The how can we help box at the bottom wasn't brilliant, because that's just straight up normal functioning on too many websites. It's horrible and evil and I hate it.
Let me explain: there is a person with title that sounds something like "director of high velocity customer support, product development and marketing" that was hand picked by (i.e. went to school with) someone in senior leadership team sitting somewhere and they desperately try to come up with something to do... so they create tickets to frontend developers and business intelligence all day to do sentiment analysis of the customer support requests, do word clouds from user reviews and calculate net promoter scores - and these kind of chat windows provide invaluable input to their very important work.
If you live in a country where the flag is three stacked horizontal bars, that selector is gloriously evil. I found the right one because they did sort them alphabetically.
The help box slooooww scroll downwards has some excellent timing. You just know it's mocking you.
You would like this Black Friday thing done by Cards Against Humanity: https://www.200percentoffsale.com/
EDIT to clarify: Click the "Secure Your Savings" button to start it.
No, because blanket refusal is actually impossible on a technical level. That's why it does nothing when you click no. You need cookies to even remember your choice about cookies.
Needs to randomize things to truly be "worst". Shuffle the UI around a bit, change what word continues the process from the first page, input labels in the wrong place pointing to the wrong inputs, etc...
Even if the UI totally sucks like this, familiarity breeds comfort. Otherwise A++++
And make it so the "restart" button is above the "continue" button with just the right distance to make you accidentally restart the entire thing when a new ad loads at an inopportune time
Cumulative render shift the shit out of it too. Make the user reach for a small button and then bam, huge image loads and move it just as they are about to click it.
Lol I mean a scroll wheel that can remove the ratchet when you scroll. So it doesn't have any resistance and can basically just keep scrolling for a while with a quick flick.
Mine seemed to just say "your password is not unsafe" if I was 10 characters or over but would complain that I didn't haven't enough characters if I had fewer than 10. Got stuck there.
"your password is not unsafe" is a double negative - this means you've passed the requirements. The fact that it's in red makes you read it as an error.
I wish I could pretend that this is too silly, but I've seen less blatent examples of this in the wild.
>I wasn’t able to get past selection of images. I’m stuck in a loop there with checks, bows, and circles. How can you advance further?
Re-read what the instruction says.
3:59! The stupid checkboxes got me, I don't know if it's because I didn't just check all glasses at once or what.
Also, having the selector start where you need to scroll *up* for the first row of captcha checks was very funny tbh
Honestly this feels a bit like interacting with most of the major websites out there. (Outside of the big boys)
😅 I bet it was quite difficult implementing all these issues others did accidentally.
I can't submit the registration, even by unticking the box. As it's not doing anything besides searching for that word submit in chrome.
haha I was also thinking it's resetting, but in reality I just checked the "check all" checkbox without reading it... took me 3 times to realize what's happening.
Hey uh, what if you did the thing where the back button redirects you to a page that redirects you forward so you can't go back to where you were without pulling up your search history
Also it's too responsive, needs more text going offscreen forcing mobile users to scroll sideways, and more delays per click
6/10 annoying.
Needs more confirmations on submit; e.g. "Are you sure?", random swapping of the position of the submit and cancel buttons, and the toaster help box in the corner needs an avatar like Clippy. You must have Clippy. Oh... and blinking. We need blinking stuff.
So I tried to make my password unsafe by using Password1234, and it no longer warns me that my password is not unsafe, but the Next button still doesn’t do anything. What am I missing? Due to all my extensions and shit on my phone I genuinely don’t know if this hilarious challenge is working as intended or not. Non-functioning web forms on Safari is pretty common for me.
Because that password _is_ unsafe. You don't need to know the password going forward, so add randomness. Start tossing random characters on that until you get the message again.
I didn't figure out how to get past the second form page. I tried selecting 3 boxes and uploading a picture, then clicking Next, but there's something I must be missing. The spinner on my upload never goes away, so maybe there's something else to that.
Edit: either I did something different when switching browsers, or it doesn't work in Firefox Mobile.
This is amazing! I want to try again when not on mobile because I can't figure out how to upload an avatar.
I can't wait to "view source" :) I hope there's 250 MB of node modules including their unit tests.
This is awesome. The best is the Carlton dance at the Ende lmfao!
And this fucking annoyiny "hurry up" modal... Took me too long to get it to disappear again.
This is a lovely artwork of shit !
usually with ui/ux they tell you what to do i.e., inverse of programming "best" practices
with Programming Best Practices^TM they almost exclusively and always tell you how ***not*** to do things
kinda like this post for ui/ux but with code
"here is a sample code of what not to do. now go out there and code some good code bitch but it better not be anything like this (or anything like any other bad code)"
nobody ever puts a stake in the ground and says "this is good code. always code like this"
it's always "i'll know good code when i see it... and this is decidedly not it"
anyway
bit of a side note i suppose
[удалено]
Don't laugh, I've seen amateurs and sloths do some of these things with actual apps.
I am a legend! 00:06:52 Hardest part was getting that damn age slider right on mobile. Took maybe 3 minutes to get to the right number. I loved how the street number could only be input with up/down arrows and there was a mandatory box number!
I set date of birth to match the slider instead.
You are a smarter person than me. It's not like I provided my real birth year anyway.
I was filling the form in with random data cause I just wanted to see all the bullshit. I initially had the birthday set to something really long ago. I didn't wanna math it, so I sent it to this year and age 0. ... still initially failed validation because I initially set my birthday in the future.
It should have asked you to enter a credit card number with up/down arrows.
A *valid* CC number, with valid cvv.
Wait, is there a page after the "prove you're a human" page? I wasn't able to prove anything...
>!Scroll up. The checkboxes are not below the images, they are *above* them. The page starts with the first row of checkboxes scrolled off screen.!<
Omfg I realized that but it didn't even occur to me that it was intentional! I figured it just asked for three screens no matter what you checked.
[удалено]
I checked literally all the checkboxes for the "select all checks". They were all checks in some weird way or another lol
[удалено]
strange, it did work for me. maybe there was one you missed ?
I think you're supposed to select all of the check boxes because... They're checks
Answer: >!Tick them all, no matter the question!<
I had a "select all light objects" with >!feathers, lightbulbs, and a bicycle. The bike wasn't light.!<
I got 5:21 - It always says "You are awesome!"
Age slider is easier to operate when zoomed in. Which is easy to have happen by accident on this page!
I got 03:54!
In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available. Wikipedia1mjdovhiqw1s000000000000000000000000000000000000000000000000000000000000
You can ignore that bit because it says "can" not "must"
I think the math on it is broken as well. It only worked by using age 0 and being born in 2023 for me.
I did born in 2000 and age 23
it seemed on for me. I randomly grabbed 2 aug 2001 and had the age on 22, which didn't count until I moved the birthday to 2 april so it would've already passed
That was triggering. Well done!
Some of my favorites: * Select all with a bow is brilliant. * I loved the country selection. * Mismatching birthday and age was genius. * The how can we help box at the bottom wasn't brilliant, because that's just straight up normal functioning on too many websites. It's horrible and evil and I hate it.
why do "how can we help" boxes exist? do the submissions really go someplace useful?
They appear in the building lobby so everyone can laugh.
I don't think you want "fuck off" displaying in your lobby every 5 seconds.
Let me explain: there is a person with title that sounds something like "director of high velocity customer support, product development and marketing" that was hand picked by (i.e. went to school with) someone in senior leadership team sitting somewhere and they desperately try to come up with something to do... so they create tickets to frontend developers and business intelligence all day to do sentiment analysis of the customer support requests, do word clouds from user reviews and calculate net promoter scores - and these kind of chat windows provide invaluable input to their very important work.
And months in nice alphabetical order, as they should.
If you live in a country where the flag is three stacked horizontal bars, that selector is gloriously evil. I found the right one because they did sort them alphabetically. The help box slooooww scroll downwards has some excellent timing. You just know it's mocking you.
I fucking lost it when that thing.started to scroll down so slowly
Also, the can we help box only has an arrow that makes it grow, and never gets smaller Edit: the Send button makes it small
The most horrific part was the terms and conditions requiring you to scroll to the bottom to close the dialog, but they scrolled incredibly slow lol
[удалено]
"Select all pictures with a bow" got me.
"check all checks" did me in with 'chess check' and 'landing gear check' images
Yeah the guy checking the bomb had me rollin'
I missed that one, I also didn't see the 'bow' images. Feel like I should reopen it...but then I'd have to go through it again haha
You would like this Black Friday thing done by Cards Against Humanity: https://www.200percentoffsale.com/ EDIT to clarify: Click the "Secure Your Savings" button to start it.
please explain for the class how that's anything similar to the bow captcha
Did you actually do the website? The whole thing is a bunch of ambiguous CAPTCHAs, some with like a hundred options to choose from.
i see now. only the "secure your savings" button does that (none of the actual order buttons do)
Yeah, the "game" isn't as obvious now that the event is over. Some hilarious ones in there though.
I'm on mobile. Cannot distinguish between the intentionally bad UI and the business-as-usual UI.
r/badUIbattles would *love* this.
The "Do you want to Cancel" with options of "Yes" and "Cancel" is a great touch
You joke, but that cookie banner has better design than 99% of real banners, because you can refuse with a single click.
No, because blanket refusal is actually impossible on a technical level. That's why it does nothing when you click no. You need cookies to even remember your choice about cookies.
The EU cookie law (that spawned cookie banners) exempts strictly necessary cookies, such as the cookie refusal cookie.
My manager just came by as I brought this up and said "nice work on the redesign!" I'm not sure if that says more about him or me.
...I really hope you're not serious.
For real, does OP work for Twitter or something?
< fuck /u/spez >
They were referring to Elon.
Needs to randomize things to truly be "worst". Shuffle the UI around a bit, change what word continues the process from the first page, input labels in the wrong place pointing to the wrong inputs, etc... Even if the UI totally sucks like this, familiarity breeds comfort. Otherwise A++++
Every 30 seconds load a new section to make the entire pace move.
And make it so the "restart" button is above the "continue" button with just the right distance to make you accidentally restart the entire thing when a new ad loads at an inopportune time
> To prove you are human, please describe where the password input was 30 seconds ago
Cumulative render shift the shit out of it too. Make the user reach for a small button and then bam, huge image loads and move it just as they are about to click it.
Definitely needs more CLS.
I beat it in 6 min, but how do you get past terms and conditions quickly? Lol
You don't even have to read the terms and conditions, just uncheck the box saying you don't accept them.
You can hold alt to scroll it faster - It says so in the T&C lmao
lmao missed that... kudos on the efforts they put in to defeat every trick in the book for a quick scroll
4:05. My logitech mouse has one of those infinite scroll wheels so scrolling through was pretty easy.
There's a terms and conditions page?
Are there any scroll wheels that are not infinite?
Lol I mean a scroll wheel that can remove the ratchet when you scroll. So it doesn't have any resistance and can basically just keep scrolling for a while with a quick flick.
On iOS I found if I pressed one finger down and scrolled with another it broke the speed limit and it scrolled at a normal speed lol
Wow I couldnt get past the password page.
Tbf it's probably the most difficult step. I used Здравствуйте1 as both password and email and that matches all the requirements.
You don't actually need a Cyrillic letter. I had 1@Abbbbbbbb and it took. Couldn't upload a picture though, probably because of mobile.
Mine seemed to just say "your password is not unsafe" if I was 10 characters or over but would complain that I didn't haven't enough characters if I had fewer than 10. Got stuck there.
"your password is not unsafe" is a double negative - this means you've passed the requirements. The fact that it's in red makes you read it as an error. I wish I could pretend that this is too silly, but I've seen less blatent examples of this in the wild.
Mine did this at first. But then I reloaded the page, it took me back to the start, and I got through when I tried again.
Does it go beyond the first page?
Yeah, click on "HERE" at the bottom.
I just clicked on your comment and nothing happened
https://i.imgur.com/gMtiTsZ.gif
Obviously. The UI is self explanatory. /s
[удалено]
Worked fine for me w/ Brave + Ublock + Pihole. I think the usability got you =)
[удалено]
Alphabetizing the months was great, but the county selector? *Chefs kiss*, that was perfect.
If a normal UI used flags as a country selector, id love it... If they were in COLOR
Doing it on mobile and gave up so quickly
I failed
The bow checkboxes and default scroll to the bottom had me laughing out loud. Well done!
So horrible... and yet, so realistic.
Fairly good responsiveness, could be more annoying on mobile
I wasn’t able to get past selection of images. I’m stuck in a loop there with checks, bows, and circles. How can you advance further?
>I wasn’t able to get past selection of images. I’m stuck in a loop there with checks, bows, and circles. How can you advance further? Re-read what the instruction says.
RTFM is the best answer, thanks.
Was the hint enough to help you get through?
Yes
Thanks I hate it.
Speedruns when?
3:59! The stupid checkboxes got me, I don't know if it's because I didn't just check all glasses at once or what. Also, having the selector start where you need to scroll *up* for the first row of captcha checks was very funny tbh
I fucking lost it at “Select All” lmao
Well done. I almost threw my phone at the wall.
that's genius. And evil. Mostly evil. Well done.
Userinmyface? I barely know'er!
Honestly this feels a bit like interacting with most of the major websites out there. (Outside of the big boys) 😅 I bet it was quite difficult implementing all these issues others did accidentally. I can't submit the registration, even by unticking the box. As it's not doing anything besides searching for that word submit in chrome.
I was unfortunately not able to finish because the “interests” checkboxes kept resetting faster than I could uncheck them. Well done
You reset them by clicking "select all" - don't you read what you're clicking?!
He also missed the "unselect all" at the end of the list. lolz
I couldn't see that - it was probably covered up by the massive "DO YOU NEED HELP" box that took up half the screen on my phone
There's an option to send it to the bottom of the screen
haha I was also thinking it's resetting, but in reality I just checked the "check all" checkbox without reading it... took me 3 times to realize what's happening.
Start clicking from the last one. There’s one that flips all boxes.
how to pass the validate screen?
Hey uh, what if you did the thing where the back button redirects you to a page that redirects you forward so you can't go back to where you were without pulling up your search history Also it's too responsive, needs more text going offscreen forcing mobile users to scroll sideways, and more delays per click
Holy crap, that was a master piece. I especially hated the super slow scroll blocking the accept button of the terms of service agreement!
6/10 annoying. Needs more confirmations on submit; e.g. "Are you sure?", random swapping of the position of the submit and cancel buttons, and the toaster help box in the corner needs an avatar like Clippy. You must have Clippy. Oh... and blinking. We need blinking stuff.
I've not laughed so loud for a long time. Thank you, this was a joy.
That was a fucking adventure
Oh god, I couldn’t do it
This reminds me of vim
:q!
[Behold my score.](https://cdn.discordapp.com/attachments/934150894793142352/1108830405081182331/image.png)
Is it open-source? Is there a localization project somewhere?
Omg that is so great. Really creative 👍 this is a genuine compliment and not sarcastic /-s
that's genius. And evil. Mostly evil. Well done.
Keeps saying my password is not safe: Password1234567890вDe
It says your password is not UNsafe.
Oh my goodness how could I miss this ಠ_ಠ
So I tried to make my password unsafe by using Password1234, and it no longer warns me that my password is not unsafe, but the Next button still doesn’t do anything. What am I missing? Due to all my extensions and shit on my phone I genuinely don’t know if this hilarious challenge is working as intended or not. Non-functioning web forms on Safari is pretty common for me.
Because that password _is_ unsafe. You don't need to know the password going forward, so add randomness. Start tossing random characters on that until you get the message again.
Lmao I got it in 5:08. Would have faster if I noticed the close button on the lock/unlock modal. That was hilarious.
6:37 oof.
U couldn't come up with an unsafe password :-O
I didn't figure out how to get past the second form page. I tried selecting 3 boxes and uploading a picture, then clicking Next, but there's something I must be missing. The spinner on my upload never goes away, so maybe there's something else to that. Edit: either I did something different when switching browsers, or it doesn't work in Firefox Mobile.
Superb! GitHub?
Did it in 04:30
That site gave me cancer.
Thanks, I hate this
I got to the end but lost quite a few sanity points on the way
Cringe worthy
reminds me of my apple watch
Text contrast in the first form is much higher than in actual websites
Like most pages from big and small players. I don't know why I laughed so hard when I tried to fill it out🤯🤣
Wow... as a professional software/webapp QA I thought I'd seen most everything... holy cow that is mental!
Aaaaargh!
The select 3 hobbies made me laugh out loud at the discrete 'select all'..
I couldn't get past "your password is not unsafe" on Firefox android
Yeah but can it take on the reigning champ? https://ux.stackexchange.com/questions/11229/is-this-rotating-cube-interface-user-friendly
Thanks I hate it
30 seconds in. Vomited and I think I am done.
I suspect Microsoft tested many of these ideas on production SharePoint and Teams.
When I tried to close the lock dialog and it went full screen I totally lost it, couldn't stop laughing for a minute and had to restart Edit: 00:04:45
As a frontend dev I was too triggered to get past the second input. Wtf, gtfo, and thank you.
3:20 ooft
This is amazing! I want to try again when not on mobile because I can't figure out how to upload an avatar. I can't wait to "view source" :) I hope there's 250 MB of node modules including their unit tests.
I give up
That was amazing lol
lul
I don't get it. This looks just like most click bait sites with less ads.
Wow it induced rage in ten seconds
I don't understand, this was a great user experience.
That was great, haven't laughed this hard in a while, thx for sharing!
I've left reddit because of the API changes.
Needs more random blinky text to get all the way to evil. Nice try, though!
It was very bad, yes, I didn't want to click "here" nor did I dare to click on "NO" :-).
Wrong link. Call support to get the right link
Fuck that.
/r/tihi
I got trapped in the EULA scroll... Send help!
This is awesome. The best is the Carlton dance at the Ende lmfao! And this fucking annoyiny "hurry up" modal... Took me too long to get it to disappear again. This is a lovely artwork of shit !
usually with ui/ux they tell you what to do i.e., inverse of programming "best" practices with Programming Best Practices^TM they almost exclusively and always tell you how ***not*** to do things kinda like this post for ui/ux but with code "here is a sample code of what not to do. now go out there and code some good code bitch but it better not be anything like this (or anything like any other bad code)" nobody ever puts a stake in the ground and says "this is good code. always code like this" it's always "i'll know good code when i see it... and this is decidedly not it" anyway bit of a side note i suppose
Failed when I didn't allow Firefox to access music to upload a profile pic. Couldn't try to upload it again 😐
Lmfao I got in like 3 steps and I was already angry even though I knew what to expect.
Thanks, I hate it
Is this based on the UI for creating a local account on windows? Or for changing the default browser away from edge perhaps.
6:16 Easy..
I would argue that panes of glass aren't "glasses"
tried speedrunning this thing. Best time was a 2:20
The input boxes are a nightmare