It may seem like a small improvement, but displaying the right keyboard to a user can help ease friction on sign up, and make the whole process faster and more pleasant.
Ever notice your mobile phone’s keyboard varying from one that displays an ‘@’ sign beside the space bar and one that doesn’t…
…or, one that only displays numbers in bigger key sizes?
Imagine filling out a form field that asks for your email with the keyboard below.
You’d have to switch to the layout that displays numbers and special characters, and look for the ‘@’ sign among the 25 keys in that layout.
That’s probably around half to a minute of your time depending on how fast you are at spotting things.
This can be achieved by using the right input type on the form field.
Use type="tel" to bring up the numeric keyboard.
Use type="email" to bring up the keyboard with the ‘@’ sign beside the space bar.
This feature is currently supported by most mobile browsers except Opera Mini, which has a current market share of 4.92%. It will simply fall back to type="text"]
Ericsson’s Mobility Report stated that there are 2.6 billion smartphone subscriptions globally. That’s 1.35 billion ahead of the population in more developed regions reported by the United Nations Population Division. The same report forecasted that by 2021, the number will grow to 6.4 billion smartphone units globally. In a 2015 report by Forbes, combined global conversion rates in 2014 of smartphones and tablets outpaced desktops. These figures suggest that it might be a good idea to start designing a better sign up experience for users of mobile devices, and not just by reducing the number of fields to fill out.
Mobile-Friendly Sign UpIt may seem like a small improvement, but displaying the right keyboard to a user can help ease friction on sign up, and make the whole process faster and more pleasant.
Taking Your Craft SeriouslyAlthough it is easily overlooked, being a software engineer comes with a great responsibility. According to Robert C Martin, a regular new car comes with 100 million lines of code, where he jokingly adds ‘written by a 22-year-old at 3 o’clock in the morning’. It scares him, and if you are tech savvy I am sure you share that opinion. Although funny – this is NOT a joke—being a software engineer does put you in situations where you write code at 3 in the morning for a piece of software that affect the lives or at least the livelihood of people.
Vertical Rhythm in Your CSSTypography and typesetting form the foundation by which your whole user interface stand on. For a designer, everything else—color, art direction—is relative to the intention of the product owner. It’s very malleable. The one thing that should be unbendable is the system by which the letters are laid out on the page. If it’s not solidly built, it can grow bloated and unwieldy. Small changes that would usually take less than an hour to apply, would take double—or even triple—the development time. The size of your file can also double than how it normally would be, and that’s not good for performance. On the other hand, if it’s not the code that doesn’t suffer, it’s the legibility that takes a hit. The vertical rhythm gets compromised in ways that can easily tire the eye of the user.
