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
23
votes
1answer
2k 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
1answer
97 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
3answers
69 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 ...
2
votes
1answer
59 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; ...
1
vote
1answer
80 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
1answer
128 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
1answer
51 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 ...
2
votes
1answer
40 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. ...
5
votes
4answers
169 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
0answers
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
3answers
398 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. ...
0
votes
1answer
93 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
1answer
183 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
10answers
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 ...
12
votes
5answers
371 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 ...
12
votes
7answers
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 ...
3
votes
1answer
86 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 ...
1
vote
2answers
136 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 ...
1
vote
2answers
374 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 ...
4
votes
2answers
240 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. ...
0
votes
2answers
228 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 ...
1
vote
3answers
714 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
4answers
352 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
3answers
162 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 ...
0
votes
1answer
86 views

Button functionality recognition

On our website we have a section with the top sales products of each brand. The sections are headed with a big title. Clicking each brand top sale button shows a group from five up to ten different ...
0
votes
3answers
164 views

Scrolling with more whitespace vs Everything on one page

Our end-users are used to an old B2B application which contains really small inputs and information that is so close together that it is difficult to distinguish. As a result, users complain a lot ...
4
votes
2answers
277 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 ...
0
votes
2answers
136 views

Text visibility / accessability on public information screens

I'm in the process with our supplier of upgrading the technology behind our Flight Information Display System for our airport, this runs the flight information screens in the terminal showing the ...
7
votes
2answers
2k views

How to best present multiple statuses in a table?

I have a table of data, each row represents a quote that can have several statuses. A while back when the status system was less complex I decided it would be best to enrich the status data and ...
0
votes
2answers
1k views

Is it ever OK to use italics?

It’s a fairly well known accessibility issue that italic fonts should be avoided as they reduce readability for those with sight issues and dyslexia. (discussed here: Are italics on the web bad for ...
0
votes
1answer
7k views

Why monospaced fonts are not used as frequently as serif and sans-serif fonts, outside coding?

We see sans-serif and serif fonts everywhere, from the web to printed books and newspapers. I'm wondering why monospaced fonts are not popular outside coding context? Here is a simple comparison I ...
0
votes
2answers
81 views

Table cells: verbose or abstract?

I got a surprising feedback from a large number of my user about something I would never consider an issue. If the number of votes on that particular feedback wasn't so large I would not consider it ...
3
votes
3answers
306 views

How to provide better UX for a list of user consents

I'm working on a UI that requires end user consent to proceed with a sign-up. Thought of using inline checkboxes within the consent statement. As you see below... I have not come across this method ...
5
votes
2answers
4k views

Why center align text in 2018? [closed]

I feel like in 2018 I see more centered blurbs and paragraphs on the web. Centered text is a real problem for me because I can't read it. It makes my eyes spaz and my head avert. Am I the only one ...
1
vote
1answer
73 views

What should I do to get user know about scrollable content in the project/course

The project I am making has tables in it. I am working on responsive now. Big tables that do not fit in a small device, I have given them vertical scroll. So my tables look like this in desktop and ...
-2
votes
2answers
171 views

Which font is the best for reading text (not code)? I mean font that has the best readability [closed]

Which font or type of font is considered the best for reading the regular text (not programming code)? Which font or type of font has the best readability?
1
vote
2answers
48 views

Quantifying Simplified Language

If you wanted to be able to quantify how much easier it is for users when you reduce the reading level of you text, how might you do that? For example, how would you figure out how much longer it ...
3
votes
6answers
505 views

Readability of form input fields and confirmation

I have a form that the user inputs some data to send to a server but I'm wondering how does a user normally read a form for input purposes? Should it be Input, Button, Confirmation then close: Or ...
0
votes
3answers
5k 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?
1
vote
1answer
97 views

Best Practice for indicating part of a week textually (specifically contiguous days)

I realise I'm probably splitting hairs here, but I feel like there should be some sort of convention or best practice for this situation, but I haven't been able to find anything online, and I can't ...
4
votes
5answers
543 views

How to improve readability of highly-structured text

NOTE: This question explores methods for increasing readability for a target user group. Background: Readability is invaluable when dealing with large amounts of text. For some users, programmers, ...
2
votes
4answers
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
2answers
152 views

Making a network graph more readable

I have a graph showing nodes on the map of the US. There are between 100 and 400 nodes, and all two nodes have a line connecting them. The problem is that there are so many connections that the graph ...
1
vote
1answer
156 views

What is the optimal way to display a multiple choice list?

I'm looking for suggestions for displaying multiple choice lists. My first (and naive) solution. Obviously, 90° vertical text is unnecessarily hard to read and takes up a lot of vertical screen real ...
0
votes
3answers
272 views

Best way to represent hundreds of rows - marketing calendar

I am creating a UI similar to a marketing calendar. But it has hundreds of rows, each row showing a bar that represents how long the process took. So the table header represents time (weekly, monthly, ...
7
votes
1answer
491 views

Usage of drop caps in terms of UX

Short question What is the benefit of using a drop cap for the user, beside the decorative element? I really dislike them, but I don't have proof and only my opinion to discuss with. What is a drop ...
2
votes
2answers
146 views

How opaque should a secondary text be?

There is a debate between the UI and the UX staff about "How opaque should a secondary text be?" This is the example UI: The design is meant to be minimalist. We use only black & white, no ...
8
votes
3answers
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?
0
votes
1answer
46 views

Do inline embeds detract from readability and useability of a news article?

If you have a news article, with a related gallery embedded after paragraph three, a twitter embed after a relevant paragraph referencing the Tweet, and a “for more information on x” reference link, ...
1
vote
1answer
449 views

Reading patterns, Z-pattern vs. layered-cake pattern

Im wondering if there is any difference between the reading patterns (Z and Layered-cake) since both of them require the user to read rtl or ltr whilest moving down a notch when going to the next line ...

1
2 3 4 5