Aug 02, 2022
In Welcome to the Forum
My job lately involved a difficult task - how to design better forms for my product. When I got this assignment, I had no idea what the difference was between a good form and a bad form. I need to think: should I design a multi-step form or a one-page form? Should I use placeholders? How can I make my form more in line with the principles of inclusive design? Almost every important interaction Buy email list that takes place on a web page, from registering and logging in, purchasing products and services, to initiating customer assistance or getting feedback, needs to be done through forms. So while forms may not be the most exciting design element in design, learning how to design a good form is a very valuable skill. After studying some sources, I have compiled what I believe to be the best and most effective form designs. However, what we need to remember is that a form is a highly context-dependent design element, so in practice there are exceptions that designers need to analyze on a case-by-case basis. Before we get started, let's quickly review the five main elements of a form: Structure : the layout of the form and the order of the form items Input box : interface elements such as text box, single-selection or multiple-selection Input box label : the corresponding prompt text of the input box Action button : The user performs an action, such as submitting their personal information Feedback : Make users aware of whether their submission was successful, feedback can be visual cues or auditory cues 1. Keep the form as single column as possible Multi-column forms can be misleading: it's very easy for users to ignore some required fields , put information in the wrong text box, or give up filling out the form entirely . The image below shows how the user's gaze moves when faced with a multi-column list.