Skip to main content
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
13 votes
Accepted

What are the best practices to design user interfaces that are going to be used under direct sunlight?

Without having previous experience in this regard, if this were a personal project I would consider some logical aspects in terms of graphic elements. Regarding colors it's obvious there must be a ...
Danielillo's user avatar
  • 19.2k
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
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

Grey font on websites - some so pale they are difficult to read. What is today's design brief on font colour?

Sufficient contrast is on of the 7 Things Every Designer Needs to Know about Accessibility. The standard for web accessibility is the Web Content Accessibility Guidelines (WCAG) 2.0, which has several ...
Tsundoku's user avatar
  • 778
7 votes

Grey font on websites - some so pale they are difficult to read. What is today's design brief on font colour?

You should refer to the W3 on accessibility. For guidelines, refer to the w3 guidelines for Understanding SC 1.4.3 : Minimum Contrast They refer to section 1.4.3 People with low vision often have ...
Mike M's user avatar
  • 24.7k
6 votes

Should text on the web be justified?

There are some important points that appear to have been completely overlooked. Aesthetics are important too. You don't have to choose (enable your readers instead). Aesthetics It may be worth ...
RedGrittyBrick's user avatar
5 votes

Does the use of monospaced fonts negatively affect legibility of article text?

Definitely monospaced font is not intented to be very readable. The explanation although cannot be scientific since this is exactly the case where a 'research' will not show the exact grade of ...
Mikhail V's user avatar
  • 191
5 votes

What are the best practices to design user interfaces that are going to be used under direct sunlight?

I think you could consider this question from a perspective of accessibility. What traits do you consider to be prevalent for a user when using an app in direct sunlight? Maybe things like: Eyesight ...
dougajmcdonald's user avatar
4 votes

Ways to improve readability of recipe ingredients?

I noticed how the other answers focus on improving the layout of the ingredient list. I'd like to add to that a suggestion for making the recipe more convenient to parse while cooking it. You could ...
CompuChip's user avatar
  • 531
3 votes

Ways to improve readability of recipe ingredients?

First, ingredients, not quantities, give a better idea of how the recipe will taste and look and how it will be cooked (No fats? Probably boiled.) Second, quantities should be taken as rough estimates....
Rodrigo Varela Tabuyo's user avatar
3 votes

Ways to improve readability of recipe ingredients?

Think about the way people will use the ingredients. Before they can cook them, they have to go to the shop to buy them. When you go to the shop, do you go to the '1 pound' aisle, or the chicken aisle?...
Natalie L's user avatar
  • 117
3 votes

Is there an optimal font size?

There are some odd posts and misconceptions in this thread. It appears that many people want to ignore the science and the well researched aspects of how we read and comprehend text. As it happens, I'...
Myndex's user avatar
  • 329
2 votes

Is there a problem with using black text on white backgrounds?

To avoid confusion and confirm that the question asked is still valid as of today: Tools like Firefox Reader or Safari Reader (Desktop & iPhone) as well as major web platforms like m.twitter.com, ...
Richard Bruskowski's user avatar
2 votes

Is there an optimal font size / line height ratio?

Here you can find some very good resources about this subject: Best resource: https://developer.mozilla.org/en-US/docs/Web/CSS/line-height Very good example to see the difference between all values ...
Artiom S.'s user avatar
2 votes

Ordered lists: numbers or letters?

In my humble opinion, decimals are the most natural and intuitive way to number lists. We learn the decimal symbols and their meanings from very early age. We become very familiar with them, so the ...
DesignerAnalyst's user avatar
2 votes

Ordered lists: numbers or letters?

I use numbered lists when order matters. For example: Step 1 must be performed before step 2. I would then use lowercase Roman ordinals (i, ii, ...) or sub-numbered ordinals (1.1, 1.2, ...) for ...
jamesdlin's user avatar
  • 438
2 votes

Comfortably legible base font-size?

The Web Content Accessibility Guidelines recommend that any web font sizes be adjustable by the user. For large fonts WCAG says: "The actual size of the character that a user sees is dependent both ...
RobC's user avatar
  • 1,549
2 votes

Content presentation pattern name and known usability cons and pros

Pros & Cons Diagrams What you describe in your question has this name in graphic design. Doing a simple search in Google gives many results: Pros & Cons Diagrams. If you are looking for ...
Danielillo's user avatar
  • 19.2k
1 vote
Accepted

Potential legibility issues with using a unique font for each character in a game

I don't think it's a legibility issue but a visual perception problem. In general, people do not immediately perceive minor formal changes when the content has a bigger perceptual weight. Making a ...
Danielillo's user avatar
  • 19.2k
1 vote

Ways to improve readability of recipe ingredients?

Don't ignore the fact that people have been reading recipes for literally hundreds of years, and you are trying to both re-invent the wheel, and train people to read a different format than they are ...
user8356's user avatar
  • 208
1 vote

Aligning single column layout

The reasoning they provide is incredibly weak leading me to believe there is no basis for this decision other than personal preference. I don't see what difference having the content awkwardly off to ...
James Coyle's user avatar
  • 1,577
1 vote

Whats a good way to determine the number of records to present to a user until he has to switch to a second page?

It depends on the type of data, but... your assessment that offering multiple options is "apologetic" seems a little unfounded. If users don't even know how many they want, how are you supposed to ...
dennislees's user avatar
  • 11.6k
1 vote

Should TL;DR be bold or the sentence that accompanies it?

Having large blocks of text (which could be the whole short answer) in bold seems very bad to me. Thus on SE I only bold the TL;DR: part. (Outside SE I might use a digger font, headers, colour, ....) ...
Hennes's user avatar
  • 121
1 vote

Ordered lists: numbers or letters?

(Not based on research, but based on my own perceptions and gut feelings) The types of ordered lists communicate different things to a user. Bullets, numbers, and letters can be used differently to ...
maxathousand's user avatar
  • 19.5k
1 vote

Is there an optimal font size / line height ratio?

According to this brilliant post, there is no optimal fixed line-height/font-size ratio, as this ratio should vary with (given in decreasing order of importance): line width. x-height/font-size. 1/...
Géry Ogam's user avatar
1 vote

Why are Inverted Colors considered an accessibility feature?

I have visual impairment its more hard for me reading something with a dark color in a light background than something with a light color in a black background for me color inversion is really ...
W-AS0517's user avatar
1 vote

Is there a problem with using black text on white backgrounds?

No, there is no problem with black text on white background. It has been a standard for decades. For this reason it is highly unlikely that it can cause problems for a majority of users. If you decide ...
STOPIT's user avatar
  • 11
1 vote

Is there a problem with using black text on white backgrounds?

I am 100% with the above contribution. |All this grey text makes it extremely difficult to read on screen and paper documents, books, medication instructions etc. And it seems to be getting worse, ...
David Lamb's user avatar

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