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)

r/webdev - I'm making simple UI tips. Hopefully useful for web devs for improving their interfaces.

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.

r/webdev - I'm making simple UI tips. Hopefully useful for web devs for improving their interfaces.

Some devs tend to hide everything under question icons, but this is considered a bad practice.

r/webdev - I'm making simple UI tips. Hopefully useful for web devs for improving their interfaces.

For example, if your users are 90% from the USA, make it the first option. You’ll make their life easier.

r/webdev - I'm making simple UI tips. Hopefully useful for web devs for improving their interfaces.

Z-Patters for eye usually considered as a bad practice

r/webdev - I'm making simple UI tips. Hopefully useful for web devs for improving their interfaces.

Very often mistake in my opinion. There is a proximity rule that states that related objects should go together.

r/webdev - I'm making simple UI tips. Hopefully useful for web devs for improving their interfaces.

When there is no designer in the project, managers/dev usually are happy to put everything in modals.

r/webdev - I'm making simple UI tips. Hopefully useful for web devs for improving their interfaces.

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.

r/webdev - I'm making simple UI tips. Hopefully useful for web devs for improving their interfaces.

Don’t hide password rules, especially if they are complex!

Here is another format I tried. Looks decent for some micro tutorials, I think:

r/webdev - I'm making simple UI tips. Hopefully useful for web devs for improving their interfaces.

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! 🙂





Source link

Write A Comment