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
100 votes
5 answers
14k views

Why do dialogs have grey backgrounds?

Most Windows/Mac/Linux dialogs I've seen have grey backgrounds. About-dialogs, settings pages, wizards, confirmation and error dialogs etc. Is there a reason from a usability perspective or is this ...
J_rgen's user avatar
  • 3,686
62 votes
11 answers
8k views

Does the Oxford Comma increase readability?

There are many puns online where not having the Oxford comma (Serial comma) can be interpreted as something other than intended, such as the infamous Sky News notification: It’s hilarious, I know, ...
Benny Skogberg's user avatar
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 ...
Ben Brocka's user avatar
  • 40.8k
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 ...
CodeMoose's user avatar
  • 594
48 votes
6 answers
5k views

If nobody reads Privacy Policies or Terms and Conditions, why not change them?

Once I read that if you were to read all the Terms and Conditions, Privacy Policy and similar documents that you ideally need to read before using software or online services in a given year, you'd ...
edgarator's user avatar
  • 5,938
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 | ...
texnic's user avatar
  • 795
43 votes
16 answers
20k views

Best user friendly phone number format

What is the best way to write a phone number? Are there any studies in this regard? I personally consider two factors: Country code: +393401234xxx or 00393401234xxx The first example I think is ...
WalterV's user avatar
  • 1,574
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 ...
AlexC's user avatar
  • 679
28 votes
4 answers
38k views

What is the best number of paragraph width for readability? [duplicate]

Since my current project has a lot of text/paragraph content, I consider about the readability of the website. I've seen and try to inspect any of sites that I feel have a good readability such as ...
Rob H. Yamin's user avatar
  • 1,779
26 votes
5 answers
1k views

Can you sacrifice grammar to keep instructions simple, specifically when using a(n)?

Because of the way the form is written, step-by-step in first person, it is necessary to put the a(n) to keep them grammatically correct for the Administrator case. However I feel like it makes the ...
smoca's user avatar
  • 865
26 votes
5 answers
9k 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 ...
Juri Noga's user avatar
  • 383
25 votes
4 answers
5k 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 ...
Source's user avatar
  • 2,343
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 ...
theonlygusti's user avatar
  • 1,491
22 votes
5 answers
6k 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 ...
JonW's user avatar
  • 37.2k
21 votes
5 answers
16k 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 ...
Gn13l's user avatar
  • 313
21 votes
5 answers
12k views

Relationship between font-size and width of container

Are there any studies done which tell us the relationship between the font size and the optimal width of the container they are in? For example, 12px font size is going to be too small in a container ...
Rich's user avatar
  • 3,532
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 ...
user avatar
19 votes
4 answers
2k 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 ...
Luzie's user avatar
  • 191
19 votes
5 answers
988 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 ...
Henrik Hansen's user avatar
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 ...
Grace kan's user avatar
  • 503
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 ...
Margaret's user avatar
  • 183
18 votes
9 answers
2k views

When should a year be added to a timestamp?

Stack Exchange uses relative timestamps to indicate when an action occurred; a question was asked, edit was made etc. This is done as far back as "2 days ago"; anything prior to exactly 48 hours ago ...
Ben's user avatar
  • 287
18 votes
7 answers
4k 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 ...
DA01's user avatar
  • 41.8k
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 ...
StackOverflower's user avatar
16 votes
9 answers
828 views

How to reference (and provide links to) online content in offline media?

Provided that print publications produced in-house and "physical" advertisements have to reference or "link" to online content, what is an accessible (in broader sense) and user-friendly way to do so? ...
Oleg's user avatar
  • 390
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 ...
FrontDeer's user avatar
  • 173
15 votes
5 answers
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, ...
Isaac Moses's user avatar
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 ...
user41353's user avatar
  • 153
15 votes
3 answers
3k views

Chat arrangement question: Left or right?

I'm building a small chat. Now I see but in other chats (whatsapp, facebook mobile chat, sms ...) that the arrangement is always the same: Left: the chat partner. right: myself Why is that?
pyxl's user avatar
  • 153
14 votes
6 answers
43k views

What default font to choose for desktop applications?

Finding the right font for an application seems to be an art. There seem to be many standards. Arial seems to be used in most applications I have seen, Segoe UI is the standard for Microsoft Windows ...
Mare Infinitus's user avatar
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?
Witek's user avatar
  • 932
13 votes
1 answer
1k views

What's the ideal length of a paragraph

We all know what the ideal number of characters is for a line, however I haven't been able to find any guides on the number of lines that provide the best readability. I understand this is a bit ...
tim.baker's user avatar
  • 3,123
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 ...
Sterling Butters's user avatar
12 votes
2 answers
3k 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 ...
Édouard Lopez's user avatar
12 votes
8 answers
3k 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 ...
rdellara's user avatar
  • 880
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. ...
IAmJulianAcosta's user avatar
12 votes
5 answers
787 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 ...
XYZT's user avatar
  • 220
11 votes
2 answers
723 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 users?...
Doorknob's user avatar
  • 255
11 votes
4 answers
17k views

Any usability studies of the readability of Open Sans?

I like the look of Open Sans, but I've heard anecdotes of people having trouble reading it. For example on the Wordpress post about it, most are praising it, but a few people are quite negative: I ...
Voriki's user avatar
  • 505
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 ...
JoJo's user avatar
  • 10.8k
11 votes
5 answers
4k views

How useful is this coffee cup "hot contents" warning?

I came across this on Dan Pink's blog. This caption on a coffee cup is supposed to serve as a warning sign to caution people that the coffee is hot and care must be taken to avoid burns. The problem ...
sharptooth's user avatar
  • 5,847
11 votes
3 answers
6k 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 ...
RianVDM's user avatar
  • 257
10 votes
8 answers
2k views

Hyphens or en dashes—which are more readable when used in number ranges (for North American web users)?

Is there evidence to show that number ranges are more readable using hyphens or en dashes (on digital screens for North American web users)? Wikipedia notes that, according to your style choice, you ...
Taj Moore's user avatar
  • 9,297
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 ...
Tarscher's user avatar
  • 318
10 votes
2 answers
445 views

How can redicle technology speed up reading up to five times or more?

I’m usually a slow reader, and it takes me 40 effective hours to shoot through a standard size book. My colleague gave me a tip to read books using redicle technology developed by Spritzinc (where you ...
Benny Skogberg's user avatar
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 ...
Michael Lai's user avatar
  • 26.7k
8 votes
3 answers
3k views

How do cards improve readability?

Most of the apps and websites are adapting to card design to display necessary information. What makes cards so intuitive and attractive for read/view?
Mehul Shah's user avatar
  • 1,163
8 votes
4 answers
556 views

Designing for children and young readers?

I am a writer and a developer. I wanted to publish my stories online and wanted to create my own website to publish. I was looking for some inspiration of a simple, readability oriented design. Some ...
sabertooth's user avatar
8 votes
2 answers
995 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 ...
Guy's user avatar
  • 183
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 ...
Toni Leigh's user avatar
  • 7,818

1
2 3 4 5