Tagged Questions

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).

learn more… | top users | synonyms

0
votes
2answers
51 views

What is the reason for small, lightly coloured text?

We are all familiar with the concept of fine print for text that is to be discouraged from being read. However, lately I've been finding many websites whose main content is in tiny, lightly-coloured ...
1
vote
2answers
63 views

Most readable standard web typeface

Are there any recommendations/studies on text readability comparisons among the standard web typefaces? The conventional wisdom for serif vs. sans-serif is that serif is better for readability (which ...
2
votes
1answer
182 views

How best to display truncated links?

I'm working on a Q&A platform, and I was wondering. Within My Account you can check your questions, answers and comments such as [Your answer] Date: [XX-XX-XX] Number of answers:[XX] ...
6
votes
1answer
160 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 ...
9
votes
2answers
35 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 ...
1
vote
1answer
40 views

Should we use hash tags (with a #) in content titles when that content is often shared on Twitter?

On our website, we have a widget to share our articles on Twitter. Our marketing expert recently explained that when we write the article titles, we should include hash tags in them so they get ...
1
vote
2answers
61 views

Currency formatting for transactions in another country's currency

This is a really simple question, but the answer is stumping me: How do you format another country's currency correctly? Specifically, this answer, quoting from Wikipedia, has a great survey of how ...
56
votes
11answers
6k 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, ...
6
votes
1answer
162 views

Is a colour contrast compliant if it passes WCAG but fails the earlier W3C test used on Snook.ca?

There are some colour contrasts that, when checked using a tool like snook.ca, give results like this (testing #003354 and #00D5BD): According to every one of the newer WCAG criteria, this passes. ...
3
votes
2answers
63 views

Idea to enhance the UX and the legibility of an internship report

I am in the last month of my last internship of my IT studies. And as in the five last years, I have to write an internship report (that almost nobody will ever read). The last one. And to give a ...
3
votes
5answers
332 views

Website Layout - different background colour sections with full width

Recently I have seen a lot of new websites have been redesigned that each paragraph or section have different background colour with full width. For example: http://theme-fusion.com/avada/ What ...
7
votes
8answers
395 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 ...
1
vote
1answer
53 views

Music Duration counter view

I 'm working on a android application, this app may list your songs. so the developers put the default counter as singular digit like ""0:4:0 "" is it better to display it as a double digit format ...
4
votes
1answer
192 views

Does drawing a dash across the numeral 7 (seven) increase readability?

The RBRC battery recycling logo was recently updated to add a dash to the final digit 7 (seven) in the phone number: Does this increase readability? In what situations, if any, is writing the ...
2
votes
2answers
61 views

Where to place the Y axis label

I would like to improve the readability of the label on charts. At the moment there look like this download bmml source – Wireframes created with Balsamiq Mockups What is the best ...
1
vote
5answers
384 views

Basic color scheme for great readability

Are there any good recommendations for web site color scheme that provide good readability e.g. body text color (body) main heading color (h1) sub heading color(h2, h3 etc) background color border ...
0
votes
2answers
74 views

Font size for e-commerce

Recently during a usability tests almost all of our customers complained about the small font size on our website. We use: 26px for headlines 13px, bold, for navigation, product names, etc. 11px ...
3
votes
2answers
82 views

Driving users attention through opacity masks (reading rhythm)

I was reading this handy answer about Light on dark vs. dark on light: which is better for attention span? in the Graphic Design SE site and while reading the most voted answer I discovered that my ...
3
votes
2answers
179 views

Faces within text. Usability issue?

Many blog posts display their authors portrait within or next to their text. I suppose the idea behind this is to let the user feel the author is talking to her or to personalize the environment when ...
2
votes
3answers
595 views

Should I use pagination for longreads?

I'm working on a website redesign where a lot pages have long content (economical analysis) that the user comes to read. They spend between 5 and 10 minutes on those pages I was wondering I should ...
0
votes
0answers
28 views

What is the ideal and maximum width for presenting large blocks of text? [duplicate]

When presenting blocks of text on a screen, what is the ideal width to apply to it for optimal readability? Also, is there a maximum width one should adhere to? I am laying out large blocks of text ...
2
votes
2answers
336 views

How to optimally place time, temperature and icons in a grid?

I am coding a personal dashboard which includes, among others, weather forecast. I have a hard time optimizing the structure of the weather forecast. The constraint I have is that the time, ...
0
votes
3answers
53 views

Probabilities: Fractional Odds, Decimal Odds or Percentages?

There are at least 3 ways to express the probability of an event occurring: fractional odds, e.g. '5-to-2' or '5/2' or '5:2', decimal odds, e.g. '2.5', and percentages, e.g. '29%'. In the UK, it ...
1
vote
2answers
110 views

What is considered optimal word spacing, letter spacing, characters per inch etc. for best readability?

What is considered optimal word spacing, letter spacing, characters per inch etc. for best readability? Are there studies with results that anybody can cite?
3
votes
2answers
222 views

How to deal with extra space

I'm developing a web application that already use a responsive design(bootstrap) and play well within any small resolution. But that's common that nowadays desktop screens go up to 1920px wide, and ...
0
votes
2answers
83 views

Is there any science way to find out the suitable contrast for text and background colour?

Here is the four text with different level of grey: As you can see, the first line is very difficult to read, and the last one is the best to read. So, is there any science number behind this ...
0
votes
1answer
103 views

Negative Effects on UX from Text on Images [duplicate]

Jakob Nielsen in "Eyetracking Web Usability," recommends against placing text on top of images or textured background in advertisements because only 35% of people will look at it. Is there any other ...
1
vote
3answers
80 views

Price Decimals on eCommerce Site

About a third of products do not have rounded numbers ($80.00). Should I display decimals for them? I am hesitant between keeping a consistent experience $143.99, $80.00, $23.12 and reducing the ...
5
votes
4answers
178 views

Why are image captions so compelling that they get read 300% more than body copy?

"Captions under images are read on average 300% more than the body copy itself". http://blog.kissmetrics.com/shocking-truth-about-graphics/ My research tells me this finding comes from David Ogilvy, ...
8
votes
1answer
571 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 ...
1
vote
3answers
89 views

Comments at the heart of a document

Context I just read the amazing question Emerging UI trend: comments in the margin - pros and cons?. I noticed this trend of putting the comments on the side of the documents (Google Docs is maybe ...
2
votes
2answers
335 views

Studies about negative readability

I've been requested to design a dark interface which spreads a little light as possible. I'm interested in academic studies / researches about white text on black background. Is it really tough to ...
5
votes
4answers
250 views

Studies about how many lines from a testimonial a user will read on home page

I am building a home page for one of our products and researching how to integrate testimonial section. In my first prototype, I have 3 sentences which makes 6 lines on a tablet. My thought is ...
5
votes
3answers
289 views

Single-character convention for weekdays?

In the ever challenging pursuit of simplifying visuals for Users, an issue came up while web developing. It is a relative simple issue: I want to offer Users a selection for weekdays using only one ...
3
votes
1answer
55 views

Indicate weekdays vs weekend

I have blocks representing weeks, and above each week the dates for the whole week are displayed, i.e. 11 12 13 14 15 16 17 ____________________ | | 18 19 20 21 22 23 24 ...
1
vote
2answers
331 views

Better alternative for readonly information in input box

I have this form where the topmost row (File #, Patient & Med.Aid) is readonly. Input boxes in this row are readonly and the cursor turns to "banned" icon on hovering those fields. I can't find a ...
3
votes
3answers
256 views

Allow users to change text and background color in my web app?

Background: I'm building a basic web app that's targeted toward (wait for it) academics. The app is entirely text-driven, and will not involve any images. It will incorporate some databases and longer ...
15
votes
9answers
581 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? ...
13
votes
1answer
266 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 ...
2
votes
2answers
78 views

Do large format books make a substantial improvement?

In the last several years I've seen larger format books alongside the familiar pocket paperbacks. Sometimes these are taller, sometimes they are wider, and sometimes both. I've wound up with these in ...
2
votes
6answers
233 views

What's the most logical place for a read more link?

I've designed a website with a blog section. My mates and I fail to come to an agreement. My opinion : Left I think it's better to place it on the left according some studies with heat map and ...
2
votes
1answer
72 views

Website readability vs performance vs experience

I am running a page that utilizes an off-canvas design pattern for the main menu on small screens. Using progressive enhancement, I use CSS transformations instead of position absolute to show/hide ...
3
votes
1answer
127 views

Is there a definitive answer to the line length readability question in the context of programming code

Is there is any definitive research that attempts to answer what character counts make the most human readable line lengths for programming code (typically mono-spaced font, high liklihood of small ...
3
votes
3answers
691 views

Is white text on dark background better for usability on smartphone / tablet keyboards than the reverse?

Which is a better and usable Smart Phone or Tablet keyboard? White / light characters on Black / Dark keys on the keyboard layout. Black / Dark Grey text on the white / light grey colour keys ...
2
votes
3answers
177 views

What are your thoughts on using iconography to represent complex ideas?

I think we're all aware that iconography is most effective when communicating simple/established/conventional ideas that can be understood without any words at all - like search, print, share, etc. ...
4
votes
1answer
61 views

How much does vision change as we age?

I'd like to share with my web design team some specific, quantitative data on just how much visual ability changes, even as young as 40 years old. This is to help drive home the need for adequate ...
4
votes
2answers
204 views

The “Time to read” feature, when is it good and how to implement it?

Recently I've seen some sites that tell how much time it takes you to red an article on it, most notably the incredible medium.com (which I consider master of UX). I have two questions rerading this ...
4
votes
2answers
207 views

Shading grouped table rows

Currently, I am working on a mobile web application which displays all substitutions for each class in my school. To make this substitution list (varying between 5 to 60 entries) easier to parse, I ...
3
votes
4answers
325 views

Best way to layout information to optimize readability

The application I am designing is a large table of information that is updating in real time. The rows in the table are live orders in the companies system, our users scan through the list items, ...
4
votes
1answer
294 views

Which icons are the easiest to read, solid or hollow?

With io7, Apple made a switch in the tabbars to icons that for the most part are line based. In other places, such as their app icons they are using mostly solid icons. That made me wonder if there is ...