← Feed

Posts

• View post

  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

• View post

  False correlation: if two UI controls look similar and positioned nearby, one might think they are related. #Telegram #Video #Progress #Timeline #Correlation

• View post

  I get it. Everything is new. #YouTube #Badge #DesignForDesignsSake

• View post

  I consumed 31% more electricity this month. Should the finger point up because the consumption went up, or down because it’s not good news for me? #Icon #Report #ThumbsDown

• View post

  Magnifying glass leaning to the right means Find. Leaning to the left? Zoom #Icons

• View post

  I was wondering what a play button does on an already playing video. Turned out first video was a “cover image” for another video! #Anthropic #Claude #Video #Play

• View post

  Right-click menu WITH TABS. Don’t ask me if good or bad. I just never seen anything like this before. #Telegram #ContextMenu

• View post

  Team A: Let's force user to type flag name to make sure they understand and pay attention to what they are doing Team B: Let's add copy to clipboard link to all code fragments! #MollyGuard #LaunchDarkly #Copy #Clipboard

• View post

  You can show Trash in Finder’s sidebar in Golden Gate but you can’t drag files to it. Come on, Apple! #macOS #Trash #DragAndDrop #Finder

• View post

  Two interfaces for the price of one: - “right” option on the left, “left” on the right. - You need to make slider longer if you want to select “Short”. #macOS #SpacialAwareness #Metaphors

• View post

  Apparently I can’t switch these toggles because this is their disabled state #Toggle #Switch #macOS #Disabled

• View post

  Looks like our friend ChatGPT has run out of icons. Thanks Jim Nielsen for the pictures #Icons #ChatGPT

• View post

  Don’t style your labels as controls. User might think they are clickable (they are not) #Google #Toggle #Switch

• View post

  Action or state is a tricky problem in UI design. What should be written on a button? Current state of the system or a state that it will switch to when clicked? Why not both? Spotify’s Preview button shows state in its icon, but action in its label ¯\_(ツ)_/¯ See also: https://grumpy.website/1113 #ActionOrState #Button #Icon #Spotify

• View post

  What are you? A slider? Radiobuttons? Switch/toggle? Thanks esp for the picture #Slider #Radiobutton #Switch #Toggle #Settings #Preferences #SendGrid

• View post

  Button with question? #Google #Chrome #Button #Question

• View post

  Looks like Siri came to Europe. As usual, with impeccable Apple animation quality. And two active text cursors #Apple #Siri #Animation #macOS #AppleNotes #Cursor

• View post

  I am always afraid this will happen. Thanks @FaviFake for the video #OTP #Paste

• View post

  Why log in when you have to, when you can instead experience the same Kafkaesque maze of pages, redirects, confirmation emails, copying codes, and searching for a second device—all a week in advance?

• View post

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

• View post

  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

• View post

  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

• View post

  You are not allowed to close this popup until May 31 Thanks Fuchen for the video #Google #GooglePhotos #Popup #Tooltip #Close

• View post

  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

• View post

  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...

• View post

  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

• View post

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

• View post

  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

• View post

  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

• View post

  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