139

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 multiply it by 24, the answer would be 18336. By aligning to the right I've consistently seen the same unit representation in the same position, and when I've had new ...


85

The newspapers use justified text as they have multiple columns side-by-side so the justification works as a line separator. The majority of web content (text) is not placed inside small columns we just have the standard long lines and people are very well used to it. On the other hand; newspapers cannot use long lines because it will be difficult for ...


52

You can't cram all the fields in one line. You need lots of room for student name since you have some long ones. Leaving too little space results in unpredictable and ugly user behavior, which will drive up the cost of processing. As for the "Score" field, consider need to know: NOT the student while he's filling out the test. The teacher while ...


49

You may try the following : Write the name label in all caps (FULL NAME), do not change the other labels. This will act as subtle cue that this must be filled in all caps. Create placeholders for the letters. This will constraint the use of small letters. We usually use small letters in continuous space, the placeholders will disrupt this flow. Add below ...


42

First of all, if you are just looking at a text list of ingredients then I would say that it probably isn't going to matter too much which option you go for. Out of the 3 options I would personally prefer the "bold amounts" option. The reason being is that the quantity is the part of the recipe that a person is more likely to need to look at more ...


40

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's easier to compare the numbers with each other because the digits corresponding to each place value are in the same physical position, thus making it easier to ...


37

Forcing a user to conform to a standard which makes things easier for you and harder for them is almost always bad UX. Really your only options are to change the process which consumes the form data to handle lowercase letters or take up additional space on the form to explain why writing in ALL CAPS is beneficial to the user Add a line of text to the top ...


32

Improving on my comment, I would like to make to start by making the absolute contrast between Serif fonts (the small protruding features at the end of the lines), and Sans Serif (literally Without Serif). There are plenty of Sans fonts (fonts without Serifs), strongly associated with the Gothic typeface: Century Gothic, Helvetica, Verdana, Futura, Syntax, ...


29

The point is a measurement system inherited from traditional print typography. It has had various definitions, much like the inch and foot. With the introduction of PostScript, it has been defined to be 1/72 inch. I don't recall the specific history, but the use of certain font sizes long predates computing. They continue to be used because they work, and ...


27

Having two fonts, one for headers and one for body text, is generally accepted. Do not use more than two fonts. Three's a crowd. What's important for you is to create visual hierarchy. You can do this by having contrast between font size, weight and color for your header and body text. If you find that using one font for both is not creating enough contrast ...


25

According to studies, the line length should not exceed 70 characters. So keep your paragraph width between 50 and 70 characters. So actually you should not care about the width in pixels, but rather the width in ems (The width relative to the font-size). So go for 30-50em. Also wikipedia says: Some studies have shown that 100 cpl can be read faster ...


24

Based on UX.Movement: Why Text in All Caps is Hard for Users to Read The reason of the worse readability of uppercase vs lowercase is the lower contrast of shape. Small caps still has worse contrast of shape than lower case, so it'll still be less readable. There is also some relationship with familiarity, taking into account that for sure more of the 90%...


22

There is no evidence that serif or sans-serif significantly impacts readability. Alex Poole conducted a study on Which Are More Legible: Serif or Sans Serif Typefaces?. His conclusion: What initially seemed a neat dichotomous question of serif versus sans serif has resulted in a body of research consisting of weak claims and counter-claims, and study after ...


20

I believe the cause is that handwriting generally has a higher x-height than printed type. That makes all-caps handwriting look more like printed small-caps, which are generally not considered rude, and actually end up looking formal. It's also true that all-caps used on the web now carries the connotation of screaming by convention (as mentioned by Juan ...


15

My guess would be that it's so the text renders consistently across all browsers. Not all browsers support font face. So images are the only way to have full control of the experience. Many of the visitors to that page might have a old PC. So rather that risking having the page destroyed by improper rendering they show an image. So that the site conveys ...


14

They're focussing on visual consistency, at the price of accessibility. It's not how the Web is supposed to work, but it's not much of a surprise that Apple take this stance, given their extremely successful marketing campaigns.


14

All capital handwriting is easier to read because it takes more time to write and forces the author to slow down. This increases legibility by requiring the writer to compose each individual letter one at a time. The variations for capital letters are less compared to lower case or cursive characters. Architects and engineers developed their particular ...


14

I think you're mixing up logo and icon. A logo doesn't have to be a square. There are several examples of famous non-square logos. But an icon should be square. It is mostly used as gravatars or also favicons (the small images in the browser tabs). But there is a strategy to design your logo similar to your icon. That means that your icon is also used in ...


14

With 1000 students, this is presumably a so-called "service course" (gen-ed course) where students highly value any points. With that in mind, just make "Question 1" of the exam: [10 points]: Write out your full name in all capital letters. Draw a graph of... lorem ipsum dolor sit.... No need to beg or plead, and the students will almost all ...


13

A typeface is a distinct design of glyphs, a font is a specific variant therof, consisting of a full set of glyphs. Helvetica is a typeface, as is Courier. They are different typefaces, and by definition different fonts. Helvetica condensed bold is a font, as is Helvetica italic. They both belong to the Helvetica typeface, but they are different fonts.


13

This is most prevalent with hand-written numbers as some people draw their 1's like their 7's. The dash is used the differentiate the two from each other. With respect to this specific case, I assume it is for the same reason - because the number is along a curve the 7 could be interpreted as a 1, so the dash was added for clarity. I don't think I have ...


13

Disclaimer: I am not a native speaker of a language which does use guillemets as a way to denote quotes. But I wanted to offer a view on how context can help identify if the content being referenced is a phrase or a case of pagination I believe there are two aspects to it I believe this is one of those cases where users can visualize whether a phrase is ...


13

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, decimal separators too. So it is much easier for a user to identify how big a number is. download bmml source – Wireframes created with Balsamiq Mockups ...


13

Typography is a broad subject which needs to learned. There are valid reasons why you will use justified text in print media: To ensure there is no right raged text To create a sense of symmetry, especially if there are many columns on the page To those people who say you cannot use justified text on the web, I say you need to learn more about typography. ...


13

You should avoid using two different fonts for the following reasons: You create unnecessary contrast, which creates clutter. The visual hierarchy is already established by the difference in font size and weight. Reading with one font is faster than reading with two different fonts, a phenomenon called Font tuning: Font tuning (FT) occurs when observers ...


12

Here's an interesting piece on this: Design Tip: Never Use Black It's not a study, but I found that interesting. The thinking is that in real world thing's aren't really black on really white and that it didn't matter some time ago, but now the displays have such high contrast that pure black on white just isn't good for you.


12

I think the best explanation I have found was in this article which explains how fonts constitute a typeface. To quote the article A typeface is a family of fonts (very often by the same designer). Within a typeface there will be fonts of varying weights or other variations. E.g., light, bold, semi-bold, condensed, italic, etc. Each such variation ...


12

It's semantically incorrect, and I'm not sure of all the ramifications of that incorrectness, but I recommend using more semantically appropriate characters like right arrow → (→) and left arrow ← (←). I think most screen readers, if they audiblize them, would use the character names ("right arrow" and "left arrow"), and this is probably ...


12

You can adjust the spacing as you need to, but here's one way: I would make sure to distinguish the areas that are to be completed by the student versus those needed from an admin perspective (different fonts, shading, layout, etc.). If you prefer to include the help text of "Print in ALL CAPITAL letters", you can easily move that under the area in which ...


11

We normally do not read every single letter. Instead, our brain is very good in recognizing words by their outer shape, which is much faster than reading letter by letter. But this can only work for words with distinctive shapes. In lowercase words, the occurrence of letters like d, h, d and g, p, j lead to characteristic shapes. Image Source: http://www....


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