86 votes
Accepted

Why is text justified in newspapers, but not on the web?

The newspapers use justified text as they have multiple columns side-by-side so the justification works as a line separator. The majority of web content (text) is not placed inside small columns we ...
Dipak's user avatar
  • 16.2k
50 votes
Accepted

How can I convince others that text over background images is a bad idea?

Yes, there are guidelines for placing text over images Here is guidance from a few highly regarded organizations: Nielsen/Norman Group provides good guidance on how to place text over images while ...
Tim Grant's user avatar
  • 3,941
38 votes
Accepted

What is the best number of paragraph width for readability?

According to studies, the line length should not exceed 70 characters. So keep your paragraph width between 50 and 70 characters. So actually you should not care about the width in pixels, but rather ...
Roland Studer's user avatar
36 votes
Accepted

Is it a problem if <h4>, <h5> and <h6> are smaller than regular text?

Since <h*> means heading, this shows a hierarchy. The different numbers are a level ranking from high to bottom or maximum to minimum, where <p> is the last step. Hierarchy: system in ...
Danielillo's user avatar
  • 19.1k
36 votes
Accepted

How do you convey that the minimum size of an input is X characters?

The best approach is to inform the user about these rules in plain language next to respective input fields. I would suggest enforcing a minimum and maximum character limit to handle edge cases and ...
Sooraj MV's user avatar
  • 3,609
18 votes
Accepted

How to show a huge amount in a small pill?

Your example doesn't look like a problem. But we can imagine the case where the balance is 450,173,827.45. Consider removing "USD" since the user-specified currency is used throughout the app. I don'...
Ken Mohnkern's user avatar
  • 9,044
17 votes

How can I convince others that text over background images is a bad idea?

Those problems you mentioned are not really "problems" and the current state of www is a good demonstration of that. However, your question was about convincing people, so I suggest you do exactly ...
Ivan Venediktov's user avatar
13 votes

Why is text justified in newspapers, but not on the web?

Typography is a broad subject which needs to learned. There are valid reasons why you will use justified text in print media: To ensure there is no right raged text To create a sense of symmetry, ...
SteveD's user avatar
  • 8,914
12 votes

What is the best practice for data table cell content alignment

If the column is a text, left-align it If the column is a number or number + unit, right-align it (like excel) If it's a multi-part value separated by a common separator (like 1024 x 768 is multi-part ...
Nitin Jadhav's user avatar
12 votes
Accepted

Images look bad with perfect paragraph width

It's not easy to propose an answer without seeing all the visual page content. These are some general concepts. The design problem is not the text, in fact the statement of the question says that it ...
Danielillo's user avatar
  • 19.1k
11 votes

What is the best number of paragraph width for readability?

The ideal paragraph width is not based on pixels per se, but on characters per line. This of course depends on the size and spacing of your font type. The project I'm working on has a paragraph width ...
Nick Groeneveld's user avatar
11 votes

What is the best number of paragraph width for readability?

tl;dr An average of 60-70 characters is ideal for desktop viewing. 40-50 is more realistic on mobile. Line length (measure in typographer speak) is an important factor for comfortable ...
plainclothes's user avatar
  • 21.3k
10 votes

How to represent a translated formula in an accessible and visually clear way?

Your question reminded me of Math.Stackexchange You can go through different Q/A over there, you will find what exactly you are looking for. The solution to this is from both point of view, i.e. ...
divy3993's user avatar
  • 1,598
10 votes
Accepted

Icon only vs. text and icon

Normally my advice would be to always pair an icon with text on the screen, making both clickable. In this way you can use an aria-hidden attribute to hide the icon for screen readers, which just ...
SteveD's user avatar
  • 8,914
10 votes
Accepted

Is there an intuitive way to display weeks as text?

Ah Socrates answered whilst I was drawing, so ignore the text ones as I'm suggesting the same thing, the other type is a calendar control programmed to select a week, for the line on which you place ...
DarrylGodden's user avatar
  • 6,326
10 votes

Is it a problem if <h4>, <h5> and <h6> are smaller than regular text?

The problem is based on an error. That headings in HTML have anything to do with design and they do not. The HTML heading elements are for document structure for the computer and have nothing to do ...
Rob's user avatar
  • 2,823
9 votes
Accepted

Can we use "&" symbol instead of "and" in the main menu navigation items of a web application?

In my experience, I tend to use ampersands in any title, and the word "and" in sentences and other body content. So in your case, I would likely use "Logs & Statistics" in the menu. In my ...
Matt Dalzell's user avatar
9 votes

Why is text justified in newspapers, but not on the web?

Doing justified text well is not that easy if you don't want to end up with large, ugly word spacing and harm readability. At the very least you need hyphenation. For web browsers to automatically ...
Sammelsurium's user avatar
9 votes
Accepted

What is considered best practice for using color in website text?

While the final color combination will depend on the UI design, branding specs and other considerations, the keyword is CONTRAST. and as such, you're on the right path, black on white is the maximum ...
Devin's user avatar
  • 37.9k
8 votes

Description and Value, which should be bold?

In your situation, I vote the same as other answers, highlight — through bold, colour or size — the labels over the data to allow for scanning behaviour, perhaps as people are comparing specs from ...
Jono Hey's user avatar
8 votes
Accepted

What's the difference between "account" and "profile"?

Profile typically includes information about you that is displayed publicly. Account typically includes information you need to share with the company for them to provide you services. Ex. An ecomm ...
Janet's user avatar
  • 467
8 votes

Is there an intuitive way to display weeks as text?

The matter is a bit subjective and it would require testing to ensure your users get the right idea. Apart from keeping these UI elements contextual i.e Have text that clearly indicates that the user ...
Socrates Kolios's user avatar
8 votes
Accepted

Past simple vs present perfect in popup

Material Design discourages the use of the present perfect tense and encourages the use of simple word forms (see section Write in the present tense). So I would either go for Data imported. Will you ...
Nash's user avatar
  • 2,451
7 votes
Accepted

Is it better to convert ALL CAPS messages to Title Case for user-submitted content?

Reviews are a very tricky case because if people see you altering user reviews, it may come off as you censoring the reviews. If someone writes an all caps review because they are yelling about bad ...
DasBeasto's user avatar
  • 15.3k
7 votes
Accepted

Is there a standard fake company, product, brand, etc. to use in example text?

Acme First and foremost, the company name references the Roadrunner cartoons. But that cartoon didn't pick this name out of the blue; according to Wikipedia, the name has a history older than that: ...
SQB's user avatar
  • 1,305
7 votes

How can I convince others that text over background images is a bad idea?

The above comments have discussed how the issues mentioned by you are not real issues and can actually be resolved by simple engineering. However, I'm going to help your cause and try to find reasons ...
Nodnin's user avatar
  • 642
7 votes
Accepted

Emphasis in plain text

For totally plain-text you can use ALL CAPS (providing you do so sparingly), or you can _enclose in underscores_ (often used, as in SO's markdown, instead of italics) or you can *delimit* with ...
TripeHound's user avatar
  • 2,655
6 votes
Accepted

When is it OK to use text as an image?

From WCAG 2.0: https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-presentation.html "1.4.5 Images of Text: If the technologies being used can achieve the visual presentation, ...
JonW's user avatar
  • 37.4k
6 votes

Avoiding offensive language in publishing App

The seeming simple task of not allowing rude words and phrases is actually incredibly complex to solve with just UI. Donald Norman stated that if an error is possible, someone will make it. And I ...
dwkns's user avatar
  • 374

Only top scored, non community-wiki answers of a minimum length are eligible