Posts by grumpy_website@mastodon.online
(DIR) Post #B4DaXqeIM6fbqxgiB6 by grumpy_website@mastodon.online
1 likes, 0 repeats
Affordances are forgotten. Any control can look like any other control.1 — button2 — button3 — text input 🤯How are you supposed to tell?Thanks @ilyabirman for the picture.#Codex #VSCode #AI #LLM #Affordance
(DIR) Post #B5AoIp68hYzCNs4qga by grumpy_website@mastodon.online
0 likes, 2 repeats
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- CopilotThanks @yermishkina for the picture#Microsoft #Teams #Icons
(DIR) Post #B5YHRjtQmz0w9aoaxM by grumpy_website@mastodon.online
0 likes, 1 repeats
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
(DIR) Post #B6UNnxmJiHIiTx8y12 by grumpy_website@mastodon.online
0 likes, 0 repeats
Pro tip: instead of writing down a short sentence in full, make it appear with on a marquee for dramatic effect#marquee
(DIR) Post #B6rKnQbjgkXtk24nyq by grumpy_website@mastodon.online
1 likes, 0 repeats
You are not allowed to close this popup until May 31Thanks Fuchen for the video#Google #GooglePhotos #Popup #Tooltip #Close
(DIR) Post #B7WJJn9ApGplcX3xVQ by grumpy_website@mastodon.online
0 likes, 1 repeats
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
(DIR) Post #B8YqtuedFLnX0qOwmu by grumpy_website@mastodon.online
0 likes, 1 repeats
You know you have a popup problem when your popups start having popups.#Popup #Onboarding #Calendly
(DIR) Post #B8zewWS5SCoBv0hKMK by grumpy_website@mastodon.online
1 likes, 0 repeats
I am always afraid this will happen.Thanks @FaviFake for the video#OTP #Paste
(DIR) Post #B90ALbIVflGUlVekvg by grumpy_website@mastodon.online
0 likes, 1 repeats
A modal dialog without close or cancel button. Clicking outside doesn’t close it either.#macOS #DiskUtility #modal #dialog
(DIR) Post #B90AjMbDyISw86k06S by grumpy_website@mastodon.online
0 likes, 1 repeats
Leave it to Google to make a “Copy to clipboard” button that- Takes a non-zero amount of time to complete- Shows a spinner- Might failThanks @grishka for the video#Google #Clipboard #Spinner
(DIR) Post #B9JZ3Zky3do8LgvjKy by grumpy_website@mastodon.online
0 likes, 1 repeats
Don’t move buttons from under the mouse.Thanks @The2lb3oz4dr10grOfHedgehogs for the video#Popup #Calendar #Stability
(DIR) Post #B9bG77DdJbCKvY0aA4 by grumpy_website@mastodon.online
1 likes, 1 repeats
See a mute button? Would be a shame if you move your cursor to press it and something else appears in its place#Hover #Button #Coub
(DIR) Post #B9znDWIjIhvXMia4ga by grumpy_website@mastodon.online
0 likes, 1 repeats
@jeremykanter I still can’t get over the fact that they rounded corners on a crop tool
(DIR) Post #B9znMNHeCGGe0LISie by grumpy_website@mastodon.online
0 likes, 1 repeats
The “Apply” button goes into “...” menu? One of the two buttons you actually need on this screen???Thanks Robert for the video.#Apple #iOS #Screenshot #Crop #Menu
(DIR) Post #BA8pvjV3LROvu1QquW by grumpy_website@mastodon.online
0 likes, 1 repeats
This Google Translate icon is actually a toggle, but it indicates its status with two very close shades of grey, AND its hover state is the same for both states. Good luck if you actually try to use it.#GoogleTranslate #Toggle #Hover
(DIR) Post #BAGHefUqnrzF0Dlfma by grumpy_website@mastodon.online
0 likes, 2 repeats
Okay here’s the thing that worries me about animating hovers.On the left, when you move your mouse, the element under it reacts. It’s a menu item saying “Hey, I see your cursor, I am ready!”On the right, it feels like hover is attached to your mouse, and you move it over menu ... 1/2
(DIR) Post #BAGHeg3whO3kl4BhU8 by grumpy_website@mastodon.online
0 likes, 1 repeats
... items. Basically it’s just a larger cursor.I vastly prefer the version on the left. I think the right is incorrect, confusing, and doesn’t do what it’s supposed to: indicate the element’s interactivity.Video source: https://x.com/micka_design/status/2097683693494280270#Hover 2/2
(DIR) Post #BAHnZNq2Q7ZSToA6HQ by grumpy_website@mastodon.online
0 likes, 1 repeats
Very strange pattern from Github. To rename a repo, you need to click the same button TWICE. First click runs name conflict check, and then the same button in the very same place with the same label starts behaving differently and becomes the actual rename. I only figured it out because I thought I misclicked the first time.#Github #Button
(DIR) Post #BAQZghbHx0k04I7s36 by grumpy_website@mastodon.online
0 likes, 2 repeats
Apple’s HIG:> Show one popover at a time. Displaying multiple popovers clutters the interface and causes confusion. Never show a cascade or hierarchy of popovers, in which one emerges from another. If you need to show a new popover, close the open one first.> Use submenus ... 1/2
(DIR) Post #BAQZghxyaetBCejzPc by grumpy_website@mastodon.online
0 likes, 0 repeats
... sparingly. Each submenu adds complexity to the interface and hides the items it contains.> Limit the depth and length of submenus. It can be difficult for people to reveal multiple levels of hierarchical submenusThanks @valery_kirichenko for the video.#Popup #Apple #HIG #iOS #Menu #Submenu 2/2