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.8k
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'...
- 70.8k
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,884
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 (...
- 446
13
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.7k
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
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 ...
- 399
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 ...
- 5,154
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 ...
- 116
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.2k
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 ...
- 7,761
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 ...
- 477
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
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 ...
- 1,240
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,245
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,245
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 ...
- 24.4k
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,411
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 ...
- 11.4k
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 ...
- 2,539
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.9k
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.
- 398
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 ...
- 386
Only top scored, non community-wiki answers of a minimum length are eligible