RECOMMENDED

All Tips

Make Inputs Self-Explanatory
Make Inputs Self-Explanatory

Make Inputs Self-Explanatory

forms
input
ui
ux

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.⠀

←Previous Tip

Make Cards Look Clickable

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.

cta
button
card
ui
ux

Next Tip →

Pick The Correct Element

Make it as simple as possible for users to enter their information.⠀ ⠀ Choosing the right UI element plays a huge part in upgrading UX.⠀ ⠀ For example, use a number picker for integer numeric values instead of a generic text field. In eCommerce carts, most users will buy 1, or 2 items maximum. The -/+ buttons make their input process quicker.

conversions
forms
input
cta
ux
ui

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