Placement of interface or informational items such that they line up neatly, which can be used for aesthetic design or to suggest associations between related entities.

learn more… | top users | synonyms

10
votes
4answers
1k views

Message alignment in a chat

I am writing a chat software and we had a discussion about the message alignment. On the one side there is the “traditional” layout where the username starts at the beginning of the line (left in ...
3
votes
1answer
628 views

Grid text alignment rules

I was wondering if someone has come across rules used by web designers for text alignment in a grid. I was observing that majority of text is aligned towards left, but financial figures with ...
8
votes
4answers
1k views

Is it useful to have all the input controls in a form the same width? [duplicate]

All the input controls are the same size in this question about form design: Why might right aligned field labels be better? My question is if does it help with something, or it is just a matter of ...
5
votes
2answers
1k views

Filters on top or on side of the table

I have 2 options to show filters for a table. One option places filters on the top and the other on the side of the table. For both options we'll give users the ability to hide the filters (by ...
9
votes
3answers
243 views

Having two different label alignments in one website / application

I've come to learn that label alignments have their purposes: top-aligned / right-aligned for faster completion (usually for forms asking common information) while left-aligned for slowing down ...
18
votes
2answers
1k views

Input Field Widths

I just created my account on ux.stackexchange.com. I'm a developer and don't have much experience in UX best practices. So I intend to start coming to this site regularly. My question is really ...
1
vote
0answers
44 views

What are the determining factors to decide whether or not centrally align a website UI? [duplicate]

Possible Duplicate: Is there a usability reason for centering a website’s content area on a page? For a website with fixed width (ex. Stack Exchange, Twitter UI) which shows content in a ...
1
vote
1answer
499 views

Alignment of dates/dateparts in grids

In some applications, dates can be entered manually as a date, or also as year/week (where we then calculate the first date of this week). We also use this for periods as well (year/period). How ...
3
votes
2answers
152 views

How do you align information in a layout with a lot of horizonal space?

I am building a profile page for a web app with a fixed layout with a width 985px (essentially to fit a maximized browser window on a 1024 x 768 monitor). I currently have a problem where there is ...
2
votes
1answer
2k views

Are centered web pages better than left-aligned ones? [duplicate]

Possible Duplicate: Is there a usability reason for centring a website's content area on a page? I'm facing a difficult problem that I can't seem to solve rationally. I find that it that ...
2
votes
1answer
1k views

Accordion or drop down menus?

I am in middle of a confusion, where I am not able to choose between accordion menus and drop down menus? I have a menu of links, just the way I have shown in below Wire frame. [Learning Apps] On ...
11
votes
4answers
4k views

How should times be aligned in a column

I have a data grid of three columns of type [Time, Decimal, Decimal]. All records in the decimal columns have the same number of decimal places. I have right aligned these as they're numeric. But I ...
6
votes
1answer
244 views

Is it OK to change label alignment inside a form if labels vary greatly?

I am designing a form that asks for a lot of data in the form of Short Label [text input] However, in between all those short labels there's suddenly longer questions such as: Are there other ...
11
votes
4answers
828 views

Mixing Full Page-Width Navbar With A 960px Body

Is there ever a use case for mixing a full-width top navigation bar (meaning the navigation bar content is also full-width) with a contained body (around 960px)? What are the benefits or drawbacks to ...
3
votes
2answers
362 views

How to align hint icons

Let's say we have a form with a few fields, where each row contains a label, a field and a "hint" icon. Let's say it's about 10 fields. The problem is that the fields are generated automatically, ...
14
votes
2answers
3k views

Button Placement

I'm currently developing a website and we have come across a few things on the placement with buttons that we are unsure about. The website has a booking process and on this process we have right-...
7
votes
2answers
941 views

How to best display a table of data with sub items?

We have a web application where we show lots of data in "datasheets". As part of this, some data values can have other values associated with them. To make it more complicated, every item can have ...
9
votes
7answers
2k views

OK for dropdown button to be on the left?

Perhaps a minor point, but I thought I'd ask anyway...Normally, the button to drop a dropdown display is to the right of the display area, but I have the option to put it on either side, like so: ...
1
vote
2answers
972 views

What is the recommended alignment layout for a horizontal menu bar on a web page?

I have a horizontal menu on the top of a web page (pretty common) and I was having a debate with a friend about the preferred and most logical layout of the menu items (centered or left) He was ...
5
votes
1answer
169 views

Best formatting (aligment) for of a list of facts

In an application (though what follows applies equal well to a report) there will be a panel which shows a list of various statistics or facts, of this general form: "Category: data". So, for ...
6
votes
2answers
269 views

Label alignment for report fields

I've seen information that indicates that top aligned labels are more efficient for input forms. Does the same concept apply to labels on reports? Is top aligned better, or is it better to use ...
8
votes
2answers
3k views

Column header alignment

What is the best practice to have a column header alignment, should it be left or center aligned? On click of the column header the columns can be also sorted. Numeric values will be right aligned by ...
11
votes
5answers
389 views

Button placement while others ones are invisible/disabled

I have a tool bar of buttons. The state changes every time user interact with it (fig. 1). Fig. 1 Sometimes application allows user to refresh view only, so other buttons are invisible (fig. 2). ...
6
votes
2answers
2k views

What is/are best practice(s) to align an HTML checkbox on a web form?

Consider this HTML form: The checkbox in the form is really a pain in the ..., because no matter what you do, it can't be aligned in a good visual form with the rest controls of the form. For ...
7
votes
4answers
497 views

Field and label alignment with whitespace

I'm designing a form with a typical 970px wide page. I've been trying to read as much as possible for label alignments. What is the best way to solve an abundance of white space to the right of the ...
2
votes
2answers
229 views

Why would you not want to align the name of a user and their avatar?

It's a little thing but I noticed that both google plus and facebook do not exactly line up the name of the user and their photo-the name is slightly lower than the top of the photo. Is this a ...
6
votes
2answers
222 views

How should I align field “format” markers?

Let's say I have a form with fields that accept data in very specific formats, such as currency (£) or percentage (%). How should I convey that to a user? If I use 'sub-labels' (symbols that represent ...
7
votes
5answers
5k views

Best way to align text on a website?

Curious about text alignment on websites. For a blog, for example, is it better to have left-aligned or justified text? I like the look of justified text but I'm not sure if there's any downsides to ...