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: “Hey, I just hid Shorts!”
“Yes, but these were only the first Shorts”
2
🤮1
@nikitonsky: If you are looking for the checkmarks, they are on the right. Stretching your UI is good, but only up to the point

Thanks John Siracusa for the picture
👀5👍1
@nikitonsky: Remember to add max-width to your buttons

#Google #Reddit #Button
😁6🐳4💯2
@nikitonsky: Your regular reminder: if user can’t see the control, they will not use it

Thanks @SomeKirill for the picture

#Invisible #button #googlepay
👏13
4
@nikitonsky: Can one put EVERY possible control on one screen?

Yandex says — YES!

- Toggle
- Button
- Navigation chevron
- Checkbox (round, no shadows)
- Checkbox (round, shadows)
- Dropdown
- Color icon with filled background (circular)
- Color icon with filled background (rectangular)
- Color icon without background
- Color icon with grey backbground
- Black-and-white filled icon (circular, smaller)
- Black-and-white thin line icon
- Black-and-white thick line icon
- Bold black text
- Normal black text
- Smol black text
- Normal grey text
- Smol grey text

I don’t even know how to tag this post

Thanks @apust for the picture
🔥19🥴9🤣4🤔2
@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