RECOMMENDED

Input UI Design Tips by Jim Raptis

Practical UI design tips about input with real examples — tested in real-life products. Learn how to design better input in your interfaces, landing pages, and apps.

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