The song is playing, but where’s pause? User can’t press the button they can’t see!
Image from t.me/turulin_log/168
(you need to hover the artwork square)
The song is playing, but where’s pause? User can’t press the button they can’t see!
Image from t.me/turulin_log/168
(you need to hover the artwork square)
I tried to copy a link to a shopping list from Ikea web app. Of course, it’s an app, so links don’t work, you need app to “support” copying a link.
For some other reason, Ikea decided that just copying a link is boring, so they implemented system “Share” menu insted.
Now, Share menu would be cool if they had a Copy option. They don’t. You are allowed to send this link to an app but not to clipboard.
Okay, I thought. Let’s choose the least complex option. I choose Notes. Notes is an app for, well, notes. Presumably it should support copy & paste at the very least.
So I go launch Notes app (just to copy a link!). Find the note that was created (and that I will have to delete after I get the link). The link is there in the form of preview. There is no URL, and Copy action in context menu copies page title!
You can, of course, click on a link. That will open a browser, and that browser will load the page (whether you wanted that or not). Hopefully there are no redirects and you can grab the URL from the URL bar.
There were no redirects, so that’s the end of the story. How to copy a link to a page in 2026. Simple building blocks >>> ecosystem
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.
Another problem with hover states: buttons are invisible until you hover over them. People can’t click on buttons they can’t see!
For example, here, they put most-used actions directly over each email. Presumably that should help you sort your mail faster, processing some letters without even opening them.
The problem is these buttons are invisible. You see an email that you already know what to do with, but you don’t see the button to do it! First, you have to hover, then locate where the button appears, and only then move again to click it. So it doesn’t help as much as you’d think.
Is it worth the visual noise and flickering that it produces? For me—no.
This date of birth calendar let you choose dates multiple years in the future. Just in case
Accessibility as a toggle? Just make it accessible! Always!
Thanks Tony Mottaz 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 reaches the next one by the end. Normally, a clock like this would read 11:53.
But not here! The hour hand stays fixed and only jumps when the time rolls from :59 to :00. So the time displayed here is actually 12:53! Which confuses the hell out of me.
The teapot looks great, though.
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
No time to explain, just trust me on this one
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.
The whole block could’ve been a single dropdown
