2

I would like to know the best UX pattern for implementing such forms. This will be used to setup the discount of a particular hotel.

The existing swing UI is designed in narrative forms and I am required to implement this as the new web UI. I have checked the natural language form concept a little bit but it has its own pros and cons and few negative feedback as well.

What is the better approach over natural language form and traditional forms?

enter image description here

This is the approach I have taken so far (traditional forms) enter image description here

  • 1
    Hi Nuwan, what does your current draft look like? We will not do your work for you, so please show some effort. – Nash Sep 23 '20 at 5:27
  • hi @Nash I don't want to get work done from you. I am just asking the better approach for this. I have updated the current status and traditional form approach that I have taken so far. – Nuwan Sep 23 '20 at 6:06
  • 1
    Who is the user here? A hotel staff member will likely prefer a well layed out traditional form as that will be faster for them. Your labels and controls are very far apart, increases mistakes and slows down users. – Martyn Sep 23 '20 at 9:35
3

Natural language forms are much suited in short queries. Like i would like to book a ticket to "Choose Destination" on "Choose Date". These are much intuitive and direct. You can check out Luke's post on mad-libs form to learn more. But when it comes to long forms, it can increase the load on the user.

Standard forms are lot easier when it comes forms that has to be filled frequently. For an enterprise product like the one you are designing, label and form field will do more good than sentence with a form field. I would suggest you break the form into 3 simple steps with titles & progress tracker. Say for example : Adults, Children, Review. In each step you can have multiple fields based on your requirement.

  • Thanks @Lakshmanan Palani – Nuwan Sep 24 '20 at 3:36
2

Here is a previous post about it with some more points of consideration - Is it a "Natural language" form a good practice?

Can be very hard to deal with the lot of culture and languages.
Harder to design help and error message
It's hard to represent optional inputs, because it leads to empty sentences
Can be hard to parse fast by the user
Not good when it is more than a few field
Require to have fields a minimum related to be put in the same paragraph

Some research about it - https://www.jroehm.com/2014/01/26/ui-pattern-natural-language-form/

The consensus seems to be better conversion rates and appropriate for short queries as a fun and intuitive way to fill a form.

In experience, this makes sense since filling words in a long paragraph quickly becomes tedious and annoying (reminds me of some primary school low effort tests) vs filling a short sentence.

The cons start to add up when considering having to craft a paragraph to fit all the fields while giving the user a much longer task to complete a form (think about all the form best practices it breaks).

In your case, it seems you can use natural language forms for a quick initial trip query (there are many examples of this in the second link above) while pushing all other fields as filter options in the search results page.

There are 3 concepts working separately here (1) Initial Search (2) Advanced Search and (3) Filter and Sort. Natural language forms is helpful in (1), and becomes counter productive in (2) and (3). Keep these 3 concepts separate in the UI, as users are familiar with them.

  • Thanks @Nicolas Hung – Nuwan Sep 24 '20 at 3:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.