Grumpy Website
738 subscribers
1.3K photos
15 videos
4 files
111 links
We lynch UI/UX. Comments are welcome @grumpy_chat. On the web http://grumpy.website
Download Telegram
@nikitonsky: Interesting case of a website that blocks access to its own content with full-screen hover menu

#Hover #Menu #Packt
🐳9👏4
@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
💯5🫡4😭2🔥1
🎅4
@nikitonsky: Dude. Why are you even showing me this? I’m the only person here. Always has been

#Steam #Popup #Login #Account
🤣10💊5🥱2
💩8
@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
🐳6
@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: https://x.com/phantomofearth/status/1996660509027062148

#Windows #Affordance #Contrast #Run #Dialog #Microsoft
💯21🤮8😁2❤‍🔥1👍1
@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
😁12
@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
🐳7
@nikitonsky: List of folders without names, but with sizes. Only at Microsoft

Thanks Gamlor for the picture

#Microsoft #Sharepoint #Folder
😁16🐳2
@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
🥰7😁5🙉4
@nikitonsky: It’s like the whole world collectively forgot how checkboxes are supposed to work

Thanks @mikeozornin for the picture

#macOS #Apple #checkbox #update
😭21😁3
@nikitonsky: WHY ARE YOU SCREAMING AT ME?

#GoogleAnalytics #Popup #AI
🙉4😁2😱1