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

3
votes
1answer
136 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 ...
3
votes
3answers
140 views

Should mobile navigation be aligned to the left or right?

I apologise if this question is a duplicate. On a quick browse I couldn't see anything referring to this. I've always aligned my navigation icon on mobile to the right. Mainly because I just assumed ...
7
votes
4answers
291 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
108 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
160 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 ...
5
votes
2answers
177 views

Should forms be aligned left or center, if less than full page width?

Our web application has a small header and nav menu at the very top, and below, there is simply a large area of open space. We have no need for an always-present sidebar, so there is just one column. ...
13
votes
4answers
2k views

Is left-aligned text generally preferable over centered text?

I am currently reviewing the usability of some internal reports. One thing which strikes me as odd is that all the text is centered. I always prefer left-aligned text. But apart from my personal ...
11
votes
2answers
214 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 ...
17
votes
10answers
1k views

Is there a usability reason for centering a website's content area on a page?

A lot of websites these days have content area's which are centr aligned, http://ux.stackexchange.com is an example. However some sites are left aligned e.g. http://forums.adobe.com/index.jspa, ...
1
vote
0answers
40 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 ...
2
votes
1answer
207 views

Should web app text be justified?

Are there any studies on the use of justified text in web apps? How does justification affect screen legibility? Example of justified text:
3
votes
1answer
870 views

What is the best practice for data table cell content alignment

We are currently working on a windows based application where users capture data. Some data is captured in a table where other data is captured in text blocks. Im currently faced with the dilemma of ...
27
votes
12answers
3k views

Should the OK/Cancel buttons be aligned right or centered?

Where should I put the OK/Cancel buttons on my dialogs? At the bottom centered or aligned right? I've seen both and I personally don't care, but I want to create a consistant look across my ...
1
vote
2answers
106 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 ...
2
votes
2answers
72 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 ...
5
votes
2answers
132 views

Aligning text data in a grid

I've been asked to look at one of our legacy applications from a usability perspective. On one screen, we have a situation where data is displayed in two columns (eg. Key: Value) where we've ...
2
votes
1answer
309 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 ...
2
votes
1answer
457 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 ...
8
votes
4answers
1k 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 ...
3
votes
2answers
1k views

Is there a standard “to left justify text and right justify numeric values.”

I'm being told by an experienced BA (> 25 years) that "Numeric numbers are usually totaled therefore should be right justified." And that text should always be left justified. I have never heard ...
4
votes
1answer
104 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 ...
10
votes
4answers
441 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
223 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, ...
13
votes
2answers
811 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
377 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
555 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
422 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 ...
4
votes
1answer
102 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 ...
5
votes
2answers
159 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 ...
4
votes
2answers
819 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 ...
19
votes
3answers
2k views

Input form label alignment top or left?

Although I have researched on input form label alignment, I need solid suggestion on when to use form label alignment top and when to use left and why? For example in the below form username and ...
11
votes
5answers
320 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). ...
5
votes
2answers
984 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
288 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
188 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
180 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
2answers
271 views

Is there a preferred manner of laying out a few radio buttons?

If I have a requirement to display three radio buttons, is there some UX standard that says they should be laid out vertically and not horizontally? i.e. is: o High Temperature: o ...
5
votes
3answers
513 views

Websites aligned to the left of the page

I always thought that it makes better sense for websites to be centred horizontally to the browser window. But even an Adobe website like http://www.adobe.com/products/kuler/ is left aligned. Is this ...
4
votes
5answers
2k 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 ...