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: 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
@nikitonsky: If only computers could create directories instead of complaining about it

Thanks @grishka for the picture
👏12
😁3
@nikitonsky: Do not randomly swap buttons for no apparent reason

Thanks @SomeKirill for the picture

#Consistency #PyCharm
@nikitonsky: Your regular reminder:

1. Do not crop pictures
2. If resizing, keep the proportions

The only operation you are allowed to do on picture is: resize while keeping proportions

The bottom one is the best, probably, but then it decided to add some height by blurring the image itself. It doesn’t add anything but makes it more confusing

Thanks ovf, @The2lb3oz4dr10grOfHedgehogs and @sobersolar for pictures

#Resize #Crop
👍12
@nikitonsky: If you do two columns and then a photo side by side, try not to change the order (Kindle on the left in the table, on the right in the picture)
🤯16🤨3
@nikitonsky: That feeling when you just wanted an empty document but three managers from three different teams want your attention

#GoogleDocs #Popups
😭13