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
0
votes
1answer
60 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 ...
2
votes
4answers
4k 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
0answers
54 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
156 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 ...
3
votes
1answer
164 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
0answers
50 views

Picture in article head

I have compared different daily newspapers websites. You usually start with one of the following page layouts [Headline] [Picture] [Bold Description] or [Headline] [Bold Description] [Picture] ...
0
votes
3answers
2k 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?
4
votes
2answers
216 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. ...
39
votes
7answers
16k 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
2answers
42 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 ...
13
votes
3answers
4k 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 ...
9
votes
5answers
844 views

automatically calculate contrast

A user can change the default design of his 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 the ...
30
votes
6answers
12k 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
6answers
2k 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
3answers
6k 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 ...
1
vote
3answers
181 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
204 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
146 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
78 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 ...
10
votes
8answers
1k 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 ...
48
votes
5answers
6k 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 ...
11
votes
3answers
5k 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 ...
0
votes
3answers
137 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 ...
0
votes
1answer
3k 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
92 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 ...
5
votes
2answers
436 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 ...
3
votes
3answers
194 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 ...
0
votes
2answers
593 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 ...
3
votes
1answer
246 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 ...
0
votes
2answers
75 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 ...
1
vote
0answers
117 views

Are There Any Recent Studies Comparing The Legibility Or Readabiltiy Of Fonts On Screen

Are there any recent studies that have tried to objectively compare the legibility of typefaces on screen using modern screens (including hi-dpi screens)? Note: I'm not interested in opinion on what ...
4
votes
2answers
3k 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 ...
-2
votes
2answers
120 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?
0
votes
1answer
52 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 ...
1
vote
2answers
47 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
462 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 ...
1
vote
1answer
88 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
467 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, ...
12
votes
6answers
31k 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 ...
1
vote
2answers
108 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 ...
3
votes
1answer
333 views

How do we convey a web page or app for different age groups?

A children's book is colorful and has large letters. At the same time, when we grow up, letter size is reduced by age, and in old age there is much less color and letters are larger. So, if a page is ...
4
votes
3answers
421 views

Is it a good practise to put Ellipsis on H1

I'm designing a blog with big typography, and was wondering, since I couldn't find a thing on the web about that, if it's a good practice to shorten long titles with Ellipsis. It seems logical that it ...
1
vote
1answer
141 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
221 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, ...
4
votes
1answer
159 views

Are there any usability evaluations of Scrollytelling article formats ?

I've been seeing a trend in the online news and data visualization world of presenting information paired with some sort of data that changes dynamically as you scroll down. Here is an example from ...
43
votes
13answers
17k 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 | ...
7
votes
1answer
321 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
106 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
39 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
2 3 4 5