Skip to content

Vernon Fowler

Designing inclusive and engaging digital experiences

  • Latest articles
  • Public speaking

Tag: forms

Forms make or break the most crucial online interactions: checkout (commerce), registration (community), data input (participation and sharing), and any task requiring information entry.

Any meaningful experience on the web has a form. Whether it’s a form made of text boxes, toggles, buttons, checkboxes, or touchable widgets, web developers need to be purposeful about forms to make users happy and increase conversions.

HTML5 introduced new features for web forms. Identifying input purpose via autocomplete attributes makes easier and faster form filling experiences for everyone entering personal or payment information. New input types, inputmode, and pattern attributes help users enter data accurately and efficiently.

Occasionally native HTML elements aren’t enough. A little ARIA can make them accessible, for example to screen reader users.

Results of accessibility testing a multi-channel form wizard

In September 2018 I conducted manual accessibility testing on the first iteration of member registration as a form wizard. This was my lightning talk.

Published 26 September, 2018
Categorized as Portfolio Tagged accessibility, CSS, forms, HTML, public speaking, testing, user research

4 Mobile form improvements for better UX – registration

I designed 4 mobile improvements to a registration form. These UX improvements make it faster to complete, easier to fill out, and increase data accuracy.

Published 23 February, 2018
Categorized as Portfolio Tagged forms, HTML, mobile

Posts navigation

Newer posts Page 1 … Page 4

Top 5 posts

  • Creating form navigation for a web prototype
  • Wireframing a web form wizard
  • A small win to fix your LibCal interface
  • How to make improved form validation messages
  • When and where to set input spellcheck =false

Tags

accessibility continuous improvement CSS design system empathy flow forms HTML inclusive design interaction design mobile prioritise processes prototyping public speaking self-service service blueprint testing usability user interfaces user research wireframing workshop

Connect with me on

  • LinkedIn
  • Twitter
  • CodePen
  • email

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
Vernon Fowler
Proudly powered by WordPress.