Questions tagged [readability]

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

Filter by
Sorted by
Tagged with
4 votes
2 answers
146 views

Statistics (or tools) on screen calibration & readability

Fairly straight forward question, but I could not find any answers to it. Are there any known statistics regarding screen calibration & readability? Are there any colors to avoid where screen ...
44 votes
15 answers
22k views

Is OK/NOK better than "fail/success"

My team is discussing how we should indicate, in a logbook, whether a specific action ended with success or not. I started putting it like timestamp | action name (fail) | description timestamp | ...
18 votes
4 answers
19k 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
1 answer
185 views

Study showing it's better to have images in their own row on a text/news article page, rather than in a column with text wrapping around it

I'm remembering a usability study I once saw that demonstrated it's better for scanning or readability on a website's news article or text-heavy page to have any photos as their own row by themselves, ...
2 votes
1 answer
77 views

Research about effects of text page formatting on cognitive load?

Has anyone come across peer-reviewed research on the effect of text page formatting on cognitive load? I'm more particularly interested on wider evidence about whether working with column width, one ...
8 votes
2 answers
42k 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 ...
0 votes
1 answer
43 views

Should PDFs for on-screen reading be split into pages (with a "real" paper size)?

Downloadable PDFs are not a good format for on-screen reading and should be avoided, but sometimes there's nothing we can do about it. That's my case now: I have to design a PDF for on-screen reading (...
7 votes
6 answers
6k views

Easiest to read fonts

Has there been studies to determine what fonts make it easiest to read? I'm interested in the font type, but also size and color. For example, is dark gray better than pitch black? Also of interest ...
1 vote
4 answers
2k views

Why WCAG 2.0 doesn't comply with its own line length criterion of 1.4.8?

WCAG 2.0 Success Criterion 1.4.8 clearly specifies that to achieve AAA conformance level, Reading content in a single line should not exceed 80 characters for non-CJK (Chinese Japanese & Korean) ...
0 votes
2 answers
325 views

How to display [missing text] in a form

After a form is saved and displayed, I want to show a placeholder if a field was left empty, so that the user reading it understands that it is not a UI issue. Example: Name: Jeff Surname: – Mail:...
1 vote
5 answers
9k views

Single column or two-column layout for text? Which is better for readers?

I'm trying find evidence to support my case to change this page. So far, the pushback has been that there's no evidence to say simple, single column text is better than what you see here. Am I wrong?
11 votes
4 answers
19k 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 ...
16 votes
3 answers
3k views

Does Material Design 3 recommend an incorrect icon style?

I was looking at the Material Design 3 Icon design principles and they have an example that seems like bad UX to me. I'm sure I'm wrong but I'd like to know if (and how) the "Do" is better ...
4 votes
2 answers
329 views

Images look bad with perfect paragraph width

I'm working on a WordPress template and trying to maintain perfect line width of ~70 characters. My blog has a lot of posts and most of the post contain at least one image per paragraph, usually more. ...
5 votes
5 answers
954 views

What's the most logical place for a read more link?

I've designed a website with a blog section. My mates and I fail to come to an agreement. My opinion : Left I think it's better to place it on the left according some studies with heat map and ...
50 votes
6 answers
8k 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 I ...
15 votes
3 answers
6k 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 ...
1 vote
1 answer
88 views

Defining profit value in usability testing

Question: Is there a method of defining potential profit value or loss on visual design tests? Background: I was recently asked how to quantify a profit value or loss based on a set of tests for ...
2 votes
1 answer
86 views

Is there a maximum font size for body copy on desktop websites?

Similar to this post Is there an optimal font size?. But for maximum readable font sizes. Or when does a font size become too big and decreases readability? I understand there a lots of variables; ...
23 votes
1 answer
3k views

When to use white text on top of a color for readability?

I am setting the background of a textbox to some variable color. I know the hex/rgb of the color I'm setting the background to. Normally the text is black (or very very dark gray). On some colors, it ...
2 votes
1 answer
963 views

Best way to sort a multi-column list: Top to bottom or left to right first?

I'm creating a long list of countries that span across 3 columns and initially I ordered them left to right and then top to bottom but a colleague of mine said it would be more natural to sort it ...
0 votes
3 answers
73 views

Graphical indication of a 2-dimensional sensor reading inside a range

Showing a single dimensional value inside of a valid range is not unusual, whether using a bar or using a virtual gauge. My problem is slightly different - I have a two-dimensional value. Temperature ...
19 votes
4 answers
37k views

Is using a comma as a number separator a cultural thing?

In the US, it's very common to add a comma for numbers of more than 3 digits (ex: 1,000 for one thousand ; 1,000,000 for one million ; etc.). In France though, we don't use this at all and commas are ...
10 votes
5 answers
965 views

How to automatically calculate contrast

Scenario: a user can change the default design of a site by selecting a color. This color is applied to the menu background color. The problem is that I have to change the menu text color depending on ...
2 votes
1 answer
986 views

How dark does a background have to be before white text shows up better than black text?

How dark does a grey background have to be, before white text is easier to read against that background than black text? Suppose you start off with a white background. Clearly, black text is easier ...
2 votes
1 answer
210 views

Why do Dutch truck number plates have a gap in the 'zero'?

Some recent number plates of Dutch trucks have a gap in the top left part of the 'zero'. Example: (source: cbr.nl) I assume this is done to increase readability; I can't think of any other reason. It ...
1 vote
1 answer
113 views

Is it weird to create a text button instead of an icon for notifications?

I'm designing an app aimed for older generations. In that sens, I've decided to use a text button instead of an icon button for the notifications. I find it easier to identify what that button do if ...
9 votes
3 answers
10k views

Grey versus white background for ease of use and readability/legibility

Many websites by default use a white background for maximum contrast (with black text) so I am wondering if there is a case for a very light grey background to be used instead because it comes up as ...
2 votes
1 answer
55 views

How can we communicate how leading zeros work for a number generator?

In the project controls software I am working on, uses needs to generate unique codes before exporting scheduling data to dedicated scheduling software. Part of this code will be an ascending number. ...
12 votes
5 answers
785 views

Readability between sans serif and serif for "foreign language users"?

I am curious about whether "foreign language users" find a difference in readability of text between sans serif and serif. Here, I am defining "foreign language users" as people whose primary/first ...
5 votes
4 answers
205 views

Why do users have a tendency to miss things written in big bold/colored letters?

So, I've noticed this quite a lot. Almost every time something is emphasized (be it in an email, website, paper, etc.) with big, bold and red-colored letters, it most likely will not be read by people,...
1 vote
0 answers
34 views

What is a good choice of letters for serial numbers? [duplicate]

When creating serial numbers, one could use only numbers, 0-9. This causes serial numbers to be quite long. To save space, one could also user letters A-Z, resulting in shorter numbers, by a factor ...
12 votes
3 answers
585 views

What are the best practices to design user interfaces that are going to be used under direct sunlight?

I'm designing an application that will be mostly used under direct sunlight, and I would like to know if there are some recommendations or best practices to improve usability under that conditions. ...
4 votes
2 answers
7k 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 ...
0 votes
1 answer
223 views

Is there any specific maximum number of characters within a single page to be considered as good for readability in UX perspective?

I am currently researching about readability for a heavy content article that is paginated. I am not sure how to paginate the article because there are no explicit rules that explain how many ...
0 votes
1 answer
241 views

Why do people prefer black-on-white on Kindle/ebook readers, but white-on-black in IDEs?

Why do people prefer black-text-on-white-background for their Kindle / ebook readers; but bright-text-on-dark-background for their IDEs? Both are instances of reading text on a screen. Scientifically, ...
17 votes
10 answers
4k views

Ways to improve readability of recipe ingredients?

I am building a recipe website and I'm trying to improve the readability and scannability of the ingredient lists. I've tried a bunch of different options but I'm not sure what is best. Here are some ...
4 votes
3 answers
164 views

Driving users attention through opacity masks (reading rhythm)

I was reading this handy answer about Light on dark vs. dark on light: which is better for attention span? in the Graphic Design SE site and while reading the most voted answer I discovered that my ...
1 vote
2 answers
259 views

Typewriter text effect usability

I've been asked to implement, and have seen this typewriter effect on a number of web sites: https://mattboldt.com/demos/typed-js/ Typically it is in the header with 3 or 4 sentences about what the ...
4 votes
2 answers
598 views

How to present filtering items in a sidebar?

I have a site where I need to present filtering items in a sidebar. These items work as "filters" for the site's content on the right. The user can click these filters on or off (selected are ...
12 votes
7 answers
5k views

"Realistic" Thermostat Interface vs Minimalist

I am developing a Web Interface for Temperature control of certain rooms/zones. Every time the + icon is clicked, a new card appears as shown. The large number will be the temperature based on a ...
2 votes
4 answers
6k views

Why are chart x-axis values slanted bottom up for long labels?

Anyone knows why when we need slanted values at the x-axis, for example for a bar chart, why slanted values are always left to right, bottom-up (as in the image), instead of being displayed up-down?
1 vote
2 answers
797 views

Smaller font sizes on smaller screen devices

I'm an iOS developer and I recently had a discussion with a designer in my team about the font size of a label in an iOS app that we are producing. It is a small label that is used to present the user ...
52 votes
7 answers
30k views

How long should a temporary notification (toast) appear?

For our intranet application we have little notification messages (toasts) that indicate successful operations like "information saved," "logged out" etc. Most of them are not important enough to ...
0 votes
2 answers
602 views

Where to put *Footnote Text...Bottom of page or section?

I have a fairly long page that leads off with a bold statistic in the hero section of the page. That statistic has an * that needs to be cited where that statistic came from. Should the footnote ...
32 votes
6 answers
16k 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 ...
13 votes
6 answers
3k views

Is highlighting important words a good idea?

Is it a good idea to highlight the important words in a text on a web page? What impact does it have on the reader? Does it help to understand the text or does it disturb?
18 votes
3 answers
7k views

Why not use sans-serif fonts on print design?

It's better to use sans-serif than serif fonts on the web, as their simpler letter form remain readable at low resolution. Serif fonts need more pixels to display their extra details. I was wondering ...
0 votes
4 answers
646 views

How to utilise empty space in card list design?

My website's main page displays summaries of users' profiles. Each profile summary is encapsulated in a "card". Take a look at an example here (using dummy data). For reference, the card width is ...
0 votes
3 answers
203 views

When providing programming documentation to users of an office suite software, does intelligent cell merging in tables, make the info more accessible?

Examples of such merged-cell use, alongside versions of same info without merged-cell use Info using merged cells Table 1 Table 2 Same info without using merged cells Table 1 Table 2 Background ...

1
2 3 4 5