<pedrocorreia.net ⁄>
 

<How to deal with large webforms ⁄ >




clicks: 780 780 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" ⁄>

Adobe Photoshop CS6: Improvements for Web and UI Designers

Photoshop CS6 has been hailed as a huge improvement for web and UI designers. I'm going to share wit (...)

clicks: 131 131 2012-05-14 2012-05-14 goto url (new window) webdesign.tutsp... goto myNews misc


Camera Exposure Modes Explained

If you're just getting started with photography, the letters on your camera's dial might feel like h (...)

clicks: 103 103 2012-05-13 2012-05-13 goto url (new window) photo.tutsplus.... goto myNews misc


45 Fresh Collection of High Quality Free PSD Files

What else can be so great for a designer than finding out high quality Photoshop PSD files? This is (...)

clicks: 129 129 2012-05-09 2012-05-09 goto url (new window) smashingapps.co... goto myNews misc


15 Free High Quality ToolTip PSD's

A tooltip or infotip can be defined as a graphical hint that is incorporated with the website design (...)

clicks: 128 128 2012-05-07 2012-05-07 goto url (new window) smashingapps.co... goto myNews misc


40+ Elegant Examples of River Photography

River photography is one of the beautiful type of photography, photographers take pleasure in this w (...)

clicks: 121 121 2012-05-04 2012-05-04 goto url (new window) smashingbuzz.co... goto myNews misc


40 Fresh And High Quality Free Icon Sets In PSD Format

Here is yet another exciting collection of high quality Free Icon PSD files for the designers that t (...)

clicks: 737 737 2012-02-19 2012-02-19 goto url (new window) smashingapps.co... goto myNews misc


15 jQuery Calendar Date Picker Plugins

In this collection, you will see some of the best jQuery Calendar Date Picker Plugins that will allo (...)

clicks: 457 457 2012-02-18 2012-02-18 goto url (new window) smashingapps.co... goto myNews misc


50 Beautiful Yet Free HTML5 And CSS3 Templates

HTML5 templates are getting very popular these days because all professional HTML5 templates are com (...)

clicks: 625 625 2012-02-17 2012-02-17 goto url (new window) smashingapps.co... goto myNews misc