Best Practices for Form Design » SlideShare

http://www.slideshare.net/psykoreactor/bes...

Title says it all

Filed under web development, form design, yahoo by darmodys Added 01/02/2008

101 Resources to Help You Bu...Jason Bartholme’s SEO Blog

http://www.jasonbartholme.com/2007/07/30/1...

Filed under design, form, form design, resources, development, guidelines by dheerajkap Added 08/14/2007

Web Application Form Design

http://www.uie.com/articles/web_forms/

Filed under web design, design, UI, form, forms, form design by dheerajkap Added 08/03/2007

Label Placement in Forms :: UXmatters

http://www.uxmatters.com/MT/archives/00010...

Filed under usability, form design by charola Added 02/26/2007

The Duality of Forms

http://v1.garrettdimon.com/archives/the-du...

I realize this isn’t ground-breaking news for anyone, but the implications are interesting. The frequency with which a particular form will be used should influence how it is designed. For instance, with Basecamp, the message posting screen, which is used frequently, is kept to a bare minimum with little visual clutter or instructions.

Filed under web design, interaction design, interface design, form design, Garrett Dimon, frequency by lunchbox Added 05/17/2007

Selection-Dependent Inputs

http://uxmatters.com/MT/archives/000172.php

Selection-dependent inputs are, in essence, a pretty simple concept: Once a user initially makes a selection from one or more options in a form, the user must provide additional input related to the selected option before submitting the form. Figure 1 illustrates this behavior by showing two steps from the eBay Create a Download Request form. After an eBay seller selects the Sold option in the Listings and records drop-down list, the form presents additional input fields for selecting a d…

Filed under usability, web design, interaction design, form design, forms, design patterns, Luke Wroblewski, ui patterns, UXMatters by lunchbox Added 05/17/2007

Improve your forms using HTML5!

http://dev.opera.com/articles/view/improve...

HTML hasn’t really been updated since HTML version 4 was released back in 1998. However, the WHATWG community has been working on HTML since 2004 and this will hopefully result in some much needed improvements. This article shows some of the new functionality of the proposed form chapter of HTML5: Web Forms 2. (Opera has an experimental implementation of Web Forms 2 so if you want you can try out some of the examples listed here.)

Filed under HTML, web development, form design, forms, Opera, Anne van Kesteren, HTML 5 by lunchbox Added 04/18/2007

Textarea Maxlength

http://www.quirksmode.org/dom/maxlength.html

I added a simple script to the comment textareas in my blog that count the characters the user has typed in. I used this script as an example in my JavaScript Triggers article; now the time has come to publish the complete script.

Filed under JavaScript, web development, scripts, form design, forms, Peter Paul Koch, quirksblog, textarea, maxlength by lunchbox Added 04/11/2007

Adding people to Highrise and dealing with duplicates

http://www.37signals.com/svn/posts/297-pre...

Speed is king. We’ve taken speed into consideration every step of the way in Highrise. And there’s more to speed than just page load. Speed also involves thinking about what information you ask for and when you ask for it. It goes beyond just required and optional fields. It’s about presentation.

Filed under inspiration, 37Signals, web design, interface design, form design, Highrise by lunchbox Added 04/07/2007

Highrise permissions and groups

http://www.37signals.com/svn/posts/275-pre...

Highrise is a shared contact manager. That means that everyone in your organization can use it to keep their contacts and contact history together online. While that’s convenient, it does bring up some visibility questions. There are things you may want to keep to yourself and other things you may want to share with others. We call this scenario “keepshare.”

Filed under inspiration, 37Signals, web design, interface design, form design, design patterns, permissions, Highrise by lunchbox Added 04/06/2007

The long road to simple: cre...g “Add an event”

http://www.37signals.com/svn/archives2/the...

That “Add an event” box (above) at Backpack’s new calendar looks simple enough. But sometimes simple takes a lot of work. How we arrived at this screen is a good look at the process we use to solve design challenges.

Filed under design, usability, 37Signals, web design, interaction design, interface design, form design, web design process, simplicity, design process by lunchbox Added 03/31/2007

Making Compact Forms More Accessible

http://www.alistapart.com/articles/makingc...

In this article, we’ll create a compact form that provides a high degree of accessibility, despite its reduced size. Note that I’m not saying that tiny forms are a good idea. Rather, I’m providing a means for reconciling the space-saving aims of your client (or boss, or designer) with your desire to offer a good user experience.

Filed under CSS, Accessibility, JavaScript, a list apart, form design, forms, accessible forms, compact forms, small forms, Mike Brittain by lunchbox Added 03/27/2007

Tony Yoo - Online Showcase (version2)

http://www.tonyyoo.com/v2/

Filed under Inspiring Websites, Navigation Design, Form Design by stinie Added 03/25/2007

Standards Reboot - May ‘07

http://standardsreboot.com/

Filed under Inspiring Websites, Dotted Borders, Form Design by stinie Added 03/25/2007

CSS2/DOM - Styling an input type=

http://www.quirksmode.org/dom/inputfile.html

Filed under Design Resources, Form Design by iselby Added 02/26/2007

Refining Data Tables :: UXmatters

http://www.uxmatters.com/MT/archives/00011...

Filed under lukew, form design by charola Added 02/26/2007

Selection-Dependent Inputs :: UXmatters

http://www.uxmatters.com/MT/archives/00017...

Filed under lukew, form design by charola Added 02/26/2007

Functioning Form - Interface Design Guideline Archive

http://www.lukew.com/ff/entry.asp?31

Filed under form design, form design tips by pelam Added 01/16/2007

Dynamic Drive CSS Library- CSS Tableless Form

http://www.dynamicdrive.com/style/csslibra...

Filed under css, form design, tableless, tablesless form by pelam Added 12/27/2006

Prettier Accessible Forms

http://www.alistapart.com/articles/prettya...

I’ve tried to create a form-styling solution that is both accessible and portable (in the sense that I can move the code from one project to the next). Floats have often provided a solution to my problem, but given the complexity of some layouts and the numerous float bugs associated with Internet Explorer, it’s not always easy to reuse a float solution. I wanted to create something that anyone could easily reuse on any project: a style sheet that, when applied to a correctly marked u…

Filed under CSS, Accessibility, JavaScript, a list apart, form design, forms, Nick Rigby by lunchbox Added 06/25/2006