The site we're doing is a contest users enter and submit photos. It
requires users to be over 18, or if they are between 14 - 17 they
have to go through a consent flow.
I got a question from a designer about what would be better in terms
of UX for the sign up form - asking the user for:
- their age with a text input /or select, OR
- their date of birth, with 3 select fields [day, month, year]
Just wanted to get some input about your experience with this.
I have a client who is about to choose a web metrics tool. They are
currently using Web Trends but they want something that will allow them to
monitor the performance of their web forms, particularly so that they can
track whereabouts in the form a user gets to before bailing out.
What are your current recommendations in this area?
Can anyone think of any online or offline apps or websites that have
a well-designed "wizard" or customization widget/feature that helps
you customize and produce big blocks of text? Like write a letter, or
customize a product, or create a product...What I'm working on is
text-based, but I'd love to see any examples, text or photo or
whatever, anyone's got!
Basically, I'm looking for examples that take in *many*
inputs/fields and display *many* options/returns in a fun, clear, and
I need to come up with a good pattern for designing a form. It has
the following characteristics:
- There are about 10 "sections" (related groups of inputs)
- The sections are of varied size, ranging from one dropdown
selection, to a multi-column table of several rows that needs to be
The total of all such sections would make the whole form bulky if I
tried to present it on one screen. I'm debating using different
chunking patterns such as an accordian or tabbed form and wondered if
anyone had an example of a favorite pattern they would recommend.
I am wondering if it is (already?) acceptable to omit the explicit
null option in a radio button control?
I have used radiobuttons for a non-required control. To apply the
null option the user would have to 'unselect' the one selected
radio button (this to save place by not adding a fourth radio button
or to not have to use a drop down control).
I suppose it is kind of an unusual behavior but it seems to me that
is is learnable, and I have seen it in product design. Has this kind
of behavior been introduced in forms before?
I'm about to go into a series of form redesigns within a section of
my company's corporate site. We've mandated that any new forms or
form redesigns should comply with WCAG 2.0 AA recommendations.
Most of the 2.0 criterion and techniques seem reasonably clear and
I'm not finding it too difficult to find examples of their
application, but I can't seem to locate a clear rule around the use
But they haven't really focused on what I'm after: your favorite examples
for having a person specify what country they live in, in the context of a
web form. Anyone come across a particularly effective way of collecting this
information recently (including consideration for accessibility)? Bonus
points if it does not involve a gigantic dropdown with ~ 195 countries in
I don’t think placement of action button for search form
with 2 or more search parameters has been discussed in the group yet. Everyone
in the group would have sometime worked to design search forms for intranets or
websites that have 2 or more search parameters. I find a lot of research on registration
forms but not on search forms. Luke has conducted great research on the registration
forms and the design of the forms.
Does anyone know of any data, or have an opinion, about laying out forms in
At my job, the business is constantly complaining about all the white space
on the right side of a long form when I lay it out in the standard way.
Arranging the labels and inputs into two columns, flowing from left to
right, seems an obvious solution to the problem.
As discussed by LukeW in Web Form Design, it's best to have the primary
action of a form be the first button that the user sees. For left-to-right
languages this means having the primary action on the left and any secondary
actions on the right (see A in this illustration http://www.flickr.com/photos/rosenfeldmedia/2366430953/ ).