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

20
votes
5answers
12k 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 ...
0
votes
3answers
162 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
8k 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 ...
9
votes
1answer
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:
0
votes
1answer
23 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
91 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
126 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
158 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 ...
36
votes
15answers
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 ...
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
74 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 ...
2
votes
1answer
55 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
828 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
87 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
142 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
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
365 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 ...
63
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
208 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 ...
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
269 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
66 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
194 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
16k 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
145 views
1
vote
3answers
314 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
45 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
153 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
385 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 ...
7
votes
3answers
753 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
46 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
224 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
123 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
877 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
60 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
353 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
442 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 ...
5
votes
2answers
217 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 ...
9
votes
8answers
614 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 ...
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
602 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
240 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 ...
17
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 ...