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

39
votes
17answers
8k 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 ...
5
votes
3answers
147 views

What's the best practice for button alignment in responsive email templates?

I was looking for case studies or UX research to figure out what is the best practice for button alignment especially in email templates, but couldn't find anything relevant. Our practice: We tend ...
1
vote
2answers
40 views

Alignment of the labels in view/read only mode

I have a question regarding displaying the forms in the read only mode or a view mode. For example after one users inserts all the data (I use infield top aligned form labels) and then another user ...
20
votes
6answers
13k 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 ...
3
votes
1answer
84 views

Order of buttons when on the right of the page

I've been going through various posts on this board to clarify my doubts but I haven't found anything yet. As I understand, there are 3 methods of positioning buttons, by importance of the action. ...
3
votes
1answer
110 views

What is the best way to align a paragraph beside an image?

The webpage has small paragraphs (5-6 lines) with images on the right of each paragraph. The text in paragraph is left aligned. The paragraph is not always as big as the height of the image that is on ...
1
vote
1answer
61 views

Field allignment with error labels

I am looking for possible solutions that could be used to make our forms look better when displaying errors. Our application is using Government of Canada Intranet Theme (WET 4) with bootstrap. The ...
10
votes
2answers
2k views

Should text on the web 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:
1
vote
2answers
100 views

Why are websites center aligned instead of stretched to fit?

Trying to figure out the exact reasons why websites or web applications on wider screens 1. have space on either side (aligned center as a container) 2. instead of being left-aligned or 3. stretched ...
0
votes
3answers
185 views

Icon Placement within a row

I have a table with template names and the actions available will be shown in the form of icons next to the names. There are two options. Option 1 Icons next to the name(left aligned) appearing on ...
25
votes
5answers
9k 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 ...
0
votes
1answer
24 views

How much flexibility is there in text / number alignment for non-tables?

I have a summary page design that includes both text and numeric values. The labels are under the values (as opposed to a more traditional left/right approach). I think the overall look is better ...
1
vote
1answer
102 views

Is there a best practice for alignment of nav bar content - with grid or not?

Looking at various site's nav bars I see some sites spread their content wide across the bar, anchoring their logo to the far left and login to the far right, navigation in the middle (examples: ...
0
votes
3answers
154 views

Best way to design a compact form intended for value calculations and entering lots of data?

I'm working on a very large form, which is an adaptation of an excel file my client was using. I need to find a way to group elements, align the fields, and manage several input types, keeping the ...
4
votes
7answers
165 views

Best text/icon/title alignement for feature box pattern?

You often see this pattern: My gut feeling would say the first is more readable (Is left-aligned text generally preferable over centered text?) but I could agree the third would look nicer (and ...
24
votes
8answers
3k 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 ...
3
votes
1answer
77 views

Image width and alignment in long-form content: Best practices?

The website in question is for long-form blog content. The body will include images that users input when they create their blog/content entries, hence the number of images in post is not controllable....
2
votes
1answer
58 views

How to deal with multi directional footnote language?

How to deal with multi directional footnote language? suppose I have a multilingual document whatever it is (word Document or an HTML file) and I have to include footnotes in that document in multi ...
8
votes
3answers
898 views

Alignment of input fields in a form with plain text

I have a details page containing a list of information and input fields at the same time. Sections are alternating between information and input fields. I am debating between the alignment of data. ...
5
votes
4answers
1k views

Left-align or right-align a Call to Action button?

We are creating online presentation, and most of the text on the pages is centred, on the last page we have CTA, the button leads to a different website, that is aligned to the left. I was asked to ...
0
votes
1answer
91 views

Best way to align controls in different sections of a form that has different controls and layout

I'm having a hard time designing a simple form to make it look neat. Below is the snapshot of my form which has different sections in the form. Each section is having different combination of ...
1
vote
1answer
167 views

How to align a Date/Time in a field?

I have some issues about choosing how to align a Date/time data type in a field. Which is the best way to align this type of date and why? Right or left? P.S We use WPF. [------25.03.2015] or [25.03....
27
votes
4answers
7k 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 ...
8
votes
4answers
367 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 ...
65
votes
6answers
11k views

Why are calculator screen digits right-aligned?

Is there any logical reason behind digit alignment on a calculator? If yes, can we apply this for visual interfaces of numbers on the web?
3
votes
2answers
230 views

Is there evidence that text in a table vertically aligned middle is easier to read compared to vertically aligned top?

I have an html table and there is one column that is much taller than the others and I am trying to get a recommendation if I should be vertically aligning the rest of the columns to the top or middle....
5
votes
5answers
11k 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 ...
27
votes
10answers
4k 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
5answers
288 views

Top labels alignment on forms: Align with text (typographically) or with input borders (geometrically)?

EDIT: I've added a psd of the screen making the issue clearer. See how the text is flapping[*] on the right while he is aligned and actually seems to be more easier to read on the left? Original ...
0
votes
0answers
69 views

Graph number alignment

It's only a small thing but it has me stumped. I have a graph that displays the numbers from +10 to -60 along the left hand side & also replicated along the right hand side. So say for example ...
0
votes
3answers
231 views

Are centered input boxes cool?

Take a look here - http://jsfiddle.net/9wFJS/2/embedded/result/ Which of the three is good? This is inspired by a conversation here... I like the second one, but two users disliked it. One saying ...
17
votes
2answers
18k 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 ...
2
votes
4answers
151 views
1
vote
3answers
382 views

Should “Date & Price” or other Numeric column along with their Heading be aligned right always?

I have a many tables in my application, where there are some "Numeric" columns like "Phone No/ Ext No, Date, Price, Serial No" So I have a question should these columns be always right aligned? And ...
0
votes
1answer
46 views

Should read-only Boolean grid columns be aligned to center?

My understand is text should be left-aligned; dates, times, and numbers should be right-aligned; images should be centered. What about Boolean strings "Yes"/"No"? My hunch says to center them.
1
vote
1answer
162 views

Alignment for report columns

I am currently creating a Crystal report, but having difficulty on how to align certain columns. I have a Social Security, employee_name, Check Number and Amount. I understand that the amounts ...
6
votes
3answers
400 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 right-...
7
votes
3answers
804 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
49 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, ...
2
votes
2answers
229 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
128 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 ...
6
votes
3answers
892 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
1k 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
66 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 ...
6
votes
3answers
3k 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 ...
0
votes
1answer
374 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 ...
1
vote
2answers
455 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 ...
6
votes
2answers
221 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 order....
9
votes
8answers
636 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
3k 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 ...