The ease in which text can be understood (based on content, not formatting). Readability is not to be confused with legibility, which is the ease with which text can be read (based on formatting, not content).

learn more… | top users | synonyms

17
votes
4answers
4k views

What's the best way to make a user read terms and conditions before continuing a form?

What's the best way to make a user read terms and conditions before continuing a form? Structure of Form: Label1 [Textbox] Label2 [Textbox] Terms and Conditions [Textarea] Checkbox ["I agree to the ...
0
votes
1answer
43 views

What font size should I use for navigational breadcrumbs? [closed]

I would like to know what font size I should use for the navigation breadcrumbs on my website. Assuming that 16px is my default font size, should I am for 11px for the breadcrumbs? Or would that be ...
4
votes
5answers
379 views

Is it better to have groups of content stacked vertically or horizontally?

I have groups of content and I can stack them vertically in 100% width rows or horizontally (even-width columns). Since the user for English language web sites will read left-to-right and the and ...
6
votes
3answers
144 views

Best Readable Console Colour

I am working on a system that outputs a PASS or a FAIL depending on what happened. There are other text being displayed so I would like to write the PASS or FAIL messages in colour as to easily ...
1
vote
3answers
161 views

Headline vs. Image: What are the best practices for designing article-based interfaces for maximum readability?

In every interface, understanding the importance of each element in fulfilling the users need is a primary task. In the case of article page designs, in order to maximise the optimal reading ...
8
votes
2answers
831 views

Is there any research with respect to how font-weight affects readability?

Is there any research with respect to how font-weight affects readability? Obviously, there is some relation there, but I'm struggling to make a decision based on any facts. I created a jsFiddle ...
3
votes
2answers
117 views

How to make a big random value more readable for humans?

I have a strong random value that looks something like 4?1V*8G?ۑL?? (it is actually even worse as some of the characters were changed to ? when pasting it here). I can convert it to a hexidecimal ...
2
votes
3answers
2k views

How long does it take to read X number of characters?

I am creating an iPhone app where I need to show transient confirmation messages (called a toast in Android). For example, when a user submits a comment, I pop up a message saying "thanks for ...
23
votes
5answers
3k views

Color choice for maximum legibility of text on glass

In our office we have transparent glass doors and we want to put text stickers on them. For example, name of the person or room function. The question is what color should be stickers to provide ...
1
vote
5answers
480 views

What is the reason for small, lightly coloured text?

We are all familiar with the concept of fine print for text that is to be discouraged from being read. However, lately I've been finding many websites whose main content is in tiny, lightly-coloured ...
10
votes
3answers
3k views

How to design usable web site terms & conditions?

What are some guidelines and examples for designing usable legal terms for web sites? I know that most users don't read it, but are there innovative ways to improve readability and presentation of ...
1
vote
3answers
147 views

Which navigation pattern to use

We are currently working on designing a Responsive Web Site for a very niche market. The user base (elderly) would be using this site purely from content consumption - reading perspective more than ...
22
votes
7answers
1k views

How long should a temporary notification appear?

For our intranet application we have little notification messages that indicate successful operations like "information saved," "logged out" etc. Most of them are not important enough to require a ...
1
vote
1answer
62 views

Safari Reading Mode Width/Font-size: based on?

What's the rational for Apple behind the width of this feature? In desktop vs iOs devices? Is it always the same or dynamic base on proportion?
4
votes
2answers
386 views

Best way to fit text in a limited amount space

I have a series of columns that have a header like so: What is the best option when it comes to readability and getting the information needed on the screen? I am currently resizing long headers in ...
0
votes
1answer
53 views

Displaying an input field for building lengthy equations

In the application I am designing, there is a requirement to allow the user to build an equation by hitting buttons, depicting operators and variables. This equation builder must be displayed within a ...
5
votes
1answer
153 views

Reasoning for highlighting a sentence in the middle of an article

I noticed a trend in many news websites where a sentence from the article is duplicated and highlighted somewhere else on the page, for example: Personally, while I think it is visually pleasing as ...
2
votes
1answer
104 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 ...
1
vote
3answers
94 views

Is it better for readability for links where link text equals document title to both be in title case, or both be in the usual capitalization?

To pick one example of a class of links I'm considering changing, https://CJSHayward.com/library/ has a link text of "Ajax Without JavaScript or Client-Side Scripting". The link points to ...
4
votes
2answers
76 views

Should I use a single or double space after a period?

In a paragraph of multiple sentences, should there be one or two spaces after each sentence's period for readability? The paragraph is typed in Arial font. Does this matter? It is size 11 font. Does ...
5
votes
4answers
249 views

Hovering over an element to raise opacity

I'm working on a site where we display testimonials on the side of the page. We don't want these to be the main point of interest, so we dimmed the opacity, and on hover it goes to full opacity. We ...
9
votes
8answers
875 views

What is the best way to indicate read-only cells within a table?

I have many tables, actually data grids, where most of the cells will be editable, but some may not depending on the users permissions. I am thinking of using light gray backgrounds on the read-only ...
6
votes
2answers
546 views

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

The RBRC battery recycling logo was recently updated to add a dash to the final digit 7 (seven) in the phone number: Does this increase readability? In what situations, if any, is writing the ...
3
votes
5answers
102 views

Should we use hash tags (with a #) in content titles when that content is often shared on Twitter?

On our website, we have a widget to share our articles on Twitter. Our marketing expert recently explained that when we write the article titles, we should include hash tags in them so they get ...
6
votes
4answers
279 views

Why are news sites articles one big block of text instead of broken down with subheaders?

I have noticed something about sites like cnn, reuters, cbsnews etc. All of these have long blocks of text. They don't try to break it up with sub-headers even visually. ...
41
votes
4answers
4k views

Why are messages on the road printed in reverse?

After reading this question, something occurred to me that I've always wondered - but never thought to ask. Why are road messages/signs printed in reverse? (source https://xkcd.com/781/) Anytime ...
19
votes
4answers
920 views

Dark screens in cars

I am a designer just preparing an app for the "in car" area. Normally we have a bunch of colors to use and we usually use dark colors on a light background. Now our client came up with some question ...
20
votes
5answers
2k views

How to display a large quantity of (read-only) fields?

I have a page in a site I'm working on that requires we show the user a large amount of field information when the user requests it. This is an account information page, so will list their personal ...
3
votes
2answers
100 views

The Ideal Typographic Measure

If you read a lot about typography, you probably have read that the ideal measure (also called line length) that is recommended is between 45-75 characters (somewhere around 2-3 alphabets) including ...
1
vote
5answers
2k views

Basic color scheme for great readability [closed]

Are there any good recommendations for web site color scheme that provide good readability e.g. body text color (body) main heading color (h1) sub heading color(h2, h3 etc) background color border ...
11
votes
2answers
1k views

How to style table headers?

Default styling in popular CSS framework such as Bootstrap styles headers with title case and bold text. Question Is there any proof to sustains this choices as it makes the headers more salient ...
1
vote
3answers
53 views

Displaying text on camera feed

I am developing a iOS app, for which the main screen is used to scan a QR code. I want the camera to cover the screen, and at the same time display several text elements. My main strategy so far has ...
1
vote
2answers
65 views

Why show the reading time for an editorial article?

I noticed that while reading on medium.com every article has a suggested reading length. Reasons this might be good UX include: It adds relevance/timeliness (just as we list author/date of ...
1
vote
1answer
167 views

How long should a feature tooltip be displayed before fade-out?

I have a tooltip with 5 words like "Try out some custom options" in my application. My goal is to get people to interact more with options. Is there any basis to calculate how long to leave that ...
4
votes
2answers
497 views

What is the latest research on Serif vs. Sans Serif fonts for readability and retention esp. for those with vision issues

I've been told by someone who worked with a researcher that Sans Serif fonts have lots of ambiguity in things like i, 1, l and this causes the eye to need to back and forth (more, presumably than the ...
15
votes
7answers
861 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 ...
21
votes
4answers
1k views

Readability of overlaid text on images

Text on images seems to be very popular these days, and it does look nice. However, it can be hard to control the legibility of the text. I have darkened the background, and added text-shadow, and it ...
1
vote
1answer
40 views

Reading continuous vs interrupted text mobile on IM

after an argument with my wife where I missed to notice to buy the milk out of a short message she sent me, the following question came to mind. Reading an interrupted message (where each line of ...
5
votes
2answers
1k views

What is the most dyslexia friendly colour combination

Following on from this question I asked a while ago: What is the most dyslexia friendly font? I'd like now to know whether there are any colour combinations (or sets of colour combinations from ...
24
votes
5answers
3k views

How easy to read are small caps vs lower case?

I'm well aware that text in ALL CAPITALS is harder to read than text in lower case or mixed case, for whatever reason. But what about Sᴍᴀʟʟ Cᴀᴘs? With a bit of Googling I can't find any references ...
18
votes
5answers
3k views

Can text shadow enhance readability?

CSS font shadows are often used to help make text stand out (or in, or colorful, or many other fancy things.) I'm wondering if it can be used to aid readability. I know finding the right amount of ...
15
votes
5answers
1k views

Should UTC timestamps, such as those in Stack Exchange hover-texts, include day of the week?

There is a proposal on Meta Stack Exchange to add the day of the week to the hover-texts for timestamps on Stack Exchange, which currently show a raw UTC timestamp, of the form YYYY-MM-DD HH:MM:SSZ, ...
10
votes
2answers
190 views

How can I determine how large of a font size and how wide of a container to use?

Usually I just choose this spontaneously and without much thought, but I have a feeling that's not the best idea: How can I size my font and its container for an optimal reading experience to my ...
3
votes
3answers
151 views

Is it a good practise to put Ellipsis on H1

I'm designing this blog web site with big typography, and was wondering, since I could't find a thing on the web about that, if it's a good practise to shorten long titles with Ellipsis. It seems ...
2
votes
1answer
108 views

Is it more usable to display information in a table-like display?

I am trying to display information about the last time a remark has been changed. For this I have to display the Author, the region, the date and time. This information will appear in a tooltip on ...
1
vote
2answers
1k views

Better alternative for readonly information in input box

I have this form where the topmost row (File #, Patient & Med.Aid) is readonly. Input boxes in this row are readonly and the cursor turns to "banned" icon on hovering those fields. I can't find a ...
-1
votes
2answers
165 views

For a wall of text, is a lot of columns or one long column better? [closed]

I'm designing a website, and it's probably going to have some long walls of text because it'll be an info site. I have two design ideas that would make it easier to read, but I can't decide. Both ...
0
votes
4answers
81 views

When is it appropriate to publish ebooks vs. PDF?

Our company has a series of printed publications that need to be added to our website. These publications are strictly informative in nature - no marketing, no advertising, no product features or ...
2
votes
2answers
363 views

How to optimally place time, temperature and icons in a grid?

I am coding a personal dashboard which includes, among others, weather forecast. I have a hard time optimizing the structure of the weather forecast. The constraint I have is that the time, ...
1
vote
1answer
154 views

Spice up UI with Black Text on White Background

I've got a smaller banner ui (think 300 x 300px) which currently has solid black text on a white background. The text corresponds to new article titles, so it's really hard to place color on them that ...