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 ...


94

High contrast such as black on white can cause eye strain. Also there is evidence that it is particularly bad for people with dyslexia. For further info read articles at UX Movement and The Bristol Dyslexia Centre. WCAG provide details on what is acceptable colour contrast, but dont state an upper limit. Personally, I like to use a different algorithm that ...


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

For two main reasons,according to Microsoft posted 3 days ago: We’ve chosen to use uppercase styling in the top menu for two main reasons: 1) to keep Visual Studio consistent with the direction of other Microsoft user experiences, and 2) to provide added structure to the top menu bar area. On the first point, the use of uppercase text is becoming a strong ...


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 ...


23

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 ...


21

Caps are an effective way of introducing visual hierarchy without increasing point size or using bold. All-caps can make small text seem more important or conceptually higher in the hierarchy than larger text. Metro, being highly typographic, requires designers have a significant degree of freedom to express visual hierarchy without resorting to colour or ...


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 ...


17

Thought this was funny ... someone has already created a hack to turn the visual studio ALL CAPS Menus back into lowercase. (I realise Microsoft have said they will expose this functionality themselves... but this demonstrates someone with a level of urgency). The point here is that many people really find ALL CAPS hard to read and/or aesthetically painful (...


15

Off black colors (#333, #222, #2a2a2a, #444) simulates print material contrast on web typography. It can also improve readability more so than pure white and pure black as Sheff already stated above.


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 ...


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