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).
228
questions
0
votes
3
answers
314
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, ...
- 103
7
votes
1
answer
621
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,211
2
votes
2
answers
238
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 ...
- 123
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?
- 1,163
0
votes
1
answer
47
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, ...
- 303
1
vote
1
answer
529
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 ...
- 435
2
votes
1
answer
4k
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.
...
- 161
0
votes
1
answer
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
2
answers
80
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 ...
- 4,238
2
votes
1
answer
2k
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/...
- 4,872
1
vote
1
answer
714
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 ...
- 205
0
votes
3
answers
243
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 ...
- 33
5
votes
4
answers
681
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 ...
- 37.3k
3
votes
1
answer
463
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 ...
- 131
0
votes
1
answer
839
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?
- 111
1
vote
1
answer
35
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
1
answer
2k
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
1
answer
270
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 ...
- 41
4
votes
1
answer
6k
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
- 143
5
votes
1
answer
201
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 ...
- 133
0
votes
1
answer
210
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 ...
- 441
2
votes
1
answer
180
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-...
- 121
2
votes
1
answer
69
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 ...
7
votes
2
answers
14k
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 ...
- 287
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 ...
- 1,779
43
votes
16
answers
19k
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 ...
- 1,574
3
votes
1
answer
341
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
1
answer
1k
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 ...
- 6,547
4
votes
3
answers
143
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 ...
- 153
2
votes
2
answers
212
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, ...
- 383
3
votes
1
answer
275
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:
...
- 31
3
votes
8
answers
455
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 ...
- 1,365
0
votes
2
answers
83
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 ...
- 187
0
votes
2
answers
322
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 ...
- 396
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 ...
- 3,686
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 | ...
- 795
7
votes
2
answers
7k
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 ...
- 73
4
votes
2
answers
1k
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 ...
- 1,155
4
votes
2
answers
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 ...
- 145
3
votes
2
answers
372
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 ...
- 2,352
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 ...
- 26.7k
0
votes
2
answers
121
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
1
answer
2k
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 ...
- 263
5
votes
3
answers
941
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
2
answers
182
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 ...
- 1,021
26
votes
5
answers
8k
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 ...
- 383
2
votes
3
answers
257
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 ...
- 1,138
6
votes
4
answers
1k
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 ...
- 163
2
votes
1
answer
247
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?
- 1,246
4
votes
2
answers
726
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 ...
- 165