RECOMMENDED

All Tips

Make Cards Look Clickable
Make Cards Look Clickable

Make Cards Look Clickable

cta
button
card
ui
ux

In many cases, cards fail to indicate that they're clickable.

Designers omit CTA buttons and only count on the user's experience or/and, hover effects.

In design, it's always a good practice to never leave things on user imagination.

Instead use an actionable button to prompt clickability and describe the action.

←Previous Tip

Avoid Fullwidth Paragraphs

Long lines can bore users and create readability problems. Fix it by limiting the line's width between 500px and 700px. Instead of pixels, you can restrict the character number per line as well. In CSS, it's easy to set this up by using the "ch" unit: `10ch is x10 times the width of the character 0`

text
readability
ux
ui

Next Tip →

Make Inputs Self-Explanatory

The two "secret" weapons to enhance your input fields are the placeholder text & its type.⠀ ⠀ 1. Leverage the placeholder text to guide users instead of just repeating the label. ⠀ ⠀ 2. Limit the wrong input source (eg add country code) by using predefined values for common inputs.⠀

forms
input
ui
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