<pedrocorreia.net ⁄>
 

<How to deal with large webforms ⁄ >




clicks: 385 385 2009-03-01 2009-03-01 goto misc myNews misc  Bookmark This Bookmark This


When developing/designing business applications you might face long (or large) webforms. You can have tens of fields and it might be a real mess. I know that it's often the client's request (you know, they want the forms to look exactly like paper documents - the famous one), but, whatever the reason, you have to think about user experience.

As you can see on the image above there are too many fields on the form. Imagine how what it's like for users to fill in the form. How 'easy' would it be to figure out validation messages? If you think this is not a common scenario, let me reassure you. I've dealt with tens of such applications in the past several years.

The key is to organize the form a little bit and group the fields into meaningful groups. But this might not be as easy as it sounds. It is not be enough to do ad-hoc regrouping. You would have to understand the business rules and processes that need to be accomplished by filling the form; is it a simple one like signup process or a more complicated one like the process of opening a bank account



este é só um excerto do artigo, para aceder ao artigo completo, clique no link em baixo:
this is just a small excerpt from the article, to access the full article please click in the link below:

http://www.jankoatwarpspeed.com/post/2009/02/18/How-to-deal-with-large...




Subscribe News RSS  Subscribe News Updates by E-mail





myNews <myNews show="rand" cat="misc" ⁄>

70 Photoshop Tutorials For Text Decoration From 2010

Photoshop is such a robust tool that every day is a new learning with it. Today (...)

clicks: 15 15 2010-08-01 2010-08-01 goto url (new window) slodive.com/pho... goto myNews misc


20 Free Web UI Element Kits and Stencils

No doubt every web designer has spent many endless hours mocking up web pages, a (...)

clicks: 49 49 2010-07-28 2010-07-28 goto url (new window) speckyboy.com/2... goto myNews misc


15 New And Awesome Developer Icon Sets

The icons you get for your computer's shortcuts are separate from developer set (...)

clicks: 45 45 2010-07-27 2010-07-27 goto url (new window) smashingapps.co... goto myNews misc


15 High Quality Mini Icon Sets for Your Web Projects

Icons and visual clues are important additions to any web app, but they can be d (...)

clicks: 52 52 2010-07-25 2010-07-25 goto url (new window) line25.com/arti... goto myNews misc


Introducing Blogger Stats

Although some of you use Google Analytics or other third party tools to track yo (...)

clicks: 49 49 2010-07-25 2010-07-25 goto url (new window) bloggerindraft.... goto myNews misc


9 Things You Should Be Doing With Your Server, But Probably Aren't

Linux distributions today are incredibly easy to setup and get started. Whether (...)

clicks: 46 46 2010-07-24 2010-07-24 goto url (new window) roundhousesuppo... goto myNews misc


Seven Must-See Videos and Presentations for Web App Developers

In previous video roundups, we've collected together some interesting videos and (...)

clicks: 58 58 2010-07-22 2010-07-22 goto url (new window) smashingmagazin... goto myNews misc


Making Sense of Color Codes

HTML color codes are a common and crucial piece of modern web design. While most (...)

clicks: 79 79 2010-07-17 2010-07-17 goto url (new window) net.tutsplus.co... goto myNews misc