Fre_entity's Favorite Links on form from Diigo

Sender 11: The Multi-Field Editor

Sat, 26 Jul 2008 09:08:38 -0000

My earlier post about the mobile Text Input Field was met with quite a bit of interest. A little surprising perhaps, since it's a somewhat mundane problem area. But understandable, because its so important to get right. So, to complement it, here is an input control for bound numerical data.

Multifield The little brother of the text input field is the Multi-field editor. While the Text input field is suitable for general free form text and numbers, it is not ideal for structured data like dates, time, monetary values, number ranges, etc.

Tags: mobile field form edit editor

Posted by: fre_entity

Web Form Design Patterns: Sign-Up Forms | How-To | Smashing Magazine

Fri, 04 Jul 2008 19:30:57 -0000

If you want to maximize the revenue of your service you need to maximize completion rates of your web forms. Unless you have some revolutionary ideas to impress your visitors at first glance, it is not enough to simply enable users to sign up on your site. To make it possible for the service to reach a maximal exposure we, designers, need to provide users with a good user experience. We need to invite them, describe them how the service works, explain them why they should fill in the form and suggests the benefits they’ll get in return. And, of course, we should also make it extremely easy for them to participate.

Tags: form sign-up sign-in log in best practice

Posted by: fre_entity

Login Forms Design Showcase | Elements of Design

Sun, 29 Jun 2008 13:45:10 -0000

After putting together a registration form design showcase, the logical next step was to do the same for login forms.

Tags: showcase webdesign form login examples

Posted by: fre_entity

Sender 11: The anatomy of a text input field

Tue, 24 Jun 2008 12:55:36 -0000

There are two interface interface elements of typical mobile user interfaces that does the heavy lifting. That is the Text Input Field and the List. I thought I'd share with you some of the usability considerations that is going into Text Input Fields at mBricks.

The keypad is well suited to number entry, but ill suited to text entry. Entering text on a mobile phone is hard, and people tend to avoid it if they can. The less text input you have, the better. But you can't avoid it all together.

Text input fields are suitable for plain text, numbers and passwords. For entering specific data types like date, time, number ranges etc. you should not use a text input field. Instead use Multi-field Input or a selection widget like a Calendar.

Tags: user interface usability form mobile mobile devices

Posted by: fre_entity

Functioning Form - Smart Defaults in Registration Forms

Wed, 18 Jun 2008 20:58:27 -0000

Ever get an invitation to join a Web site in your Inbox? With the increasing popularity of social Web applications, it’s getting hard to find people who have not. So chances are you know the drill. Get invited by a friend via email, then go to the Web site and fill in a registration form so you can join. Here’s an example of that progression on MySpace.

Tags: smart defaults login form design usability

Posted by: fre_entity

International Address Fields in Web Forms :: UXmatters

Mon, 09 Jun 2008 23:21:39 -0000

As enablers of online conversations between businesses and customers, Web forms are often responsible for gathering critical information—email addresses for continued communications, mailing addresses for product shipments, and billing information for payment processing to name just a few. So it shouldn’t come as much of a surprise that one of the most common questions I get asked about Web form design is: “How do I deal with international addresses?”

Tags: international adress form adress international usability

Posted by: fre_entity

The Wheres and Whens of Users' Expectations

Mon, 09 Jun 2008 23:06:59 -0000

In a recent study involving frequent travelers, we had an opportunity to see first-hand how the sign-in functions worked when placed on different portions of the page. There doesn't seem to be much consistency across travel organizations in how they locate their log in capability.

Tags: user interface location sign in login log in

Posted by: fre_entity

nclud's Sketchbook | CSS fix for Graphical Input Submit Button Off-Set

Tue, 13 May 2008 07:24:44 -0000

So, you know how to use a graphic for your <input> submit button, right? Well, have you ever had trouble getting that graphical submit button to line-up with your <input> text field when both are side-by-side on the same horizontal line?

Tags: css input align form

Posted by: fre_entity

YourTotalSite.com / Checkboxes, Radio Buttons, and Drop Downs

Sun, 11 May 2008 12:42:04 -0000

Incorrect usage of checkboxes, radio buttons, and drop downs is one of the most common mistakes I come across. They each have their advantages and disadvantages, and their usage should generally be governed by a few simple guidelines.

Tags: user interface radio buttons best practice form checkboxes

Posted by: fre_entity

Buttons & their paddings : reference for all browsers

Tue, 06 May 2008 23:58:26 -0000

Here is a LIVE demo showing how input buttons are rendered in your browser. The 'Standard' column will look different depending on your operating system. The '+ Border' column shows the same buttons with a red border added. (This removes the default button style as seen in the first column.)

Tags: css webdesign buttons form padding

Posted by: fre_entity