To Align or not and how?

15 Oct 2007 - 1:31am
7 years ago
2 replies
663 reads
Manish Govind P...
2006

A form design query:

I have a very lengthy form for gathering profile
information. Under the most logical grouping of
questions, here is what it appears like:

Title
_____
First name
_____
Last name
_____
Occupation
_____
Lorem Ipsum Dolor Sit amet lorem ipsum ?
_____
Lorem Ipsum Dolor Sit amet lorem ipsum ?
_____
Lorem Ipsum Dolor Sit amet lorem ipsum dolor sit?
_____

So the problem is, the gap between the field label and
text field/dropdown for a short question, is too wide(
unless I frame every label as a long question) but for
the longer question, it is correct. Placing the labels
above the fields, results in the forms getting longer
and the page running into a scroll. With 100+
questions being asked in one go,over several pages, I
would not prefer that the user scroll for more
information.What is the best solution to this problem
and if center alignment is done(which is generally not
recommended), how does it affect Screen Reader( e.g.
Jaws) usage ?

Thanks and Regards
Manish Govind Pillewar
Sr. Designer, User Experience,
Bangalore

Thanks and Regards
Manish Govind Pillewar
Sr. User Interface Designer-UXD
Bangalore-India

Tel. +91 9880566951 (M)
+91 80 41113967 (Eve.)
Smith & Wesson: The original point and click interface :-)

___________________________________________________________
Yahoo! Answers - Got a question? Someone out there knows the answer. Try it
now.
http://uk.answers.yahoo.com/

Comments

15 Oct 2007 - 8:51am
Matt Nish-Lapidus
2007

Hi,

Here are a couple links to some great guidelines on form design.
These are the basic theories a always use when making a new web form.

http://www.lukew.com/resources/articles/web_forms.html
http://www.lukew.com/resources/articles/PSactions.asp

On 10/15/07, Manish Pillewar <manish1022 at yahoo.co.uk> wrote:
> A form design query:
>
> I have a very lengthy form for gathering profile
> information. Under the most logical grouping of
> questions, here is what it appears like:
>

--
Matt Nish-Lapidus
email/gtalk: mattnl at gmail.com
++
LinkedIn: http://www.linkedin.com/in/mattnl
Home: http://www.nishlapidus.com

15 Oct 2007 - 10:24am
Loren Baxter
2007

Manish,

For your specific problem, I've found that wrapping the left label
column above a certain width still flows without separating the label
& field too much.

Your form would end up as:

Title
First name:
Last name:
Occupation:

Lorem Ipsum Dolor Sit
amet lorem ipsum?:

Lorem Ipsum Dolor Sit
amet lorem ipsum ?:

Lorem Ipsum Dolor Sit
amet lorem ipsum dolor
sit?:

However, I think this rule is more of an "exception" rule than a
good way to phrase 100 questions. I would seriously consider
placing the labels above the fields. Users will not be surprised by
a scrollbar on such a long form, and it will be much more readable.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://gamma.ixda.org/discuss?post=21506

Syndicate content Get the feed