Skip to main content
Share Your Experience: Take the 2024 Developer Survey
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
52 votes
Accepted

Asking for a written form filled in ALL CAPS

You can't cram all the fields in one line. You need lots of room for student name since you have some long ones. Leaving too little space results in unpredictable and ugly user behavior, which will ...
Harper - Reinstate Monica's user avatar
49 votes

Asking for a written form filled in ALL CAPS

You may try the following : Write the name label in all caps (FULL NAME), do not change the other labels. This will act as subtle cue that this must be filled in all caps. Create placeholders for the ...
DesignerAnalyst's user avatar
42 votes

Ways to improve readability of recipe ingredients?

First of all, if you are just looking at a text list of ingredients then I would say that it probably isn't going to matter too much which option you go for. Out of the 3 options I would personally ...
musefan's user avatar
  • 7,111
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
37 votes

Asking for a written form filled in ALL CAPS

Forcing a user to conform to a standard which makes things easier for you and harder for them is almost always bad UX. Really your only options are to change the process which consumes the form data ...
DaveAlger's user avatar
  • 15.9k
32 votes

Why does my choice of typeface degrade the user experience?

Improving on my comment, I would like to make to start by making the absolute contrast between Serif fonts (the small protruding features at the end of the lines), and Sans Serif (literally Without ...
armatita's user avatar
  • 1,576
29 votes

Why commonly or frequently used fonts sizes are even numbers like 10px, 12px, 16px, 24px, or 32px?

The point is a measurement system inherited from traditional print typography. It has had various definitions, much like the inch and foot. With the introduction of PostScript, it has been defined to ...
習約塔's user avatar
  • 1,885
27 votes

Using two different fonts on a mobile application

Having two fonts, one for headers and one for body text, is generally accepted. Do not use more than two fonts. Three's a crowd. What's important for you is to create visual hierarchy. You can do ...
Nick Groeneveld's user avatar
14 votes

Asking for a written form filled in ALL CAPS

With 1000 students, this is presumably a so-called "service course" (gen-ed course) where students highly value any points. With that in mind, just make "Question 1" of the exam: [10 points]: ...
user1717828'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,924
13 votes
Accepted

Using two different fonts on a mobile application

You should avoid using two different fonts for the following reasons: You create unnecessary contrast, which creates clutter. The visual hierarchy is already established by the difference in font ...
DesignerAnalyst's user avatar
12 votes

Asking for a written form filled in ALL CAPS

You can adjust the spacing as you need to, but here's one way: I would make sure to distinguish the areas that are to be completed by the student versus those needed from an admin perspective (...
riddle_me_this'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.2k
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
11 votes

How to choose typeface (fonts) for a website in different locales?

I'd use a font family that has been designed to cover as many scripts as possible. That way there is a visual coherence between different language versions of the website (or app or any system). One ...
locationunknown's user avatar
10 votes

Asking for a written form filled in ALL CAPS

You could move the headers above or below the fields, so that you can provide adequate instructions and also conserve space: download bmml source – Wireframes created with Balsamiq Mockups You ...
Nate Green's user avatar
  • 2,483
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

Does uppercase (all-caps) text in headings and navigation reduce the overall user comprehension of the website?

There are already many studies conducted about text readability regarding all caps and the likes. The Nielsen Norman Group has written about this in many articles, stating Reading speed is reduced ...
Daniel Slowacek's user avatar
9 votes

Why does my choice of typeface degrade the user experience?

Playfair Display is a display font (the clue's in the name!) which means it's designed to be used in big titles or situations where you want heavily stylised text - logos, pull quotes etc. Although ...
Matt O'Keefe's user avatar
  • 1,860
8 votes

Asking for a written form filled in ALL CAPS

Too lazy to actually set this out presentably, but I see no reason aesthetically or in terms of real estate not to move the group number below the teacher, and have more space both for long names, and ...
Some_Guy's user avatar
  • 181
8 votes
Accepted

Name of small text above title

Taglines. Please see this example on W3C Recommendation: In this last example the title and taglines for a news magazine are grouped using a header element. The title is marked up using a h1 ...
Madalina Taina's user avatar
8 votes

Ways to improve readability of recipe ingredients?

additionally to @musefan's idea with a table: using a monospace font for the numbers (or everything) can help parse the entries faster visually. it also adds some "wrote that recipe on my ...
gerald's user avatar
  • 81
7 votes

Using two different fonts on a mobile application

It is definitely common with both designs using a combination of typefaces (typically 2; one for headers and one for body) , and sometimes only 1 typeface. I can't say I have found specific research ...
Andreas Johansson's user avatar
6 votes

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

Thats a very good question. Once I had a similar question. There is no hyphen appears when it viewed in different screens. Now technology is moving towards responsive. If there will no hyphen (-) at ...
Abhishek Sharma's user avatar
6 votes
Accepted

All Caps vs Bold

In depends on how you're using the text. You can increase and decrease visibility of text by applying different styles to your text. Let's focus on things you can do to increase visibility of text, ...
Nick Groeneveld's user avatar
6 votes
Accepted

Table headers: uppercase or lowercase, left or center aligned, top or bottom?

Alignment can depend on the data you're displaying, and what you want the user to quickly grasp. uppercase or lowercase? Miles Tinker's research work (32 years of research!) looked at legibility of ...
Mike M's user avatar
  • 24.7k
5 votes
Accepted

Should emotion-neutral fonts be used for user-submitted content?

What you're talking about is highly subjective. For example, you are probably used to reading text on a screen/website. Maybe the target audience of Christianity.SE isn't. Maybe they're used to ...
Dirk v B's user avatar
  • 4,654
5 votes

Increase navigation width to contain long nav item or reduce font size?

You are seeing a classic dynamic content issue. With that in mind I think it's worth considering how your design endures (lasts over time). I would suggest you design is able to handle dynamic ...
dougajmcdonald's user avatar

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