Grumpy Website

nikitonsky: Just when I thought it was impossible to make a placeholder-that-turns-into-a-label any dumber, Airbnb proved me wrong.

#Focus #TextInput #Placeholder #AirBnB

nikitonsky: List of folders without names, but with sizes. Only at Microsoft

Thanks Gamlor for the picture

#Microsoft #Sharepoint #Folder

nikitonsky: Good idea! Change button’s label and action just the moment before I am about to click it

P.S. Where did contrast go?

#Google #Button #Hover #Contrast

nikitonsky: What am I supposed to do here? There’s single radio button that can’t be unchecked. But what’s the point of checking it? I can upload and click Update avatar without interacting with it. Very confusing

#Radio #Avatar #Upload #Syntax

nikitonsky: How UI degrades over time.

Top (Windows 95): great contrast, obvious shapes. Instantly readable.

Middle (Windows 11): shapes are still self-explanatory, but contrast is gone.

Bottom (Windows 11 Insiders): what am I even looking at? The only shape I can understand here is the Run button. Barely visible, though.

Then, on the left, there’s another something that says Run and has an icon. What is it? A window title? Another button? Why does it have to say Run twice?

Shell:startup looks like a header but from what I understand is actually your previous command. Also, why is it aligned so poorly? Text to icon, bottom padding?

Finally, the text input. Do you see it? I don’t. But it’s there. The only hint is a barely visible white (???) cursor before the placeholder. How do we know it’s a placeholder? We don’t.

The original Windows 95 interface is _functional_. It has a function and it executes it very well. It works for you, without trying to be clever or sophisticated. Also, it follows system conventions, which also helps you, the user.

I’m not sure whom the bottom interface helps. It’s a puzzle, an art object, but it doesn’t work for you. It’s not here to make your life easier.

Bottom image source: x.com/phantomofearth/status/1996660509027062148

#Windows #Affordance #Contrast #Run #Dialog #Microsoft

nikitonsky: Ahm, excuse me? You asked me to confirm email and now are claiming I registered for some updated? I definitely did not. There was nothing about marketing updates in the original phrasing.

#Zalando #Registration #Email

nikitonsky: Dude. Why are you even showing me this? I’m the only person here. Always has been

#Steam #Popup #Login #Account

nikitonsky: What kind of control is this? Radio group? Buttons? Links?

Minimalism went too far.

Thanks @komarovman for the picture

#Google #Affordance #Popup #RadioButton #Button #Link

nikitonsky: Interesting case of a website that blocks access to its own content with full-screen hover menu

#Hover #Menu #Packt

nikitonsky: Notification without actual message is probably a bug, but the bigger question remains: why does headphone manufacturer’s app has a Messages section? What can I possibly communicate with them about?

Thanks @FaviFake for the video

#Messages #Notifications #SoundCore

nikitonsky: Buttons. They should be clickable. Sigh

#ChatGPT #Button #Click

nikitonsky: Maybe don’t make an unchecked checkbox’s hover state look like a checked checkbox

#Checkbox #Fastmail #Hover

nikitonsky: I want to see all categories. I said all. I said all. Thank you!

Thanks @toby3d for reporting this

#2gis #ShowMore #Ellipsis

nikitonsky: I’m sorry, what’s the idea here? You make text field tall enough to fit both label and value. You then put label in place for value, where you expect user to type. Is it supposed to look inviting? Then when user finally figures this out and clicks inside, you move label to the empty space you had there all that time? Why not put it to the top in the first place?

#TextField #Animation #Label #DeutscheBahn

nikitonsky: My first thought was: gray text is explaining what the toggle does. But then I read the text and it made no sense: if I _restrict_ sharing, it will allow people to save and forward?

Okay. Second idea. It might be explaining current state of the toggle. That would be wrong (don’t to this! always explain what toggle does when enabled), but at least I can understand the thinking.

So I enabled it and the grey text didn’t change. Now I’m out of ideas.

#Telegram #Toggle #Description

nikitonsky: How do you tell a button from a text input?

#Button #TextInput #Affordance

nikitonsky: Please, make your #icons abstract