Grumpy Website

Microsoft Teams be like:

- A square with the arrow pointing to the top right
- A square with the arrow pointing to the top right
- A square with the arrow pointing to the top right
- Copilot

Thanks @yermishkina for the picture

#Microsoft #Teams #Icons

Just saw a video that put Apple Music and Winamp next to each other, and it made me realize why Winamp feels so much simpler and approachable than modern UIs.

Its UI doesn’t change.

You click something, and... the UI stays the same. The song starts playing, but not a single pixel moves. There’s no relayout, nothing shrinks, nothing scrolls, nothing animates. It’s stable. It feels predictable. Safe.

Compare that to Apple Music. They played one song and went through three ... 1/3

You know what? I’ve had enough. Interactions on hover are fucked up. Being afraid to move my mouse is fucked up. Blocking content with stuff nobody asked for is fucked up. LET ME MOVE MY MOUSE WITHOUT FEAR!

If I’d want to see something I’ll click on it.

#Hover #Tooltip #Popup

Okay this deserves to be called out. Over a year ago? For both 2015, 2018 and 2021? How is this helpful???

JUST SHOW THE ACTUAL DATE!!!

What are you afraid of anyways? That users don’t know numbers?

Thanks Daniel for reporting this.

#StackOverflow #Dates

You know what? I don’t need shortcuts. I’ll just click through the menu, thanks

#GoogleSheets #Menu #Shortcuts

1. I see a control (chevron in this case)
2. I start moving my mouse towards it, planning to use
3. I finally reach it. It was hard, because it is small

So why, at the moment when I finally there, would you replace it with an entirely different one? What do you think I was moving towards? How am I supposed to know?

Thanks Michaela for the video

#Dropdown #Hover #Zoom

No time to explain, just trust me on this one

#Spinner #Foundations #Loading #Progress

There are many ways to illustrate that things belong together or are related to each other. They are commonly known as “gestalt principles” (top)

What happens when you ignore them all? You get a UI that is absolutely undecipherable (bottom). Just one hot mess of everything with no indication what applies to what.

Sometimes minimalism can be too much.

#Gestalt #Minimalism #Sapling #Meta

It’s always funny to me when a website has to explain what to do with it because there are no obvious controls or visible content. That’s a problem of your own creation.

It’s even funnier when the interaction icon itself is confusing enough that it needs explanatory text beside it. Choose a better icon, or just use the text.

All that said, in this specific example, the choice of an arrow to represent a tap is very unconventional.

#Icons #InteractionReminder #Tap

No, hiding sidebar toggle button under your logo is NOT a good idea.

Think about it from user’s POV: user needs to open a sidebar. They start to look for an icon that looks like a sidebar. How would they discover it under your logo? Only by accident. Users can’t click icons they don’t see.

Thanks nurikolan for reporting this.

#ChatGPT #Gemini #Sidebar #Hover

You are not allowed to close this popup until May 31

Thanks Fuchen for the video

#Google #GooglePhotos #Popup #Tooltip #Close

This is how big companies quietly steal control from users. Youtube search options then → now

#YouTube #Search

This is exactly backwards: non-destructive action behind a click, yet the destructive action “in the open”

Thanks KillerX for the picture

I bought a teapot. It’s not a function of a teapot to show time. This one does, though—it has a computer.

It also completely misunderstands how analog clocks work. In a normal clock, the hour hand moves continuously: it starts at the current hour mark, sits halfway between marks at :30, and nearly ... 1/2

Don’t put checkmark on a button. Checkmark means “Saved, done”, not “Press to save” (in the screenshot, settings are NOT saved)

#Luma #Button #ActionOrState #Checkmark

Pro tip: instead of writing down a short sentence in full, make it appear with on a marquee for dramatic effect

#marquee

Longest checkbox you’ll see

Thanks @NikitaKaramov for the pictures

#Github #Checkbox #CSSisHard

Accessibility as a toggle? Just make it accessible! Always!

Thanks Tony Mottaz for the picture

#accessibility #a11y

Buttons floating over content were a mistake

Thanks juanca for the video

Apparently B stands for “See more...”

Thanks @sumpfsuppe for the video

#Bold #TextStyle #Menu #Submenu #MicrosoftWhiteboard

Icons must help you understand. They are not just random sigils. It the list expands to the right, icon must show an arrow to the right

Thanks @HID_DEVICE for the video

#Icons

Things I learned today:

- Websites can override Cmd+R
- Google Sheets uses it to replace current cell with the cell on the LEFT

#GoogleSheets #Shortcuts

✅ Delete failed 👍👍👍

Thanks @chuhlomin for the picture

#AWS #Amazon

The smaller the window, the more you can see!

Thanks @valery_kirichenko for the video

#Scaling

Affordances are forgotten. Any control can look like any other control.

1 — button
2 — button
3 — text input 🤯

How are you supposed to tell?

Thanks @ilyabirman for the picture.

#Codex #VSCode #AI #LLM #Affordance

The whole block could’ve been a single dropdown

#Apple #Dropdown #AppleStore

This date of birth calendar let you choose dates multiple years in the future. Just in case

#Calendar #DateOfBirth

I can finally articulate why I don’t like subscribe forms in the middle of an article: they invade the content space.

Yes, modern web is full of advertisements, self-promotion, branding, regulatory banners and other “product techniques”. Such is life. Most of them occupy their own space. Banners are on ... 1/2

Ways to close a popup in order of preference:

1. X button it top right corner
2. Click outside
3. Escape key
...
100. A link in the middle of the text

Guess which one worked here

#Meetup #Popup

Normally, when you hold down the Down or Up key on a keyboard, a webpage moves a little, then pauses briefly, and only then starts scrolling continuously. I think this is related to how key repeat works in the OS.

In Safari, however, the page scrolls continuously from the moment you hold the key down—no hiccups. Pretty cool!

#Safari #Scrolling

Anonymous submission. This is worse than I could ever imagine. Original text follows:

---

Your bank re-works their website. Here's what you have to do to log in:

- Use existing username + password: prompt “activate your account!”
- Enter name, birthdate, email, and... member number?
- Dig around files. Member number is not printed on card, not on checks.
- Login page has a button: “find member number” Fine, I'll use that.
- Button is JS that takes you to a new domain. No ... 1/3

Where to hide date sorting? Well, in a paginator component, of course.

Thanks @Margolin for reporting this

#Google #Gmail #Dropdown #Sorting #Pagination

Looks good?

#YouTube #Icons

What Siri does when you ask her to set alarm to 8am every day

Thanks @nzrff for the picture

#iOS #iPhone #Alarm #Siri #Apple

Success is hard

Thanks Márton for the picture

#OneNote #Error

Maybe AI can put us out of this misery? Humanity on its own seems incapable of solving cross-calendar data format compatibility

#Calendar #Format #ics #iCal

Microsoft Word text selection in dark mode is... too subtle

Thanks @Spirtirs for the video

#Microsoft #Word #Selection #DarkMode