Wednesday, November 22, 2017

What makes a good form?


I've recently been given the challenge to create a preferably 'fun and engaging'-form, consisting of about 40-50 fields. The form consists of four parts, Employee-contact-info, Employment-description, Competency, and Experience.


I suspect the 'fun and engaging'-bit can be dropped, but how can I make the form as painless as possible to fill in?


I have no prior experience with designing for good user experience, so any thoughts or resources on how to tackle this kind of challenge is appreciated.



I've already found this describing some methods to make forms as good as possible.



Answer



A good place to start is Luke Wroblewski and his various writings on form design


eg http://www.lukew.com/presos/preso.asp?22


But to add: From my experience building hundreds of forms, I can recommend the following:



  1. Minimise the number of fields in the system. This might require a bit of to and fro between you and the business analyst + a little bit extra user research but you'll be amazed at how many superfluous fields there might be.

  2. Clear path to completion: arrange fields and field descriptions in a way that the eye is led down the screen to the call to action buttons.

  3. If there are compulsory fields mark them clearly.

  4. Validate fields as the user types not after submit; offer in-line instructions


  5. If you have a stack of fields, either tab them into discrete sections (like you indicate) or walk the user through a sequence of pages to final completion. edit: tabs won't work for sequential information or when there is compulsory information in each tab. It is a good approach, I have found, for containing different types of content in a system that the user updates or uses over a period of time.


  6. Progressive disclosure. I allude to this is in 5). This is a way of avoiding cognitive burden or information overload. Put simply, present information in a series of simple steps instead of one big whole.




  7. Break up longer forms into visually distinct regions. This allows you to group slightly different field sets together and will help the user build a mental model of the system, it is also a way of giving the impression that the system is less burdensome than it really is (again, this could be argued to be a type of progressive disclosure).




No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...