RECOMMENDED

All Tips

Pick The Correct Element
Pick The Correct Element

Pick The Correct Element

conversions
forms
input
cta
ux
ui

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.

←Previous 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

Next Tip →

How To Enhance Hierarchy

Visual hierarchy is important in design because it boosts the user experience and leads the user attention Your No.1 priority is to make your primary action (aka CTA) prominent. In this case, the button that initiates the booking process is the main CTA. Then you need to make text readable & distinguish element types. eg. Tags must not look like the primary button. Play with text attributes (weight, size, line height) to hack visual attention & hierarchy.

visual effect
how
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