Web Form UX

  • Started
  • Last post
  • 6 Responses
  • canoe

    New project has me deeper in forms than I'm used to, but I always thought the idea was to make the user invest time putting in important / specific transactional information so they would feel entering their contact info was mandatory.

    Many of the client's competitors use a Step sequence to shorten the form, and of course - collect contact info first - in case the entire form is not filled out.

    I'm baffled a bit by the new standard. They are a finance/loan company that expedites a government credit, so the prospect has to be eligible, hence the 2 minutes it takes to fill out the form.

  • prophetone0

    There are lots of 'multi step form' ux examples on certain design showcase sites.

    • For sure there are, I just noted that. My question was more process involved rather than what people are putting up on the web.canoe
  • grafician0
    • Where is the form?canoe
    • what form? you needed ux for a steps process, you have plenty of examples there

      and wheren't you a big shot art director video producer something?
    • also what Legal has to say about this?grafician
  • ideaist0

    I've been using https://nativeforms.com.

    Takes care of all of the UI/UX issue(s) so you can just get 'r done.

    I keep looking for a reason to use https://www.typeform.com (hipster approved), BUT have yet to justify the cost. A lot of the forms i'm given for app betas and other "cool" stuff use this.

    Godspeed @canoe!

    • Thanks, will share with the dev team.canoe
    • But... really I was opening a conversation about web forms and the most effective way to get users to input infocanoe
    • ^ Use tools that are built for it @canoe! Prayer, perhaps?!

      ; )
  • canoe0

    One idea under consideration is to present the questions within the content.

    The entire page would be a form.

    Grab tidbits of relative information throughout the scroll.

    Who said you can't present content and collect info at the same time?

  • mg330

    The volume of info people are willing to enter depends on what they're trying to do.

    I'm working on a lead-gen page this week for a client, and the rule of thumb is to ask for as little info as possible to ensure they can be contacted. We want that process to be quick and easy.

    Whereas a form used to get more information from an existing customer or user is a different thing. People are more willing take the time required but you still want to keep it limited to essential information.

    Years ago I worked for a big national insurance company on all kinds of web apps, new customer flows, quote flows, etc. Their quote flow was a single huge form on a page that at first glance seemed daunting. In testing people were turned off by the complexity of it.

    So we used a progressive disclosure model, with a progress bar, that served up a small set of questions at a time. We also used animations that, for example, if they were quoting home insurance, dynamically built out a home based on their specs (ranch, two story, duplex, etc.) and it paired visual feedback / visual reward with their selections.

    The resulting form ended up being longer than the original, but engagement and satisfaction was through the roof. In testing, people often said "it doesn't seem that long..." "it's easier to think about my options..." and "the animations make it fun."

    It was a huge change, not the least of which was designing dozens of SVG illustrations for all the permutations of car types, home types, and other things that could be insured.

    But it was successful because we took a horrible experience and turned it into something more enjoyable and reward-driven.

    • progressive disclosure model! nice. thank you so much for the input.canoe
    • you're welcome.mg33
  • canoe1

    "But it was successful because we took a horrible experience and turned it into something more enjoyable and reward-driven."

    They pay us to be creative, right!