A directory of resources inthe field of technical communication.

Design>Web Design>Forms

88 found. Page 1 of 4.

About this Site | Advanced Search | Localization | Site Maps
 

1 2 3 4  NEXT PAGE »

 

1.
#37049

The $300 Million Button

It's hard to imagine a form that could be simpler: two fields, two buttons, and one link. Yet, it turns out this form was preventing customers from purchasing products from a major e-commerce site, to the tune of $300,000,000 a year. What was even worse: the designers of the site had no clue there was even a problem.

Spool, Jared M. User Interface Engineering (2009). Articles>Web Design>Usability>Forms

2.
#37578

91 Trendy Contact And Web Forms For Creative Inspiration

This article showcases modern and interesting contact/web form solutions found around the Internet. I also collected interesting ways how people decide to call their contact forms – get in touch, contact info, say hello, talk to me, say hey, connect, say “hi”, mail us and of course – contact us.

Graveris, Dainis. First Web Designer (2009). Design>Web Design>Forms>User Experience

3.
#33124

Accessible CSS Forms: Using CSS to Create a Two-Column Layout

Websites have become less accessible and more complex over time according to recent studies. Learn how to buck the trend by creating fast, accessible CSS forms that work with modern browsers and gracefully degrade.

Website Optimization (2008). Articles>Web Design>CSS>Forms

4.
#33131

Accessible Forms

This document is concerned with what the user of a Website form "sees" and interacts with. It outlines how you can create forms for the Web that are more accessible and describes the appropriate use of.

Hudson, William. Webusability (2004). Articles>Web Design>Usability>Forms

5.
#34001

Accessible HTML/XHTML Forms

Forms are often the most tricky aspect of web development for beginners to get their head around, largely because it means stepping out of the comfort zone of one-way information - no longer are you simply presenting information at the person viewing your site, now you are asking for input, for feedback that you have to process in some way. And just as it may be difficult for HTML beginners to understand just how they handle form data, so is it difficult to understand some of the issues relating to accessibility.

Lloyd, Ian. Web Standards Project (2004). Articles>Web Design>Accessibility>Forms

6.
#35397

(Almost) Never Add a Reset Button to a Form

Next time you consider adding a reset button to a form, think it through very carefully first. Does the user really benefit from being able to reset the form? Is being able to reset the form to its initial state so valuable that it is worth the risk of the user losing the data they have entered? Probably not.

456 Berea Street (2009). Articles>Web Design>Forms>Usability

7.
#32460

Autopopulating Text Input Fields with JavaScript

Few people will argue against the need to explain to users what they are supposed to enter into text input fields. One common workaround when no label can be displayed is to put some placeholder text in the text field and let that act as the label.This approach works reasonably well, but it burdens the user with having to clear the input before entering their own text, which can lead to frustration and mistakes. An approach that avoids that is using JavaScript to clear the input when it receives focus. Since that won’t work when JavaScript support is missing, JavaScript should be used to insert the placeholder text as well.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Accessibility>Forms

8.
#25462

Bad Design Can Be So Taxing

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

9.
#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

10.
#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

11.
#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

12.
#22954

Build Accessible Online Forms

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

13.
#33132

Build Accessible Online Forms

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). Articles>Web Design>Accessibility>Forms

14.
#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

15.
#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

16.
#23104

Can XForm Transform the Web?

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

17.
#33133

Colons at the End of Labels?

You are writing captions or labels for fields in forms, for example 'Name' or 'Date of birth'. Should they be finished with a colon, or not?

Light, Ann. Usability News (2006). Articles>Web Design>Usability>Forms

18.
#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

19.
#22959

Creating Accessible Forms

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

20.
#33134

Creating Bulletproof and Easy to Complete Web Forms

Effective form design is a great way to boost conversion rates. Jason Fried and Matthew Linderman share with us the secret of how to create attractive and functional forms.

Fried, Jason and Matthew Linderman. Peachpit Press (2004). Articles>Web Design>Standards>Forms

21.
#37517

Creating Cross Browser HTML5 Forms Now, Using modernizr, webforms2 and html5Widgets

Calendars, colour swatches, sliding widgets, client side validation: this is the nirvana that the HTML5 forms module promises. Some would say “So what? I’ve seen this on the web for years!”, and they’d be right. There have been some really brilliant people coding some really interesting widget and validation frameworks, so why should we change?

Hawryluk, Zoltan. User Agent Man (2010). Articles>Web Design>Forms>HTML5

22.
#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

23.
#37108

Critiquing the User Interface of a Web Form

A few years ago I was asked to critique the user interface (UI) and layout of a web form for a client. It was a simple form requesting product support. Below is a screen shot of the form (I added the numbered callouts), followed by the comments I submitted to the person who requested my feedback.

CyberText Consulting (2010). Articles>Web Design>Forms>Usability

24.
#21056

Customer Service In Good Form

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

25.
#28449

Datasheet-Style Form

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

 
 NEXT PAGE »

 

Follow us on: TwitterFacebookRSSPost about us on: TwitterFacebookDeliciousRSSStumbleUpon