139 votes
Accepted

Why are calculator screen digits right-aligned?

Screen digits are right aligned to maintain positional consistency between what a number represents (in base 10 that would be units, tens, hundreds, etc.). E.g. If I were to have 764 and then ...
  • 67.7k
40 votes

Why are calculator screen digits right-aligned?

Digits are right aligned for similar reasons as you would right align them in a spreadsheet or a table. i.e. when you see multiple numbers (and they all have a fixed set of decimal places), then it'...
37 votes
Accepted

Label & Text-box alignment. Read the case

Luke Wroblewski (aka LukeW) wrote an article about different label position. Like many things in UX Design, its a question about pros and cons.http://www.lukew.com/ff/entry.asp?1502 Mateo Penzo then ...
  • 8,853
21 votes

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

Yes, this is a "standard". I am >25 too and I know where to look up this guideline :-) This is guideline 2.3/16 in: Smith S. L., Mosier J. N. (1986) Guidelines for Designing User Interface Software (...
13 votes

Why are calculator screen digits right-aligned?

I don't have any data about this question, neverthless here my thought: Readability is much better for right aligned numbers. Why? Consistency. The Decimal points always stays at the same location, ...
  • 756
12 votes
Accepted

Alignment of input fields in a form with plain text

Generally, align the left of the field, not the text content: There are several reasons for this: Better alignment. For boxed input elements (i.e. with outlines, borders or shadows), the vertical | ...
  • 40.5k
12 votes

What is the best practice for data table cell content alignment

If the column is a text, left-align it If the column is a number or number + unit, right-align it (like excel) If it's a multi-part value separated by a common separator (like 1024 x 768 is multi-part ...
10 votes

Why are calculator screen digits right-aligned?

When using right aligned numbers you must note that decimal separators are aligned only if there are equal amount digits after decimal separator: 12 345,90 132 987,9376 Aligning such numbers left ...
10 votes
Accepted

How to align prices in columns when both 2 digit and 4 digit variations of a price exist?

It seems to me that your first approach (decimal aligned) is pretty obviously much more readable. The amounts are much easier to perceive because of the same position of digits of the same ...
8 votes
Accepted

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

Best practice You'll find a lot of info out there about CTA tests and theories. But you're not going to find a whole lot that tells you what to do with horizontal alignment. The reason is, it depends ...
  • 21.1k
8 votes
Accepted

Should i use left align or center align in webdesign?

In the article How to Use Centered Alignments: Tips and Examples the following recommendations are suggested : There’s nothing inherently bad about a centered alignment, you just have to know how ...
8 votes

Should I use a left aligned scroll bar?

Though design and user experience is becoming more dynamic and flexible, some things still remain traditional, just like anywhere you see the diskette icon, you automatically know its the save button ...
  • 632
7 votes
Accepted

Why Google Search bar and logo is not vertically center in large screen?

As mentioned by @locationunknown in the comments, the vertical position doesn't change when the window is resized. But to answer your question. I believe it is because Google doesn't want you to ...
  • 1,060
7 votes
Accepted

UI Ideas to allow user to select the alignment of text

You could use the typical Office style way of aligning text. Don't deviate from things that are very common. Most WYSIWYG text editors also implement something like that. You could even consider ...
6 votes

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

Because the image and text are differently in each case I would do the following. 1st grouping I would only use that in an aligned left scenario 2nd grouping I would have to use this in a centered ...
  • 121
6 votes
Accepted

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

Keep the ability to see relationship across rows. Especially lists of text items should be aligned to the left for users who read text from left to right and numbers should be aligned to the right. ...
  • 451
6 votes

Mixed alignment (LTR and RTL) in language selection list?

Simple lists need not be like paragraphs. Suppose we displayed each language name according to its “natural” alignment: Not only would that look wrong, but it would be hard to scan. Now suppose we ...
  • 1,194
5 votes

Why are calculator screen digits right-aligned?

In general, columns of numbers which are being examined as numbers should be decimal-point aligned (or right-aligned if the only decimal point is "implied"). Quantities which involve more than one ...
  • 3,235
5 votes

Should text on the web be justified?

There are some important points that appear to have been completely overlooked. Aesthetics are important too. You don't have to choose (enable your readers instead). Aesthetics It may be worth ...
5 votes

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

Numbers in a table should be formatted so that digits with the same significance are stacked vertically. While this is often described as "right alignment" or "decimal alignment", there's another ...
  • 3,235
5 votes
Accepted

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

Although I do not have an example of your layout, I would personally choose top aligned in this case. This will probably give the most visual order and harmony, especially since your paragraph block ...
5 votes
Accepted

To align radio buttons in columns or not

See the Gestalt principle of Proximity: If the choices of horizontal radio set appear aligned too far apart, they can start to form 'groups' as columns instead of rows. There's not necessarily a hard ...
  • 23.6k
4 votes

Best UI approach to align the column titles of reports

Numerical data is right-aligned. Textual data is left-aligned because is read from left-to-right. Headers are aligned with their data and center alignment is not recommended. I know that this ...
4 votes

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

I haven’t heard of any study about your question. But I can only base my opinions on readability issues, for this specific case. (See image) For the big paragraph text, is easier to read when ...
4 votes

Should i use left align or center align in webdesign?

Use center align for: Headings Bullet points (not always) Short messages with not more than 1 sentence. This way the users won't be looking where the next line text starts because there is only 1 ...
4 votes

In tables should date/time/year in table be left or right aligned?

Dates (in any format) should ideally be left-aligned inside a data table column. A rule of thumb is: integers should be right aligned, while other types of data should be left aligned. The default ...
4 votes

Why spreadsheets (like Excel or Google sheets) align text at the bottom of cells?

Because this is the default vertical alignment for tables. You can see the Specs for Visual Formatting Model at W3.org or Vertical Align at MDN The following values only have meaning with respect to ...
  • 33.5k
3 votes
Accepted

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

Here's a more condensed version of what you posted. I kept the read-only fields on a row separate from the inputs you can actually alter.
3 votes

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

While I agree that default for numeric should be right-aligned, I think there are some rare cases where left-alignment makes more sense. One example would be Bank Routing Numbers. The following ...
  • 131
3 votes

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

Personal "First-Thoughts" While I cannot provide you with a case study on the matter I have done a lot of research (~24 consecutive hours) and I can provide you with both my methods and reasonings as ...

Only top scored, non community-wiki answers of a minimum length are eligible