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

11
votes
4answers
700 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
302 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 ...
7
votes
2answers
703 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
1k 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
841 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
147 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
242 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 ...
7
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
363 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 ...
6
votes
4answers
444 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
221 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
212 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 ...
6
votes
5answers
4k 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 ...