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

learn more… | top users | synonyms

1
vote
1answer
122 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 | | ...
3
votes
2answers
69 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 ...
152
votes
2answers
20k 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?
5
votes
4answers
365 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 ...
8
votes
1answer
619 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
575 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
201 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. ...
16
votes
4answers
1k 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
568 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, ...
8
votes
5answers
479 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 ...
38
votes
8answers
9k 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
292 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?
5
votes
1answer
151 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 ...
1
vote
3answers
241 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
237 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
151 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 ...
8
votes
4answers
1k 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
353 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 ...
6
votes
4answers
4k 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 ...
3
votes
1answer
1k 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 ...
33
votes
7answers
40k 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 includes this option so it seems to be a recognized ...
23
votes
7answers
2k 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 ...
14
votes
1answer
554 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
328 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
160 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 ...
9
votes
2answers
6k 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 ...
7
votes
1answer
1k views

Should web app text 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:
37
votes
6answers
8k 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
253 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 ...
6
votes
2answers
286 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
194 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
356 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 ...
41
votes
3answers
5k 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
166 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
367 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
18
votes
5answers
465 views

Which placement of list of ingredients is most convenient for the cook?

In the process of doing the layout for a cookbook, I'm faced with the problem of placing the list of ingredients for each recipe. I've looked at several cookbooks and seen numerous approaches. I can ...
8
votes
2answers
274 views

Is a number easier to read with the thousand separator?

This may sound like a stupid question but I'm being taken to task for this at the moment. Personally I believe that it's easier to read 1,234.56 than 1234.56. However there are others that are saying ...
4
votes
2answers
843 views

How can I preserve readability when using a dynamic grid layout?

There's a recent trend in web design to use dynamic masonry grids, like Pinterest, for just about everything these days. If you haven't seen such a layout before, it presents content of variable ...
5
votes
2answers
314 views

How should I format question-response sections in a document?

I work on proposals that need to be formatted in question-response sections. Currently, we use different colors to distinguish between questions and responses. However, members of my team want to make ...
2
votes
2answers
706 views

Ascender- and x-height effects on readability

How do ascender-height and x-height affect readability? Does a high x-height in comparison to the ascender height lead to lower readability?
6
votes
4answers
306 views

Should I place an image behind text data?

We are building a site now and are considering adding a "brand" to the data section in the center of the layout with a subtle background image. There is some concern that with different browser ...
2
votes
3answers
216 views

How to logically group textual elements for readability?

If you have text elements that are all the same color (ie Black), what is the optimal way to logically group text for readability? Should you change the text color for title/subject headings? Would ...
2
votes
2answers
3k views

What is the optimal text size for an iPhone 'News application'?

We are designing a News application for one of our clients, and I would like to get to know what is the optimal text size for Headlines and Article text in an application like this? We would like to ...
4
votes
4answers
617 views

Best Way to Darken a Color Until it is Readable?

What's the best way to darken a color until it is readable? I have a series of titles which have an associated color, but some of these colors are very light and any text drawn in them is unreadable. ...
22
votes
7answers
849 views

Why are software EULAs typically displayed in a tiny non-adjustable box with lots of scrolling?

From my experience whenever I have to install a piece of software I'm presented an end-user license agreement (EULA) in the following way: Specifically the EULA is a long text in legalese and I ...
3
votes
2answers
2k views

What are user friendly ways to display XML for reading & scanning

I'm looking for examples and advice for displaying XML in a user readable way. The user does not edit the xml, but is just looking for information inside of the xml. I'm designing an interface for ...
17
votes
12answers
3k views

Is this hard to read?

This is a snippet on a site i have just been building. I considered the readability etc, and the corporate colours, and tried to work with them. Actually, I find it quite relaxing to read and view, ...
49
votes
10answers
7k views

Is clockwise or counter-clockwise rotated text easier to read?

When rotating text with css, should it be rotated clockwise or counter-clockwise? Is one more readable than the other? Counter Clockwise:     —    ...
8
votes
1answer
239 views

How much text markup is good, before it becomes bad?

In 1997 Jakob Nielsen told us about how users read on the web. (Actually in a typically headline grabbing way, he says they don't and then tells us how they do!) Nielsen is a big proponent of using ...
5
votes
6answers
4k views

Should we always make every Link/Button atleast 44X44 size in Mobile site, According to iOS Human Interface Guidelines?

According to iOS Human Interface Guidelines The comfortable minimum size of tappable UI elements is 44 x 44 points. Should we follow this rule for Every link on Mobile Website for better ...