A recent study found that on average, designing a form to have a great user experience almost doubled the rate of successful first-time completions. For example, Ebay made an additional $USD 500 million annually from redesigning just the button on one of their mobile form screens.
More conversions, fewer dissatisfied users, better return on investment. Can you afford not to improve your forms' user experiences?
This book will walk you through every part of designing a great forms user experience. From the words, to how the form looks, and on to interactivity, you'll learn how to design a web form that works beautifully on mobiles, laptops and desktops. Filled with practical and engaging insights, and plenty of real-world examples, both good and bad.
You'll learn answers to common queries like:
- Where should field labels go?
- What makes a question easy to understand?
- How do you design forms to work on small screens?
- How does touch impact on form design?
- How long can a form be?
- What look and feel should the form have: skeumorphic, flat, or something else?
- What's best practice for error messaging?
Table of contents
- Who Should Read This Book
- Conventions Used
- Supplementary Materials
- Form Projects
- Words Matter Most
- Good Form Questions Are Hard to Find
- What Is a Question?
- Four-stage Model for Question Answering
- Judgement: Checking Answer Suitability, and Making Adjustments
- Answering: Physically Providing the Answer
- Questionlevel Help
- Deciding What Questions to Ask
- Common Questions
- Other Words in Forms
- Yours or Mine?
- Words That Work
- A Mantra: It’s All about Balance
- For Realz
Choose Your Field Types
Problems with Using “Enhancements” to Answer Field Types
- Issues with Dropdowns
- What to Use Instead of a Dropdown
- Long Lists of Options
- Implementing Country Text Box with Autosuggest
- Segmented Controls and Switches
- What to Use Instead of a Segmented Control or Switch
- Date Pickers
- International Date Picking
- What to Use Instead of (or in Addition to) a Date Picker
- One Text Box or Many?
- Sliders and Steppers
- Sliders in HTML5
- What to Use Instead of a Slider or Stepper
- Single Checkboxes
- Problems with Using “Enhancements” to Answer Field Types
- Required Versus Optional Fields
- Contact Information
- What’s Absent from Our Layout
- Question Order
- Principles for Deciding Question Order
- Before and After
- From Good to Great
- The Art and Science of Flow
- Forms Documentation: QxQ
- Title: Designing UX: Forms
- Release date: September 2016
- Publisher(s): SitePoint
- ISBN: 9781492017530
You might also like
Messy code is a nuisance. "Tidying" code, to make it more readable, requires breaking it up …
Speak with Confidence
In Speak with Confidence: Overcome Self-Doubt, Communicate Clearly, and Inspire Your Audience, keynote speaker, author, and …
The Design of Everyday Things
First, businesses discovered quality as a key competitive edge; next came science. Now, Donald A. Norman, …