Imagine sending this to HR

Everyone has seen the DCIM folder. But do you know what it stands for? I didn't 😅

UI/UX Tip 💡 Do not disable the submit button. In the example below, I have no idea why I couldn't complete the purchase.

UI/UX Tip 💡 Space is an ultimate separator. Give your input groups enough space to breathe so that they don't stick to each other. Use space - it's free 😌

UI/UX Tip 💡 Prevent layout shifts. Hovering over a card shouldn't shrink its content, often caused by incorrect CSS. There are few ways to fix it, for example: 1. Use a transparent border 2. Use a box-shadow that doesn't alter the box model size

UI/UX tip 💡 Grouping data > listing data. 1. Don't just dump database rows. Group them. 2. Make a visual distinction between labels and values. Note that users first look for the label and then check its value (in this case). That's why we need dotted lines to connect them.

Good stuff ☝️

Happy Black Friday, everyone! My bundle (-40% off): - A UI/UX course: Learn to analyze UI, spot problems, and fix them - 100 UI/UX Tips book: Over 1,000 copies sold - Re:Form book: Learn how to build usable forms Three in one. Discount code already applied. Today.

Indeed, exciting benefit!

Here is the best ad for an app. Today, I got a notification from CleanShot that my cloud storage is almost full. I didn't even know that it was limited and hadn't thought about it at all. So I went to my account and saw that I had uploaded... 1678 videos & screenshots.

Love working from cafes 😍

clicking on a hashtag now opens up an extremely useful menu! #ux #uxwin

Why does file info on macOS look so bad? Very small font size, no accents (e.g., labels and values have the same style), and overall everything looks so cramped. Don't you think so? 🤔

Do you know what URL stands for? 🤔

UI/UX tip 💡 Use okLCH instead of HSL/RGB. This topic deserves an article, and there are already many on it. In a nutshell it: 1. Includes more colors than RGB (P3, Rec2020) 2. Better for accessibility 3. Better for design consistency 4. Better aligned with human perception

There are so many problems when it comes to the user experience of physical products. Starting from unpackaging and ending with everyday usage. It's a different genre.

UI/UX Tip ⚡ When performing lengthy tasks, inform users about the time it will take, and allow them to continue using the app while the task runs in the background.

UI/CSS Tip 💡 There is a grayscale filter in CSS that can make your pictures completely grayscale. It's useful when you want to show a bunch of logos, making them grayscale by default, but when you hover over them, they become colorful. But!

Last year I sent quite a few real letters via post. I didn't just send simple postcards, but rather a large envelope filled with interesting content. The problem is that each letter costs around ~$10-15 to send, and if I send, say, 100 letters, it'll be $1000.

UI/UX Tip 💡 Avoid placing all validation messages below the form in one spot. This forces users to move their eyes up and down to match errors with inputs. When users fill out a specific input, they are within the CONTEXT of that data.

I've just realized I have sent over 160 newsletter issues. Now, what if I adapt them and move them to my blog... 🤔

UI/UX Tip ⚡ People often want to use your logo, and they'll typically right-click on it on the landing page. Consider offering an option to copy the logo or access brand guidelines, which can include various logo variations.

Need your advice 🙏 I want to send a lot of real letters via traditional post. The problem is that sending one letter is costly, it's around ~$10 for me. So, sending 100 will cost $1000.

UI/UX Tip 💡 Emphasize important information. Users frequently visit your app and become familiar with the dashboard cards, their placement, and their content. However, if the label and value have the same visual weight, it can make more distraction than clarity.

Let’s forget about UX for a moment and just enjoy the design.

That's the UX spirit. How can I fill in the zip code?

Good old days

What's going on here? A11y of a banana?? 🤣

Want to keep your subscribers on your list? Don't let them uncheck the "Lessons and Learning" checkbox. Still, make sure to show it, so users understand they will receive notifications regardless.

Apps that unlock the “Next” button only after I scroll through the Terms and Conditions really overestimate my reading habits. This UX simply doesn't work.

UI/UX Tip 💡 For draggable handles, create an invisible area larger than the visible one, making it easier to interact with. This approach is especially important for mobile devices, where precise tapping can be challenging.

UI/UX Tip Instead of using generic text like "Type your reply" in placeholders, try being more specific. For instance, if you're replying to someone, include their name in the placeholder. This approach can be applied to many other situations as well.

If your users are going to make a mistake, make sure it's your fault, not theirs.

UI/UX Tip ⚡ A handy trick to standardize icons is to place them inside rectangles with fixed dimensions. This method helps compensate for inconsistencies when icons are of different sizes. By putting them into containers, you make them appear uniformly sized.

The most powerful CAPTCHA I've ever seen. Yes, the numbers are in plain text in HTML.

A or B?

Why? Just... why?

Awful UX. I don't get it, why 20% of a video is covered by who-knows-what. - Sometimes I can't see important parts of the video. - I never can find "the full video" when YouTubers ask for it. - I'm afraid to touch all of these text elements since they are clickable.

What a great CTA animation! 🤯

I'll just leave it here.

The best progress bar I've ever seen 😂

Nice accessibility tip 💡 The picture is taken from Smashing Magazine's article "How Accessibility Standards Can Empower Better Chart Visual Design" by Kent Eisenhuth.

Variable fonts 🥰

Do you ever feel this way? When you see a new CSS property, go to MDN, and then say to yourself, "Okay, is there an explanation for dumb people like me?" And go to a different site to find a description like it is for children? 😅

A login form of a construction company. I wonder how reliable their buildings are. 😅

Same problem. There should be a feed that shows me relevant content. Like "For You" on X. Not saying X always shows relevant content but BlueSky sometimes flooded by politics

Recently, I needed to order a birthday cake for someone in Japan. When I saw: - Number one candle - Number two candle - Number three candle It reminded me of the high life expectancy in Japan :)

Knowledge  ≠ Tools. Design is knowledge. Framer, Wordpress etc are tools. Don't mix them up.

For those who blame macOS Tahoe for bugs. Let me tell you how apps work in the country I live. Once, all users of the most popular bank got a push notification saying: "Bro, why are you bald huh?" Yes, they just tested something in production.

UI/UX Tip 💡 Put related elements together. I can change the alt text for some of the pictures here. But the arrows that take you to the next picture are at the top! Let alone the save button, it's typical for X to put CTA buttons where the close button should be.