Hello web developers!
I’m working as a web dev, but recently starting slowly switching to UI/UX area because I like it very much.
Since it’s Saturday, I want to share…my Twitter thread on this show-off day 🙂 I took the challenge of posting a UI tip every day for 50 consequent days. 19 so-far, but I have already done about ~45 in total in advance 🙂
The thing is, it’s not about super-duper cool design stuff. It’s about user interfaces and user experience. Small but efficient things that I find on the web. Plus, my own experience.
So they should be practical for any developer since they (hopefully) evolve their UI/UX skills.
I would love to hear your feedback. Maybe I should try another format (take a look at the last picture), maybe something else.
Here are some examples (on Twitter I put some comments for every tip)
This often happened at my job, when we changed the contents of a button to a loader, removing previous content. So the button shrunk,, which is distracting for users.
Some devs tend to hide everything under question icons, but this is considered a bad practice.
For example, if your users are 90% from the USA, make it the first option. You’ll make their life easier.
Z-Patters for eye usually considered as a bad practice
Very often mistake in my opinion. There is a proximity rule that states that related objects should go together.
When there is no designer in the project, managers/dev usually are happy to put everything in modals.
This is my personal tip I implemented in a project where the forms are quite long. I used vee-validate, and they have a way to scroll to the first error. I think it’s a great UX.
Don’t hide password rules, especially if they are complex!
Here is another format I tried. Looks decent for some micro tutorials, I think:
So, tell me your thoughts!
I’ve posted all of these tips on user-interface.io in a list. You can also find there past issues of my newsletter which is dedicated completely to UI/UX stuff.
Thank you! 🙂