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

6
votes
3answers
233 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 ...
6
votes
3answers
326 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. ...
0
votes
2answers
40 views

How should I align two separated items of unequal widths?

Recently, I've come across two cases where I have two items separated either by a vertical line | or a bullet *. Here is one of the cases with an arrow pointing at the bullet: So my question is, ...
21
votes
8answers
2k views

When a star-rating is right-aligned, should I fill the stars from right as well?

When building graphics for an app, I have right-aligned a rating from 1 to three stars. Being mainly a designer, my gut told me to fill the stars from right to left. So, i.e. empty empty filled for a ...
2
votes
2answers
130 views

Change Password Button Alignment - Left / Aligned to input cell / Right? Why?

We are designing a Change password box in our web app. This is part of the "Account page" - not in a dialog. Where does it feel the most natural to place the "Change Password" button in this case? ...
1
vote
1answer
56 views

Different alignment for elements of two groupBox in a form

I'm trying to design a settings form for a Desktop Application. There is two groupBoxes in the form. Each groupBox may contains some elements(TextBox, ComboBox , ...). Is it force for good design to ...
5
votes
3answers
672 views

Websites aligned to the left of the page [duplicate]

I always thought that it makes better sense for websites to be centred horizontally to the browser window. But even an Adobe website is left aligned. Is this some reason behind this that I am missing? ...
0
votes
4answers
106 views

How to best align numbers and text in one column?

I am struggling with small redesign of our app's screens. I have a few labels + values (one under the other) which contain numerical and text data. Another complication is that some of those numeric ...
1
vote
3answers
50 views

Is it ok to have multiple items with different alignments with an online form? or does this break flow?

We have an on-line form that gets over 40k in hits each month on our software, I am currently performing a content audit and making some initial design suggestions to improve the aesthetics of the ...
4
votes
3answers
490 views

Having the “Hamburger Menu” to the right, shouldn't menu items be right-aligned as well?

It's clear that the Hamburger Menu should be to the right of a native app and web application. At least our community concluded (through voting) on the question Hamburger menu icons - should they be ...
28
votes
14answers
4k 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 ...
0
votes
1answer
133 views

Label align location for input box [duplicate]

I have form with long input list and corresponding labels for them. Labels inserted in left, because form has a lot of input elements and right side is reserved for errors info. So I have only option ...
18
votes
5answers
3k 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 ...
3
votes
5answers
5k views

iOS 7 top navigation bar text alignment

I'm working on an app that has 3 elements in the nav bar: a "back" button the title of the screen you are currently on a "logout" button, when you're logged in Now I have some problems regarding ...
1
vote
2answers
324 views

Best practices for multiple buttons

I need some help with the layout of multiple buttons/links that have to be laid out in a row. The delete button is furthest from the others in order to avoid error, but I will have a confirmation ...
3
votes
2answers
123 views

Form label alignment for fields that are not completed in a logical order

I'm defining a project based around inputting telephone enquiries into a form. The enquiries are conversation-based rather than in a question-answer format, so the responses could come in in any ...
7
votes
8answers
361 views

Placing icons next to numbers - to the right or left?

In our system, we have many places where we show number values, and next to them we show an icon indicating whether the value is good/mediocre/bad. Before I joined the team, there was no guidelines, ...
4
votes
5answers
1k 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 ...
10
votes
4answers
415 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 ...
22
votes
10answers
2k 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 center-aligned: http://ux.stackexchange.com is an example. However some sites are left-aligned e.g. http://forums.adobe.com/index.jspa, ...
3
votes
1answer
296 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 ...
7
votes
4answers
427 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
390 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
203 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 ...
11
votes
2answers
323 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
43 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 ...
6
votes
1answer
665 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:
5
votes
1answer
3k 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 ...
1
vote
1answer
178 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
96 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
1k 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
792 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
2k 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 ...
4
votes
2answers
3k 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 ...
5
votes
1answer
143 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
542 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
266 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
2k 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
538 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
733 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
611 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
128 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
199 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 ...
6
votes
2answers
2k 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 ...
20
votes
3answers
3k 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
340 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
1k 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
369 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
215 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
198 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 ...