From the course: UX for Web Forms

Conditional logic - Adobe XD Tutorial

From the course: UX for Web Forms

Start my 1-month free trial

Conditional logic

“

- [Instructor] Conditional Logic, sometimes called Branch Logic is where you only display a question if a user has answered a previous question in a certain way. This technique reduces the average length of your form while also reducing form abandonment by not displaying questions that might be irrelevant to certain users. It makes users feel like the form is more personalized since it's only asking them relevant questions that are specific to their needs. Here's an example of using conditional logic on a form. Where visitors can find precisely what service they're looking for by just clicking a series of icons. If I go ahead and click the icon for auto, I'm going to be taken to a form that is specific to auto insurance. Had I clicked one of the other icons, the form would change based on that choice. Benefits of conditional logic in a form are that you can transform your lengthy forms into shorter ones. By transferring your longer forms into shorter ones the customer doesn't have to scroll down to see every detail of the form. It makes the selection of products easier for the user. You can also customize your forms and fields easily. You can categorize all your products or services into different form fields and only show the ones that are specific to the users needs. This will increase submission rates. Customers are going to find it easy and interesting to fill out your form as the fields of the forms get opened or closed based on their selection. Hence increases the submission rate which is going to result in an increase in the conversion rate as well. Give ease to your customers by providing only relevant fields and save them from answering irrelevant questions while filling out your forms. You can show and hide any conditional form fields based on how the user responds to the previous question. This gives multiple options to users while filling out the form. Here I have an order form for pizza. One of the things that I want to point out is that if you come down to choosing your pizza from the drop down menu you can see that you have two options, vegetarian or with meat. If I click vegetarian it's going to take me to check boxes where I can select the types of toppings that I want on my pizza. If we go back and we change this to a meat pizza, you'll see that the options are also going to change. In this way, the form is only displaying the information that's relevant to the user at that particular time. This is really helpful when you're building out forms.

Contents