Web Forms: Costly Mistakes You Want to Avoid

· Product Design Book 1 · Geoffrey Crofte
Ebook
324
Pages
Eligible

About this ebook

Every day we interact with web pages, mobile applications, Web Apps and, for the past few years, what are also known as PWAs (Progressive Web Apps). These artefacts that make up the rich world that the web has become all have at least one thing in common: the forms that allow us to interact with its content, its creators and many other people.

These forms have evolved quite a bit since the early days of the web. The first sources I found during my research date back to an interface called Archie, which offered a form for searching an index using FTP (File Transfer Protocol) on a local network. Nothing that didn't involve a great deal of interaction with others.

With the Web Forms 1.0 standard, many of the new features adopted around these forms then stagnated until the need for change arose with mobile usage, particularly between 2008 and 2015. In fact, the Web Forms 2.0 standard was first written in 2008, the same year that I started to become a professional in the web field.

The Web Forms 2.0 standard introduced with HTML 5 has brought us many new types of form fields: e-mail, URL, telephone, etc., as well as new APIs (Application Programming Interface) in JavaScript, and continues to evolve today much faster than in the past. Don't wait for a new version of HTML to update: HTML is a Living Standard, meaning that it has been constantly evolving since version 5.

These technical developments, these fields and other new features are designed to keep pace with changes in usage, particularly in the habits of users of mobile devices such as smartphones and tablets, but also to enhance the possibilities for interaction on all the devices we use today.

Despite all this progress, it's not uncommon to find forms with a deplorable user experience.

How did we get to this point when technology is supposed to be helping us to improve the digital services we offer?

My answer in one sentence: it's a gentle mix of responsibilities between (customer) service, design and ergonomics, accessibility and technology, which is leading our users to a deterioration in their experience of our websites and, more particularly, our forms. In other words, user and customer experience is a multi-stage, multi-stakeholder process that can be likened to a machine: if a single cog doesn't do its job, the whole process can go wrong.

How can we introduce a better level of experience for our visitors? How can we monitor and measure this quality?

Between accessibility, usability, user experience and search, user interface, HTML and CSS, let's take a quick look at the state of the art of web forms, and how we can improve all of this.

About the author

Geoffrey is passionate about martial arts, design and photography.

His experience on the tatami mats taught him humility and respect. Outside of the dojo, he has ventured into leather crafting since 2021, sharing his creations on Instagram under the handle @lordleathercraft

Immersed in the professional world of the web since 2009, he explores design and development, evolving from front-end development to project management, including interface design while freelancing. His multiple experiences, from freelance to international startups, opened his eyes to the diversity of users.

His first book in a series on Product Design focuses on errors around forms and is the result of extensive research and expert contributions blending nuanced opinions, because the world is rarely binary. Join in exploring research-backed perspectives, always mindful of the nuances that make our shared experience rich.

Stéphanie is a Product Designer specializing in user research and the development of business solutions to meet complex needs. She shares her research and insights on social networks wherever you may come across her name.

Rate this ebook

Tell us what you think.

Reading information

Smartphones and tablets
Install the Google Play Books app for Android and iPad/iPhone. It syncs automatically with your account and allows you to read online or offline wherever you are.
Laptops and computers
You can listen to audiobooks purchased on Google Play using your computer's web browser.
eReaders and other devices
To read on e-ink devices like Kobo eReaders, you'll need to download a file and transfer it to your device. Follow the detailed Help Center instructions to transfer the files to supported eReaders.