Skip to content

Vernon Fowler

Designing inclusive and engaging digital experiences

  • Latest articles
  • Presentations & workshops

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.

Digital prototyping workshop at the 2019 UXLibs conference

To improve the mobile experience of reserving a group study room – the case for my digital prototyping workshop at the 5th UXLibs conference.

Published 22 June, 2019
Categorized as Portfolio Tagged accessibility, forms, interaction design, mobile, prototyping, public speaking, usability, workshop

Input width makes it easy to guide sighted users

Setting input width to guide sighted users reduces cognitive effort needed to fill out forms. I’ve created HTML and CSS code to set width of a postcode field.

Published 26 May, 2019
Categorized as Portfolio Tagged accessibility, CSS, forms, HTML, inclusive design, mobile

Form wizard remediation – from research to design

My lightning talk on remediation of technical and non-technical issues in a registration form. This effort brings us nearer to our goal of no barriers.

Published 17 May, 2019
Categorized as Portfolio Tagged accessibility, forms, inclusive design, public speaking, testing

Posts navigation

Newer posts Page 1 … Page 3 Page 4 Older posts

Tags

accessibility continuous improvement CSS design system empathy flow forms HTML inclusive design interaction design JavaScript mobile navigation 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.