RECOMMENDED

All Tips

Always Have A CTA
Always Have A CTA

Always Have A CTA

ux
conversions

Always have a CTA button on your website's above the fold section

Many of your visitors might never scroll down your landing page

So you need to offer them an option to convert immediately.

←Previous Tip

De-emphasize Dangerous Actions

Always try to de-emphasize dangerous actions like deletion. You have to prioritize the default action instead of the dangerous/irreversible one. Also, use more than one trait to make the element look like a secondary action (color, size, type, placement, etc).

ui
ux
visual effect
dangerous actions

Next 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

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