Input fields are a very important aspect of mobile design. We tend to take them for granted, especially when designing small websites or mobile apps.

When we need to design a corporate website where we have more than one contact form, then we should reconsider and reimagine these small elements. The whole point of doing this makes them invisible to the end-user, allowing users to focus on more important things. We don’t want our users to leave at a crucial point in their journey, when they need to input information or maybe even make a purchase. This usually happens on e-commerce websites when the user is required to fill in too many fields in order to complete the transaction. The trend is to streamline the process, and big players are getting involved with mobile wallet solutions as well.

For mobile design, it is important to provide clear, always visible labels for each input field. Clear labels make users feel more confident that they understand information in the right way, promting them to take action.

Data comes in many formats. Of course, we think that you should always try to design input fields in a way that resembles how users typically enter information. For instance, the phone number field can be auto-formatted. This eliminates any formatting ambiguity the customer may have had.