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

5
votes
2answers
920 views

XML editor design indents XML without tabs/spaces - disadvantages?

I've developed an XML text editor that indents XML using a 'floating' left-margin rather than the more common tab or space characters. Indentation is updated continuously and only relies on the XML ...
5
votes
4answers
252 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 ...
5
votes
4answers
299 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 ...
4
votes
7answers
7k views

Mixed case vs all lower case…Which is more readable?

A graphic designer I hired to do my company's collateral (a very accomplished and successful designer) told me once that all lower case is often more readable than mixed case. As an example she made ...
4
votes
2answers
304 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 ...
4
votes
3answers
308 views

Can icons improve readability on a navigation?

Our app has many tools and we have a navigation of about 10 tabs. Tabs can be re-arranged and this forces the user to find them by reading the label. Would icons make it more usable?
4
votes
4answers
205 views

Should static text be repeated in UI?

As you can see in the picture above there two version of displaying update date. One with just the date and the other with updated word prepended. My question is, what version actually to use? I ...
4
votes
1answer
568 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 ...
4
votes
2answers
409 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 ...
4
votes
2answers
79 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. Does this matter? It is size 11 font. Does ...
4
votes
1answer
345 views

Apply the legibility principles to screen reading

How to apply the legibility principles to screen reading? What is important point for it? What is the difference between the "legibility" and "readability"?
4
votes
3answers
224 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 ...
4
votes
1answer
323 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 ...
4
votes
5answers
401 views

Is it better to have groups of content stacked vertically or horizontally?

I have groups of content and I can stack them vertically in 100% width rows or horizontally (even-width columns). Since the user for English language web sites will read left-to-right and the and ...
4
votes
2answers
129 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 ...
4
votes
2answers
370 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
4answers
776 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 ...
4
votes
1answer
73 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
1answer
283 views

Dyslexia friendly colors for wider audience?

I have met few dyslexic people and asked them about their reading style. Some of them said that typing on black key board with white writing is easier for them, it helps them identify the shape of ...
3
votes
2answers
261 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 ...
3
votes
4answers
444 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, ...
3
votes
2answers
427 views

How to represent “Beginning of Time” and “Infinite Future”

I am working on a reporting application and we fetch several records based on their start/end date ranges. Users can choose to leave both start and/or end dates blank. Examples: Example 1 - Date: ...
3
votes
3answers
504 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 ...
3
votes
3answers
1k 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 ...
3
votes
1answer
39 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 ...
3
votes
2answers
130 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 ...
3
votes
1answer
246 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] ...
3
votes
5answers
104 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 ...
3
votes
4answers
1k 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, ...
3
votes
2answers
3k views

What are user friendly ways to display XML for reading & scanning

I'm looking for examples and advice for displaying XML in a user readable way. The user does not edit the xml, but is just looking for information inside of the xml. I'm designing an interface for ...
3
votes
2answers
66 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
813 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 ...
3
votes
5answers
1k 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 ...
3
votes
2answers
110 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
1answer
61 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 ...
3
votes
2answers
957 views

Swipe direction for read document on iPad

Is there any recommendation about the direction of swipe for an app that allow user to read PDF documents? I mean if I have to chose is better the up/down or the left/right swipe? In my own ...
3
votes
2answers
41 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 ...
3
votes
2answers
115 views

The Ideal Typographic Measure

If you read a lot about typography, you probably have read that the ideal measure (also called line length) that is recommended is between 45-75 characters (somewhere around 2-3 alphabets) including ...
3
votes
3answers
162 views

Is it a good practise to put Ellipsis on H1

I'm designing this blog web site with big typography, and was wondering, since I could't find a thing on the web about that, if it's a good practise to shorten long titles with Ellipsis. It seems ...
3
votes
2answers
186 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 ...
3
votes
1answer
223 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 ...
2
votes
3answers
657 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 ...
2
votes
4answers
4k views

And vs “&” in web text, which is better? [closed]

I see a lot of web text that use "&" to mean "and" and I think it's terrible, not readable, nor friendly, can anyway confirm or challenge that? any real facts to put it in perspective? Same goes ...
2
votes
2answers
364 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, ...
2
votes
2answers
547 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 ...
2
votes
2answers
91 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
3answers
262 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. ...
2
votes
1answer
184 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 ...
2
votes
6answers
285 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
109 views

Is it more usable to display information in a table-like display?

I am trying to display information about the last time a remark has been changed. For this I have to display the Author, the region, the date and time. This information will appear in a tooltip on ...