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

2
votes
2answers
36 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
153 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
42 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
71 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
175 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
584 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
333 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
41 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
79 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
211 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
74 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
72 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
63 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
128 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
502 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
77 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
287 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
236 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 ...
3
votes
3answers
124 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
51 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
180 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
224 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
554 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
223 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
75 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
224 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
66 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
107 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
439 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
156 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
56 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
181 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
175 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
293 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
241 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 ...
3
votes
4answers
343 views

Which map background color is best (from the perspective of ergonomics at the workplace)?

Which map background color (white, black, other?) is best from the perspective of ergonomics at the workplace? Certainly aspects play a role such as reflections, tiredness of the eyes, contrast and ...
9
votes
4answers
470 views

What is the best way to indicate read-only cells within a table?

I have many tables, actually data grids, where most of the cells will be editable, but some may not depending on the users permissions. I am thinking of using light gray backgrounds on the read-only ...
1
vote
3answers
179 views

Displaying domain name or URL that is long or contains many words

2 related problems: I have a domain name that is quite long. e.g. www.expertscientificanalysis.com I have another domain that is not neccesarily long but made up of many words. e.g. ...
4
votes
3answers
162 views

Small tables on big screens

I have a little problem, responsive design and tables with only 3-4 columns, so the tables can't be 100% of the width, because that would result in way too much white space between the columns and ...
-1
votes
4answers
122 views

What colour scheme changes can i apply to my blog to increase the readability of the text? [closed]

http://nomad.so/ What colour scheme changes can i apply to my blog (above) to increase the contrast of the text? i don't really want to change the overall design, just tweak the colours to improve ...
4
votes
1answer
183 views

How to display an error log/report for user?

My web application is supposed to display the trace and a error report after process and shows for each uploaded files all the errors and operations accomplished. Here's a simplified and really ...
3
votes
6answers
2k 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 ...
18
votes
4answers
683 views

Dark screens in cars

I am a designer just preparing an app for the "in car" area. Normally we have a bunch of colors to use and we usually use dark colors on a light background. Now our client came up with some question ...
1
vote
1answer
75 views

Width of visual field of the sharp focus (Macula) area of the retina at average distance from screen

Does any one have any information about the width of the sharp focal area of the retina (the Macula)? I am trying to get an understanding of how this could impact the ideal length for a line of copy. ...
2
votes
2answers
72 views

Book reading apps vs news reading app - level of text customization?

Book reading apps like iBooks, Kobo, Kindle etc. allow the user to change the background, foreground (most of these apps offer white, sepia and night themes), font face, font size, and even screen ...
3
votes
4answers
428 views

Multi-column articles

I just came across this article by Paul Lewis. The first thing I noticed was the multi-column layout. It's great that people are trying to break the usage of overused templates for articles/blogs, ...
5
votes
2answers
189 views

What is the validity of contrast and colours tests?

I just ran a contrast and colour test (using checkmycolours.com in this case) on our corporate site (www.dotblue.net; if you care) and it reports quite some failures. However, I explicitly optimized ...
5
votes
5answers
467 views

“Millions of colors” vs “24-bit”: should technical concepts be simplified to ease understanding at the cost of precision?

Macs indicate 24-bit color depth by using the term "millions of colors", while Windows calls it "24-bit" or "32-bit". (I'm aware that Windows "32-bit" color simply adds an alpha channel that doesn't ...
5
votes
4answers
191 views

Hovering over an element to raise opacity

I'm working on a site where we display testimonials on the side of the page. We don't want these to be the main point of interest, so we dimmed the opacity, and on hover it goes to full opacity. We ...