Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

Legibility is the ease with which text can be read (dependent upon formatting regardless of content). It is sometimes confused with readability, which is the ease with which a text can be understood (dependent upon the content, regardless of formatting).

1
vote
0answers
88 views

Are There Any Recent Studies Comparing The Legibility Or Readabiltiy Of Fonts On Screen

Are there any recent studies that have tried to objectively compare the legibility of typefaces on screen using modern screens (including hi-dpi screens)? Note: I'm not interested in opinion on what ...
0
votes
1answer
90 views

Comfortably legible base font-size?

I'm trying to figure out a comfortably legible base font-size for all screen sizes, on a platform that supports several languages. Anyone worked on a similar project? If so, what was your outcome and ...
7
votes
2answers
476 views

Grey font on websites - some so pale they are difficult to read. What is today's design brief on font colour?

What is the design standard for font colour on websites? I am finding the use of pale grey makes some of the text extremely difficult to read. Surely readability should also extend to being able to ...
3
votes
1answer
126 views

How does a combination of paragraph spacing with indentation rate for legibility and aesthetics?

Conventional wisdom says either indent paragraphs or have a space between them but don't do both. The argument is that since the point of both methods is to show where one paragraph ends and another ...
2
votes
2answers
74 views

Whats a good way to determine the number of records to present to a user until he has to switch to a second page?

I always wondered where I should draw the line, ie. how much tabular data a human may visually process until the site becomes a visual mess and the user cannot get any useful information out of the ...
2
votes
2answers
114 views

How Far is it recommended to show large table content on mobile browsers [duplicate]

Is it good practice to show all content that is in desktop version to mobile browser. Can mobile browser handle this kind of data,With low bandwidth. How far is it legible to read with that huge ...
1
vote
2answers
121 views

Should TL;DR be bold or the sentence that accompanies it?

It is quite common on the internet (and commonly used on Stack Exchange also) to use a short sentence to resume a longer explanation. There are different ways to express this such as: Short answer ...
5
votes
4answers
1k views

Ordered lists: numbers or letters?

I'm working on a set of guidelines for the use of user interface elements. I'm currently working on ordered lists (<ol> elements) and I have a couple of questions which I've been unable to find ...
3
votes
1answer
598 views

Lowercase 'a' hooked vs non-hooked (rounded)

Does anyone have any information regarding whats better for usability and legibility: a lowercase 'a' with the bell hook, or a rounded (α) one. This is particularly for mobile devices in body text. I'...
2
votes
3answers
103 views

If I want to display a text letter by letter, how long should I wait between each character?

I'm working on a game where the player has to talk with an AI (it's not the main feature but it's recurrent). I would like to display the text letter by letter to increase the feeling of dialog ...
2
votes
1answer
406 views

Museo Sans readability for desktop

Is there a way to measure readability for desktop? We are currently using Museo Sans 14px for body text and are wondering if increasing it to 16px would help pages being read more easily? Is there any ...
4
votes
1answer
409 views

Is there a reason behind the dark disabled buttons in Windows 10?

In Window 10 Microsoft has opted to use a rather dark gray background color for disabled buttons. Other disabled UI elements still use the light gray old pre Windows 10 disabled color. To me disabled ...
18
votes
7answers
2k views

Ideal breaks for long numbers?

Is there any rules-of-thumb or actual research on how to make long numbers more legible? We are dealing with 14 digit numbers: 12345678912345 This can be hard to read back over the phone as it's ...
8
votes
4answers
1k views

Users stating that the redesign is too bright?

We've recently launched a redesign of a popular forum, and a lot of users are stating that the redesign is now too bright for them to read, which is obviously not good for a forum. Here's a typical ...
2
votes
1answer
232 views

How can I show a clear hierarchy in a small space?

I'm making a thing that looks like this: It's a list of pages which have tags. These tags can have a hierarchy, like this: programming | \-> perl | \-> python | | | \-> python 2 | | | ...
4
votes
2answers
196 views

Idea to enhance the UX and the legibility of an internship report

I am in the last month of my last internship of my IT studies. And as in the five last years, I have to write an internship report (that almost nobody will ever read). The last one. And to give a ...
7
votes
2answers
3k views

Does drawing a dash across the numeral 7 (seven) increase legibility?

The RBRC battery recycling logo was recently updated to add a dash to the final digit 7 (seven) in the phone number: Does this make the phone number more legible? In what situations, if any, is ...
189
votes
2answers
43k views

Why do movie posters use credit fonts that are hard to read?

Many contemporary movie posters typeset the credits in an extremely thin font: Is this just out of convention or is there a particular reason for deliberately making the credits hard to read?
6
votes
4answers
985 views

Why are certain fonts more legible than others?

Given that I have at least basic understanding of typography, I would like to understand what attributes typography designers alter to make text more legible and more pleasing to the eyes? For ...
10
votes
2answers
4k views

Does the use of monospaced fonts negatively affect legibility of article text?

Is there any reason I should not use monospaced typefaces for text in articles? Do they negatively affect the reader's ability to easily read long-form text?
6
votes
4answers
4k views

Uppercase for a mobile app

I'm designing a mobile application (android) that should be very simple and easy to use because the users are in motion and quick maneuvers that require concentration and have to record some data on ...
1
vote
3answers
397 views

Displaying domain name or URL that is long or contains many words

2 related problems: I have a domain name that is quite long. e.g. www.expertscientificanalysis.com I have another domain that is not neccesarily long but made up of many words. e.g. www....
18
votes
4answers
2k views

Is there a more legible way to present tabular data?

I have some tabular data I'm displaying to users. It's not a lot of data, but I'm wondering if there is a more legible way to display it? Right now the data looks like this: Is there a better way ...
3
votes
4answers
2k views

Multi-column articles

I just came across this article by Paul Lewis. The first thing I noticed was the multi-column layout. It's great that people are trying to break the usage of overused templates for articles/blogs, ...
10
votes
5answers
840 views

Zebra striping for body text?

The general consensus is that zebra striping a table makes it a little easier for people to keep track of which row they're on...but is this reduction of cognitive taxes only for table rows? I at ...
71
votes
9answers
56k views

Is there an optimal font size / line height ratio?

When styling text on web pages, both font size and line height can be set. For example, the text of this post will be displayed using a font-size of 14px and a line-height of (about) 18px, set using ...
0
votes
3answers
893 views

What are advantages and disadvantages of MagicScroll?

Richard Wallis proposed a new way of scrolling called MagicScroll. What are the advantages and disadvantages of this method?
6
votes
2answers
263 views

What is the optimal vertical margin between paragraphs?

Here on ux.StackExchange they have gaps that are a bit smaller than one line height (~88%), but I’ve read a few times that 100% of the line height provides best readability because it continues the ...
2
votes
3answers
467 views

Do people prefer to read text on plain not gradient backgrounds (particularly on printed media)

I am particularly concerned with printed business cards. Assuming it can be printed out in high-enough quality, are gradients distracting to read text that is printed on them? Should business cards ...
4
votes
2answers
295 views

Recommended pixel size for labels for mobile?

In the same way that the minimum tap area for mobile should be 44px according to apples documentation, is there a recommendation for label sizes?
4
votes
2answers
235 views

Contrast on footer and other elements

Is it of good UX practice to reduce the contrast of the footer and some other elements on newsletters and websites? In this first example, the contrast of the footer in a newsletter is reduced, I ...
9
votes
4answers
2k views

Does using bold font for keywords and key points increase readability of user manuals?

I find myself writing quite a lot of articles, user manual-like documents, as well as posting hundreds of questions on stackexchange sites. Over time, I developed a certain style of writing, which ...
5
votes
4answers
437 views

Is there any user experience benefit of having a patterned background in iPhone apps?

In your experience, do users of iPhone apps enjoy using an app with a "cool special background", like the one below, or do patterned backgrounds distract from the overall point of the app? I've seen ...
7
votes
5answers
14k views

Which fonts are designed for accessibility and good screen legibility?

Ideally I need something that has been specifically designed for easy reading on displays. Accessibility is key really. Does anyone have a suggestion for a good webfont that looks fairly similar to ...
5
votes
1answer
6k views

Do columns of text hurt readability on websites?

I have no problem reading articles that are broken into multiple columns of text in newspapers and magazines but this does not seem to carry over to the web for me. I recently came across an article ...
65
votes
15answers
120k views

Why are Inverted Colors considered an accessibility feature?

Why is it that in most Operating Systems the "Inverted Colors" display setting is considered an accessibility feature? Both Windows and OS X include this option so it seems to be a recognized feature ...
24
votes
7answers
3k views

Why does Apple use images of text for headers?

I have just noticed that Apple uses images for simple text headings. I guess its to enhance readability but still don't get on why images? Check this - http://www.apple.com/why-mac/ Heading - "Make ...
15
votes
1answer
1k views

Tufte's data density, readability and comparison

I'm intrigued by Tufte's data density. While I love his definition of data / ink ratio which can be easily measured, I have hard time measuring data density. He defines data density in a graphic as a ...
4
votes
5answers
684 views

Allow users to change fonts for increased reability

Looking to see if anyone has found any recommendations/best practices on allowing users to toggle different font-types. Particularly the ability to toggle between standard font-sets and one designed ...
2
votes
1answer
165 views

Does hiding generic navigation elements improve readabilty?

I'm working on an application for studying a course. Users will use it to augment their learning, and will read course information, as well as do some tests, etc. The current design has a left-column ...
27
votes
3answers
39k views

What is the best practice for data table cell content alignment

We are currently working on a windows based application where users capture data. Some data is captured in a table where other data is captured in text blocks. Im currently faced with the dilemma of ...
13
votes
2answers
3k views

Should text on the web be justified?

Are there any studies on the use of justified text in web apps? How does justification affect screen legibility? Example of justified text:
83
votes
13answers
26k views

Is there a problem with using black text on white backgrounds?

Why do a lot of websites use a text color other than #000000 black when the background is white? For instance, this text will be displayed using a dark grey: .post-text { color: #333; } Have ...
5
votes
2answers
459 views

Why use or not use sidebar inside the content area?

Are there any studies of users response to having a sidebar integrated to the main content area (such as facebook) and sidebar outside the content area (such as Google)? & . The sidebar inside ...
6
votes
2answers
513 views

Linear vs Column layout, which one is more readable?

Are there existing/approved studies proving that one is better in readability than the other in these 2 layouts? Which one offers more chance to be read completely? download bmml source – ...
3
votes
2answers
200 views

Can having wider margins improve legibility?

I'm talking about the space between the browser window and content. I've found that it's uncomfortable to read when the text is too close to the edges and I was wondering if there is any rule that ...
0
votes
2answers
694 views

Table user readability/clarity

I've got a table that displays data to users. Each line of data can have a report attached to it. The 2nd cell in the table is used to show users if there is a report present, if there is you get an ...
50
votes
3answers
7k views

What's the deal with Windows 8 elements with ALL CAPS?

Here's how Microsoft new Windows Azure portal elements look like: and that seems to be "Windows 8 style". Visual Studio 2012 also has plenty of user elements in ALL CAPS. For dozens of years ALL ...
2
votes
1answer
210 views

Readability issues and presentation of Price

I am trying to find some research or thoughts on any readability issues around displaying price. We are tossing up the idea around displaying the price with a small $ symbol and small cents. An ...
3
votes
2answers
654 views

Improving readability by aligning elements in rows

What's the best way to improve readability, when you have elements that change length like a name moving other elements, creating misalignment