#26956
在‘三层模型’中，一个表单有三种属性：感知（布局）、对话（问题和回答）、和关系（任务的结构）。
Jarrett, Caroline. uiGarden (2005). (Chinese) Design>Document Design>Forms
#25462
When people design Web forms, they often overlook some great sources of professional expertise in the world -- the existence of form design techniques with which nearly all users are familiar. This month, the cranky user looks at form design and management.
Seebach, Peter. IBM (2005). Design>Web Design>Forms
#25499
Better Invoices for Better Business
Invoices that obfuscate information, incorrectly state terms or arrive incomplete can be a massive headache for all parties. These mistakes will only delay the payment process, so it is critical you produce invoices that clearly deliver information your client will need.
Potts, Kevin. List Apart, A (2004). Design>Web Design>Forms>Usability
#30406
Better Web Forms: Redesigning eBay's Registration
Even the smallest adjustments to a page's design, layout, and content can make a major improvement in the overall quality of the page. Taking a fresh look at sections of a site that have been ignored for a while can give you an entirely new perspective. By making small incremental changes and testing them against real world scenarios, we can more easily focus on continuous improvement without going back to square one every time.
Dimon, Garrett. Digital Web Magazine (2007). Design>Web Design>Forms>E Commerce
#20236
Build a "Send to a Friend" Page
In this quick 'n easy tutorial, Short shows how to increase the popularity of your site by building a simple 'Send to Friend' form in HTML and ASP.
Short, Daniel. List Apart, A (2001). Design>Web Design>Forms>ASP
#28486
Build a Shopping Cart Application Using XForms
This tutorial focuses on key aspects of the W3C XForms 1.0 standard to produce a fully functional Web-based shopping cart. With this approach, the reader will get a good start at creating real-world applications with XForms, without having to learn the entire XForms specification.
Speicher, Steve K., Keith Wells, Jan J. Kratky and Kevin Kelly. IBM (2007). Design>Web Design>E Commerce>XForms
#22954
Ask anyone who has had to fix a Website that's littered with accessibility howlers, and top-most in their list of problems encountered will be forms, closely followed by tables. These two topics always seem to present the most difficulties, but they needn't be a problem. For the most part, forms are a problem because the extra accessibility tags are simply not known to the Web designer -- after all, it looks right, it seems to work... what's the problem? Only by switching off the monitor and using a screen-reader can our oblivious Web developer understand the issues.
Lloyd, Ian. SitePoint (2003). Design>Web Design>Accessibility>Forms
#30410
Building a Bulletproof Contact Form with PHP
The humble contact form: It's the cornerstone of nearly every website, from the humble personal blog right up to the corporate megasite--and a billion small business sites in-between. In the early years of operating a website, we were happy to put our shiny new email address out there for anyone to mailto, but the rise of the spammer has made us justifiably wary of publicizing our contact details--enter the contact form.
Pennell, Matthew. Digital Web Magazine (2007). Design>Web Design>Forms>PHP
#31829
Review: Calling in the Big Guns: Review of Web Form Design: Filling in the Blanks
What is likely to win the most converts is the joy Wroblewski takes in designing. This impression becomes clear as you page through the book. He isn’t just an ardent evangelizer, following the rituals of going to conferences selling snake oil. He’s been there in the trenches, just like you; he’s done this a hundred, maybe a thousand times. He’s tested these ideas and provides a framework for you to use from day one. Half the battle in good form design is defending your decisions to stakeholders.
Evans, Will. Boxes and Arrows (2008). Articles>Reviews>Web Design>Forms
#23104
Today's Web forms are hopelessly tied to the original GUI of NCSA Mosaic for X Windows, circa 1994.
Khare, Rohit. University of California Irvine (2000). Design>Web Design>XML>Forms
#28784
Caroline Jarrett on User Interface Design
Jarrett is one of the authors of User Interface Design and Evaluation, a beginning text for technical communicators moving into user interface design. Jarrett says this book is a perfect start for users looking to add usability basics to their toolbox. She also talks about forms, and how the best forms are ones you barely notice.
Jarrett, Caroline and Tom H. Johnson. Tech Writer Voices (2007). Design>User Interface>Interviews>Forms
#20042
In het boek zijn vanaf pagina 375 in appendix A een aantal checklists opgenomen die kunnen dienen als controle bij het ontwerp van uw eigen gebruikersvriendelijke pagina's. U kunt deze checklists hier downloaden.
van Rijswijk, Oskar. HandboekUsability.nl. (Dutch) Resources>Usability>Methods>Forms
#27507
Coloring Your Scrollbars with CSS
You really can color your scrollbars and have a change of scenery from the basic gray or other browser default. It just takes a few snippets of CSS markup, which you'll learn how to do in this tutorial.
Kaiser, Shirley E. Website Tips. Design>Web Design>Forms>CSS
#22959
When we talk about the accessibility of forms, we are usually referring about their accessibility to screen readers and the visually impaired. People with other types of disabilities generally are less affected by 'faulty' forms that are missing some of the HTML accessibility features.
WebAIM (2003). Design>Web Design>Accessibility>Forms
#32076
Creating Killer Forms with CSS
So you’ve been to about a million websites at this point in your cyber life. There’s a little bit of everything in the online jungle, with every different imaginable style, color, and layout. Everyone is trying to be different, trying to separate themselves from the pack. So why is it that nearly every website, from the coolest of the cool to the worst of the worst, seem to still be using the same, ugly form fields that are default. Well, that’s about to change, at least on your website. I’m going to give you some quick and easy tips to spice up your form fields and set your website apart from the rest.
Robbins, Kyle. ReEncoded (2008). Articles>Web Design>CSS>Forms
#24962
A form is usable when it builds an effective communication bridge between your clients and your data entry staff. A usable form is readable, concise, and contains appropriate pictures and graphic elements. The steps in creating a usable form are the following: (1) Create a prototype. (2) Examine the extremes. (3) Produce the forms. (4) Fine tune the forms.
Archer, Susan. STC Proceedings (1994). Design>Document Design>Usability>Forms
#21056
Online product registration forms can make customer service easier for the manufacturer and more valuable to the customer.
Allen, Cliff. Allen.com (2001). Design>Web Design>Forms>E Commerce
#28449
This worked example creates a compact form with multiple similar records, with the familiar appearance of a datasheet.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>DHTML>Forms
#26782
After the 2000 election, Design for Democracy worked with election officials in Illinois, Oregon and Nevada to design ballots, polling place signage, registration forms and other election materials. The election design system establishes a visual style, use of color, and an approach to illustrating instructions that make the ballot and polling place more usable.
Scott, Josephine. Usability Professionals Association (2006). Articles>Usability>Forms>Politics
#27463
Designing Information-Gathering Forms 
Poorly designed information-gathering forms drive up operating costs. Good design depends on a careful analysis of two users: Form-Fillers and Form Readers. Both types ofform user benefit if the form designer follows four principles of overall design. Guidelines for answer sections and user testing can also help designers produce more effective forms. Evaluation of existing forms can lead to successful revision so that costly mistakes can be avoided.
MacNealy, Mary Sue. STC Proceedings (1994). Articles>Document Design>Forms>Usability
#26396
Designing Usable Forms: The Three-Layer Model of the Form
Why do people say 'I’m not good with forms' or 'I don’t like forms' when a form is only a piece of paper, or a screen, with some printing on it? There must be something special about forms that inspires these comments.
Jarrett, Caroline. uiGarden (2005). Design>Document Design>Forms
#19850
Designing Usable Forms: The Three-Layer Model of the Form
Why do people say 'I’m not good with forms' or 'I don’t like forms' when a form is only a piece of paper, or a screen, with some printing on it? There must be something special about forms that inspires these comments. The 'three-layer model” considers forms from three points of view: perceptual (layout), conversational (questions and answers) and relationship (the structure of the task). Analysing a form using the three layers helps to un-pick its problems, and to suggest ways of making it more usable.
Jarrett, Caroline. STC Proceedings (2000). Design>Information Design>Forms
#20643
Creating an online form can present developers with many challenges. This case study reviews how a paper-based form was taken through the usability engineering process to develop a functional online version. We discuss the steps in planning and research, prototype development, test design, and the usability test results.
#27293
This approach uses Dynamic HTML (DHTML), which has several benefits over using IFRAMES to make life a bit easier for the users of your site. First, DHTML allows for more flexible formatting than IFRAMEs permit. You can apply background images, borders, fonts, and all the other features you’ve learned to expect from HTML and Cascading Style Sheets to DHTML objects. In contrast, IFRAMES have almost no configurable features. Second, if someone fills out one form, switches to another, then switches back, there’s a good chance that the browser will lose the information that was initially entered. This problem doesn’t exist in the DHTML solution. Third, with DHTML you can do tricky things like clipping and moving the form around the page. You could do these things by combining IFRAMES and DHTML, but you might as well just use DHTML in the first place.
Apple Inc. (2006). Design>Web Design>Forms>DHTML
#28904
Many Web application designers strive to reduce the amount of instructional text that appears in the user interfaces they create. A likely part of their motivation is the perception that, if explaining how to use something requires too much instruction, it probably isn't that easy to use and, therefore, has room for improvement in its design. Another motivating factor might be the tendency for people not to read any on-screen instructions, just like they tend not to read product manuals. This type of thinking also applies to Web forms. When possible, designers strive to utilize a minimal amount of text to explain how users should fill in the different input fields in a form.
Wroblewski, Luke. UXmatters (2007). Design>Web Design>Forms>Help
