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: This is called undesirable correlation. It looks like left panel (Detect language) asks you to drag and drop and right one (English) to choose a file.

In reality, both actions apply to the left one! Or to the entire UI, if you will

Anyway, try to avoid

Thanks @slavamfsu for the picture

#UndesirableCorrelation #GoogleTranslate
🤮10💯1
@nikitonsky: First: dropdowns can scroll. You don’t need to help them by limiting the amount of choices. Especially dates in the past

Second: please, I beg you, indicate somehow that controls are clickable

#Invisible #Dropdown
9
@nikitonsky: Your UI has chickenpox, please stay at home!

#Notifications
💊30🕊4👍31😢1
@nikitonsky: Pro tip: try to name your group relevant to their content.

Presented here,

Move & delete: has move but no delete
Tags: has Mark all as read

Another pro tip: if you make a group, it should contain at least two elements.

Thanks @HID_DEVICE for the picture

#Outlook #Dropdown #Menu
👏7
@nikitonsky: If you struggle to choose between “action or state” for your button, at least be consistent. Otherwise you get something like “See All” / “All items” and it’s very confusing

Thanks @spiralganglion@mastodon.social for the video

#Button #Toggle #ActionOrState
💯6😨3😭2
@nikitonsky: “Open link?”
“Sure, seems safe”

But seriously, don’t ask users questions if they have no way to make an informed decision. Whatever users does here, it’ll be based on guess/luck, not on any logical conclusion

Thanks Andrei for the picture

#Popup #Messenger
👎9🥰3🥱1
@nikitonsky: ...aaaaand it’s gone!

If you let user hide something, also give them the tool to bring it back

Thanks @migvidal for the video

#Reversibility #AppleMail
👻7😁4
🥴20😁1
@nikitonsky: This is a dropdown menu. With two options. I guess the lesson here is “don’t use pictures of controls as icons for other controls”

Thanks Hudson for the picture

#Dropdown #Toggle #Icon #Calendly
@nikitonsky: Dear website designers! Please don’t hijack our scroll!

Seriously. It only looks good in one situation: if user scrolls down with constant speed, from start to finish.

But that’s not what real people do! We want to go back and forth, skip some blocks, go back to re-read, search. It’s a website, not a movie

Thanks @generalgda for the recommendation

#Scroll
👍81
@nikitonsky: If you want to trick users into enabling notifications, at least come up with a good reason to do so.

How do notifications help me stay safe? Or send tabs? Or discover features?

Thanks @sobersolar for the picture

#Firefox #Notifications
👍7😁1