2.20 Provide Accessible, Usable, Minimal Web Forms
It’s understandable that businesses want to know more about their customers, but a key part of sustainability is being ethical towards visitors and as such, the right to privacy is considered paramount. Don’t demand information when it’s not required and not only will this help visitors complete transactions quicker (reducing emissions), it will help with legal compliance such as GDPR.
- Form Simplicity: Assess the need for forms and reduce form content to the bare minimum necessary to meet the visitor’s needs and the organization’s business goals. Clearly communicate why a form is necessary, what its value proposition is, how many steps it will take to complete, and what an organization will do with collected data (informed consent).
- Form Functionality: Avoid auto-completion / auto-suggest if it would prove unhelpful (to conserve bandwidth) whilst allowing autofill for ease of repeat entry (including the use of helpful tooling such as password managers).
Optimizing forms reduces the resources necessary for visitors to complete them and products or services to process them, and in doing so, will reduce the emissions as a byproduct of avoiding using unnecessary hardware at the server or client-side.
Forms that include informed consent and helpful prompts about cookies, data collection, and so on improve data privacy.
Ensuring your forms are well labelled, and accessible not only for those with disabilities but those using a range of different devices and inputs will allow form processing to occur with higher success rates and thereby avoid wasted attempts that potentially cost you business and cost your visitor’s their time (as wasted screen time has an emissions cost as well).
If visitors can complete forms more successfully, they will suffer less frustration and website owners will get fewer complaints, which will be beneficial in a potential reduction in support costs and result in more visitors likely to continue with purchases on a website.
Forms that are standards-based and well constructed which consider accessibility will improve conversion rates due to visitors being able to complete forms error-free more regularly.
- materials: Medium
- energy: Low
- water: Medium
- emissions: Low
- Best Practices For Mobile Form Design
- Designing Efficient Web Forms
- Digital Eco-Design: Interactions
- Form design: from zero to hero all in one blog post
- Form Design for Complex Applications
- Form UX: How to Design a User-Friendly Form
- Forms Tutorial
- GreenIT (French) 004 – Préférer la saisie assistée à l’autocomplétion
- How Web Content Accessibility Guidelines Improve Digital Products
- Reducing the impact of autocompletion
- [RGESN] (French) 4.12 – Input Warning
- Use input help instead of autocomplete