Tag Info

Hot answers tagged

54

Ideal line length is reasonably short or reasonably long; what's generally esthetically pleasing to read is generally a good indication. Columns in a web context make sense only if you were focusing on very compact content; which defeats the purpose of using columns beyond beautification. The reason they don't make sense otherwise is not because they are ...


52

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


45

It depends on how you are using it. All caps can be the perfect choice when used correctly. The site you have referenced does look slightly odd to me, this could be because of the typeface itself. Certain typefaces such as Trajan Pro and Bebas consist of only all caps characters. These types of typefaces are usually used very successfully in headers and ...


35

UPPERCASE text is harder to read because the shapes of all the uppercase letters are all rectangular and users are not used to reading text that way. Therefore it is harder to scan, less efficient, and consequently a bad thing for readability. See also this article from UXMovement: Why Text in All Caps is Hard for Users to Read. And quoting from that ...


29

Here's an article on it. To quote the article's quotes: However, most studies have shown that dark characters on a light background are superior to light characters on a dark background (when the refresh rate is fairly high). For example, Bauer and Cavonius (1980) found that participants were 26% more accurate in reading text when they read ...


27

Legibility depends on high contrast between foreground and background, so black-and-white is the safest bet. See for example: Hall RH & Hanna H 2003. The Impact of Web Page Text-Background Color Combinations on Readability, Retention, Aesthetics, and Behavioral Intention, Laboratory for Information Technology Evaluation, Technical Report ...


24

It depends. It depends mainly on how users will be locating the data they are interested in. Numerical Stats in a Row If the page is repeating the same stats groupings in the same order, then positional memory will be used, and the numbers themselves also cue the reader in to positioning - Best bowling 5/45 has a different form to Economy Rate 1.51 and ...


24

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


23

I hate to be this guy, but The W Blog has an article digesting some research suggesting that the presumed "letter shape" theory is incorrect on why CAPS LOCK is harder to read. It's a good article that cites real research you can delve into as deeply as you like, it suggests that the presumed reasons (letter shape ect.) for why UPPERCASE is hard to read are ...


17

Yes. Jakob Nielsen did a study many years ago and found that users like reading text that's easily scannable. Scanning can save users time. During the study, 15 participants always approached unfamiliar Web text by trying to scan it before reading it. Only 3 participants started reading text word by word, from the top of the page to the ...


16

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


15

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


14

Considering your content is like most where the user will be reading the data more often. For example consider where your eyes go first: - Bowling Pins: 32 and now the opposite: - Bowling Pins: 32 - They user will come to the page for the first time and: See the bold data, than look at what they represent. The user will return to look up the data ...


14

Those are called "pull quotes" Used to attract attention, especially in long articles, a pull-quote is a small selection of text pulled out and quoted in a larger typeface or using some other formatting distinct from the rest of the article. A pull-quote may be framed by rules, placed within the article, span multiple columns, or be placed in an empty ...


14

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

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


13

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.


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

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


12

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


12

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


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


11

There are two books I would recommend The Elements of Typographic Style by Robert Bringhurst. Simply a must read Grid Systems by Josef Muller Brockman. Not typographically centered but really good at getting an understand about type in a broader context.


11

Headings may use the same font as the body, but they are not required to. Plenty of great typography uses different fonts for the body and headings. In fact, there are fonts specifically designed for each purpose -- "text" faces for the body, and "display" faces for headings, titles, posters, and so on. If you have a single good font, it is acceptable, ...


11

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.


10

I've been scolded for using too much bold in SO questions, so I learned that... Using too much bold disrupts your natural reading rhythm, but some italics and bold can be helpful in appropriate quantities. If your text contains a lot of highlighting or bold, consider breaking it up into bulleted lists.


10

Depending on the nature of data, you can use Tufte's Sparklines. This approach combines text, color and small graphics. Google Analytics makes use of this approach in their control panel:


10

It's well known that greater variance in letter height aids readability since it makes letters more distinct. In this case your problem is the Ascender Height vs the X-Height (or possibly the Cap Height). The readability of All Caps text has long been known to be poorer than normal type, mostly because the lack of variation in letter forms. Mixed Case is ...


10

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


9

Timothy Samara in Design Elements: A Graphic Style Manual provides interpretation of the colors black and white. Samara tells us that the color black is "extreme [...] the strongest color in the visible spectrum." He further calls it dominant and also typical of the feeling of nothingness. The color white, on the other hand we know is "all" colors, that ...



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