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
2
votes
1answer
3k views

Multi-column form design [duplicate]

I'd like your feedback on a situation I'm facing with my stakeholders with regards to a particular web form design. I'm new to my role as a UX Designer and hope to learn from experienced folks here. ...
0
votes
1answer
46 views

UI / UX concepts should be applied for Small / Medium Sites only?

I reviewed a my client site for better content optimization, SEO optimization, UI/UX optimization etc. So I suggested many things like changing ad placements, reducing ads to better UI / UX. But he ...
0
votes
2answers
77 views

How to make 2 side by side columns look distinct from each other?

I have a price chart like below. The 'buy price' is a listing on its own.. and 'sell price' is a listing on its own too. It just happens that they are placed side by side. E.g. The buy price is not ...
2
votes
1answer
741 views

Is UPPERCASE text more readable when used in button? [duplicate]

Google material guideline use Uppercase in button. Which button do you think is more readable? https://material.io/guidelines/components/buttons.html https://material-components-web.appspot.com/...
1
vote
1answer
461 views

Zoom in/out options for text in eBook

I am currently working on a Zoom in/out option for an Ebook. Students are the users. Also the maximum percentage of zoom is 300 Question in my mind is when the page is zoomed in which one of the ...
0
votes
3answers
130 views

"One word" menu item between "multi word" items on nav bar?

Is there any research or thought that a one word menu items will get lost between multi word items? Example below... Will "Events" be less visible to the user? I'm thinking the opposite since it ...
5
votes
4answers
403 views

Why are labels more important than values in forms?

This is something I always wondered: when designing a form, why do labels hold more weight than values when values are what matter? Consider the following examples (left column is form fields, right ...
3
votes
1answer
189 views

How often should the same hyperlink appear in a document?

I was reading a blog post today that made me question how often a hyperlink to the same content should appear in a document. In the post, nearly every reference to HDL (with the exception of one ...
0
votes
1answer
614 views

Material Chips in table list

should the chips fill all the table cell width for clear alignment or is better to align them as they were a text element for better readability?
1
vote
1answer
26 views

Should definitions be shown in a list, if not all definitions are available for the list?

So I have a list of terms that all have different definitions, however some of those definitions have not be added to my system for various reasons. There is a debate going on whether it is more ...
0
votes
1answer
831 views

Best practice to display operating hours in a web design? [duplicate]

1st Example: Monday - Friday: 8:00 AM - 5:00 PM (no longer show Saturday & Sunday as closed) 2nd Example: Monday - Friday: 8:00 AM - 5:00 PM Saturday - Sunday: Closed 3rd Example: Monday - ...
4
votes
1answer
194 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 ...
4
votes
1answer
4k views

Table headers: uppercase or lowercase, left or center aligned, top or bottom?

I want to know if there's an standard or at least a nice way to stylize table headers? Uppercase or lowercase? Left or centered? Top or bottom? Thanks
6
votes
1answer
193 views

What is the best UX for ebook reading?

Most eBook reading apps break any content down to pages to mimick the text breakdown of physical books. I haven't been able to find a deeper discussion about that approach, so I tried and listed pro ...
0
votes
1answer
189 views

What letter spacing for visually impaired?

What letter spacing is best to read for visually impaired people? Should the letters be close together or should they have more space in between? I am asking because APHont, a font made for visually ...
2
votes
1answer
107 views

Why are text articles on the web so thin? [duplicate]

I've recently noticed that articles on the web tend to be very thin with lots of whitespace to the left and right. Why is that? Two examples: http://99percentinvisible.org/article/underwater-cloud-...
2
votes
1answer
64 views

Is it ok to embolden parts of bullet points or should I always rewrite them so that the most important words come first?

Although I try to shorten bullet points as much as possible, I also would like an audience member to be able to scan the slide in a few seconds to remind himself of what I have talked about. To ...
5
votes
2answers
10k views

Most readable way to display key value pairs

I am designing an app which has lots of data on any given screen, I've search Google and UX stack exchange and can't seem to find anything (perhaps I'm phrasing my search term wrong). Is there any ...
25
votes
4answers
30k 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 ...
43
votes
16answers
18k 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 ...
3
votes
1answer
335 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 ...
2
votes
1answer
885 views

Why do train departure boards use orange text on black background?

At train stations in the UK (and I also noticed in Italy) - the departure/arrival boards use orange text on a black background. However, at airports there appear to be a much wider variety of colour ...
4
votes
3answers
141 views

Threads with a high number of posts

In forums which have a high number of users threads can get quite long. I have noticed that if I see a large thread I often avoid posting due to not having the time or patience to read all the ...
2
votes
2answers
149 views

Using RSVP abbreviation as UI element

Our software deals with managing event attendance, so that manager can see how many people accepted/rejected/not responded to the invites. So the question is the "RSVP" abbreviation popular enough, ...
3
votes
1answer
239 views

Chat Arrangement for Desktop Chat App, List or Left-right?

I'm designing Desktop Chat app, but I see most of it using list arrangement eg. Facebook & Telegram than left-right arrangement eg. Skype. which one the best for readability? List Arrangement: ...
3
votes
8answers
327 views

When to use all upper case?

From my understanding: It had been thought all uppercase (e.g. THIS IS SCREAMING) was hard to read because of the way the eye works. It is now understood that all uppercase is hard to read just ...
0
votes
2answers
80 views

What color( composition)s qualify good UX for a wiki, or any similar informative site?

I have a wiki site I use for gathering and sharing knowledge and information. It has a completely built-up and detailed theme that is very similar to the design of the original Wikipedia (it's called ...
0
votes
2answers
256 views

Zebra Striped vs Line Separator vs Plain for a list of items? [closed]

I am designing a news site the is will list a lot of news articles in a compact space. I have tried the following 3 ways to separate the articles, and I'm wondering which is the best from a UX ...
101
votes
5answers
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 ...
44
votes
13answers
19k 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 | ...
4
votes
2answers
4k views

Suggestion required for max width of a form

My team is building a form builder tool. Once published there might be several input devices a user can use to fill a form, from a mobile phone to a 27" monitor. I would like to hear your ideas on ...
4
votes
2answers
750 views

Why do we always append messages at the bottom rather than the top?

I'm designing an instant messaging interface right now, which made me curious: In forums, you usually see the most recently appended items at the bottom of the list. This is also the way the iPhone ...
4
votes
2answers
2k views

How do you design columns, sections and spacing to force reading direction & usability?

Instead of long, wide single column documents I've started using multiple columns to improve readability (mostly due shorter lines). However, in a document containing multiple columns and sections I'm ...
3
votes
2answers
339 views

What characteristics should a typography have to be used in subtitles?

I want to know what characteristics are important for a typography for being used in subtitles. I'm talking about readability and not-so-important, about aesthetics. How the fonts are chosen? I ...
7
votes
3answers
8k 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 ...
0
votes
2answers
111 views

Button to the Left or Right of Text

If I have list and each item has an expand button, should the expand button be on the right or left of the text? If it's to the left of the text, then all the buttons will align, but if it's to the ...
0
votes
1answer
1k 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 ...
5
votes
3answers
831 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 ...
3
votes
2answers
164 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 ...
26
votes
5answers
7k 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 ...
2
votes
3answers
234 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 ...
6
votes
4answers
936 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 ...
2
votes
1answer
228 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
632 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
84 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
446 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
671 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 ...
5
votes
3answers
269 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. It is size 11 font. The monitor it is being ...
1
vote
3answers
113 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 https://...
49
votes
5answers
7k 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 ...