Best Practices For Mobile Form Design

33 min read
No meows just yet

August 28, 2018 — Users can be hesitant to fill out forms. That is why it is our goal as designers to make the process of filling out a form as easy as possible. In this article, I’ll share a number of practical ... Read More…

25 more articles

Stéphanie Walter wrote

UX And HTML5: Let’s Help Users Fill In Your Mobile Form (Part 2)

August 27, 2018 — This is the second part in a series on enhancing mobile forms for users. In the first part, we saw some general guidelines on how to improve form readability for mobile users, label placement and size, interaction cost and dealing with errors. Read More…

Stéphanie Walter wrote

UX And HTML5: Let’s Help Users Fill In Your Mobile Form (Part 1)

August 20, 2018 — Do you test your forms on real users and real devices? If not, you should. Let’s take a look at some of the techniques that can help you take your forms to the next level and help users fill them in. Read More…

Brian Holt wrote

Building A Serverless Contact Form For Your Static Site

May 2, 2018 — With the help of this article, you will finally be able to learn the basics of Amazon Web Services (AWS) Lambda and Simple Email Service (SES) APIs to help you build your own static site mailer on the Serverless Framework. Let’s get started! Read More…

Kate Sipkina & Olga Ratinova wrote

UX In Contact Forms: Essentials To Turn Leads Into Conversions

March 28, 2018 — There’s always room for improvement. Start making a change today by improving your contact forms — those crucial elements before users make a purchase or subscribe to a newsletter. Read More…

Vitaly Friedman wrote

Uploading Directories At Once With webkitdirectory

September 19, 2017 — If you’ve ever tried to implement a bulletproof, good-looking file uploader, you might have encountered an issue: uploading an entire folder or folders of files is usually quite a hassle, as files in each folder have to be selected manually. And then some folders might … Read More…

Nick Babich wrote

Designing Efficient Web Forms: On Structure, Inputs, Labels And Actions

June 1, 2017 — Someone who uses your app or website has a particular goal. Often, the one thing standing between the user and their goal is a form. Forms remain one of the most important types of interactions for users on the web and in apps. In fact, forms are often considered the final … Read More…

Adam Silver wrote

Better Form Design: One Thing Per Page (Case Study)

May 22, 2017 — In 2008, I worked on Boots.com. They wanted a single-page checkout with the trendiest of techniques from that era, including accordions, AJAX and client-side validation. Read More…

Zack Grossbart wrote

What You Need To Know About OAuth2 And Logging In With Facebook

May 2, 2017 — In case you’re wondering what OAuth2 is, it’s the protocol that enables anyone to log in with their Facebook account. It powers the “Log in with Facebook” button in apps and on websites everywhere. This article shows you how “Log in with Facebook” works and … Read More…

Margarita Klubochkina wrote

How To Improve Your Billing Form’s UX In One Day

March 22, 2017 — The checkout page is the last page a user visits before finally decide to complete a purchase on your website. It’s where window shoppers turn into paying customers. If you want to leave a good impression, you should provide optimal usability of the billing form and improve … Read More…