Forms Design
2 likes1,421 views
The document outlines best practices for designing efficient forms, focusing on using pre-existing information and minimizing errors. It emphasizes the importance of labeling, providing visual calendars, and incorporating real-time validation in forms. Key takeaways include streamlining information entry and improving user experience through effective design choices.
Forms Design
- 1. Forms Rock Nov 2015 +Ido Green @greenido greenido.wordpress.com
- 2. Google Confidential and Proprietary Why?
- 3. TL;DR - Forms Design efficient forms Use pre-existing information Streamline information entry Minimize form errors with labeling Provide visual calendars for dates Real time validation of forms
- 4. Bad Forms - Good Forms!
- 5. Progress Bars - 1
- 6. Progress Bars - 2
- 7. Using pre-existing information Should be filled
- 8. Streamline information entry bit.ly/inputtypes choosing the best input type Contextual keyboard
- 9. Minimize form errors with labeling bit.ly/labelinputs labeling form fields
- 10. Provide visual calendars for dates
- 11. Real-time validation of forms bit.ly/form-validation Real time validation
- 12. Form Entry Take-aways Design efficient forms Use pre-existing information Streamline information entry Minimize form errors with labeling Provide visual calendars for dates Real time validation of forms