RECOMMENDED

All Tips

Validate Deletion
Validate Deletion

Validate Deletion

dangerous actions
ux

Never allow the user to delete something without validation.

People misclick all the time, and losing information forever hurts and creates a bad memory related to your product!

Make sure your UI supports (inline or popup) deletion validation.

Even the undo functionality is useful in these scenarios, although it's impossible sometimes due to engineering restrictions.

←Previous Tip

The Perfect Header

A good header needs to put attention on the title and then lead the reader to the description, which must be readable. A few quick hacks to achieve this hierarchy include: 1. Stronger font-weight for the title 2. A consistent type scale system. The most common is x1.25, which means that if the title is 40px, the subtitle must be 40/1.25 = 32px. 3. Lower contrast for the subtitle 4. Proper line-height for the description text. 5. Left alignment, since it boosts readability

hierarchy
ui
ux
visual effect
header

Next Tip →

Empty State With Templates

Upgrade your UI empty states with templates! Instead of redirecting people to create content from scratch, make their lives easier. Use pre-made templates to help them experience your product's value quicker and boost your product adoption at the same time.

on-boarding
ux

Become a Better Designer.
The Fun way.

Join 100s of developers, entrepreneurs & junior designers who strive to become better in UI & UX design with byte-sized, practical tips & examples!

Get notified about new tips & articles before anyone else!

  • "

    I love these little tips. It’s like Dribbble but actually useful.

    Martin LeBlanc

    CEO of Iconfinder

  • "

    I love UX & UI tips. Especially, when they are practical and presented in a very good way. Yours are meeting both criteria.

    Lisa Dziuba

    Head of Marketing at Abstract