Hot answers tagged

78

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 just have the standard long lines and people are very well used to it. On the other hand; newspapers cannot use long lines because it will be difficult for ...


48

There is a better solution, at least in terms of legibility, perhaps not so much aesthetically. And I'm 99% sure you've already seen it. Black border, white letters. White letters are almost always brighter than the background, and the black outlines act as a sort of shadow, separating the text from the background. Of course, the best legibility is ...


13

Years ago I worked at a sign shop doing vinyl lettering. White. Black might get hard to read as shadows cast (including walking by the door). Unless the background is light enough to guarantee, I think white is your best option.


12

Highlighting is more relative than absolute Non-designers often don't realize that the style of highlighting is much less important than the relationship between the highlights and non-highlights. There are all kinds of approaches to creating highlights. One might use font-color, background-color, size, font variation (e.g. italics, underlining) and ...


10

It's much more usable to have text accompanying icons. The paradox of icons is they have to be universally recognizable enough that they could appear without text, but they never should appear without text. Also with the Like text, the clickable size of the icon is larger, ie it's more accessible. Your chosen icon to represent a Like action is poor, to be ...


10

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, especially if there are many columns on the page To those people who say you cannot use justified text on the web, I say you need to learn more about ...


8

It's a pull quote You're asking about pull quotes. Wikipedia explains its main purposes: A pull quote (also known as a lift-out pull quote) is a key phrase, quotation, or excerpt that has been pulled from an article and used as a graphic element, serving to entice readers into the article or to highlight a key topic. (Emphasis added.) So the answer to ...


8

Guidelines say... Particularly about books there is a related question in this community: It's recommended to start new chapters on the recto page of a manuscript, as it establishes a predictable flow for the reader to follow. The resulting occasional blank pages are actually a part of establishing this rhythm, making the divisions between ...


8

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 opinion, visually it makes the titles look more concise. This has the additional benefit of saving precious real estate in something like a navigation menu as well....


7

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 would suggest extending that rule to include if a rude word or phrase is possible to be said it will be. The problem is with our language. We have concepts like ...


6

Yes, this is a "standard". I am >25 too and I know where to look up this guideline :-) This is guideline 2.3/16 in: Smith S. L., Mosier J. N. (1986) Guidelines for Designing User Interface Software (ESD-TR-86-278), Bedford: The MITRE Corporation | http://www.dfki.de/~jameson/hcida/papers/smith-mosier.pdf Authors provide references to even more older ...


6

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 service, it may look like you changed the case so it doesn't look as bad. I think there are only three ways to go about this: Try to avoid the all caps on the ...


6

Here's a radical concept: Human filtering. Tell the client. "You want granular and subjective control of content? Humans do that best!" The very nature of subjectivity is that it's subjective. An authoritarian attitude towards content's nature, terminology, phrasing, meaning, interpretations, influences, origins, inferences and every other nuance is ...


5

I would wrap the text, which means you'd sometimes have more than one line of text, and the height of your column header will need to be flexible. In terms of readability, having a few 1-line headers with extra space above and below in order to accommodate the space for a couple of 2-line headers is better than having text that changes size from column to ...


5

First and foremost; highlighting text should be used sparsely. Otherwise it gets to be noise making it hard for the user to get what you’re trying to communicate. Christian Holst who wrote the article Scannability: How to Highlight Text on the Web says 10% highlighting is the maximum, but I think that’s pushing the limit. Here “less is more” applies. ...


5

I think this is too early to abandon description from this particular action. The icon itself still can mean 'Thumbs up' or 'Okay'. Facebook users are not only techy young people, who understand what 'liking' exactly means. Keeping the label makes it more clear and also helps to associate 'Like' action to Facebook itself, so it's not only practical, but also ...


5

There's no one-size-fits-all answer. The answer might depend on the reflectiveness of the door, how dark the room behind it is, and even the position of the lights. To determine what's appropriate for your environment, try the following quick experiment. Take a picture of the door from roughly where someone might stand to read the sign. Blur the picture a ...


5

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, text is used to convey information rather than images of text except for the following: (Level AA)" Customizable: The image of text can be visually ...


5

Although I do not have an example of your layout, I would personally choose top aligned in this case. This will probably give the most visual order and harmony, especially since your paragraph block text is also left aligned (meaning you already have an unconsistent visual area on the right). Compare:


4

The correct approach in English would be: 0 followers 1 follower 2+ followers


4

Can open. Worms everywhere. There is no canonical answer here as its still openly and vigorously debated. The Wikipedia page on the topic is very well written and has links to research (tl;dr: It's inconclusive). My own view on this from a UX perspective is: It's a design decision, more than a usage/dogma decision. For digital interfaces (...


4

What devices are you targeting? You may just need to employ responsive table practices. As your screen shrinks, you may want to consider removing less important columns, or transforming your table into one of the following: Stacking - View at 400px or less Cards - View at 400px or less Priority/Optional Columns - Example by "Tablesaw" However, if you're ...


4

I think Pixel's answer makes sense on displays, but wouldn't look so great in the physical world. It sure is "optimal for readability", but I think the aesthetics are a factor to consider, in the physical world. An important difference between superimposed text on an image and text on glass is the ability to change the background. On physical glass, not ...


4

I believe this is more of question of how to use CSS. Did you try some of these suggestions? http://stackoverflow.com/questions/4652654/how-to-turn-off-word-wrapping-in-html Also, I would recommend changing the alignment to left or justified, placing the one or two remaining words on the left edge of the paragraph. I think this would help with that feeling ...


4

It's a usability choice Cards and books are hinged on the left spine, so when the user opens a card (or book) the right panel is static whereas the left panel moves. As the user reaches in to open the card/book, her eye focus is on the cover, and as she opens the book or card her focus tends to remain fixed on that panel rather than tracking the panel ...


4

Short answer; no. There have been numerous tests and articles which show that, because it is so common that links are blue (even though this isn't necessarily the best color to use for a link), people will treat blue text like a link, and will get confused by this. It will especially be bad for your website's user experience if you use blue-text links in ...


4

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 the end of the half word, it will be very difficult to read. CSS does have a hyphens property but it is not supported in all browsers. There is no ...


4

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 hyphenate well would probably require prohibitively large dictionaries, and one for every language. Even if they could, they would probably end up hyphenating ...


3

Give background colour for Updated or user modified text like light yellow or light green. Or you can go with another option is Italic font style for the updates text.


3

If you have enough space, you could use -strikethrough- to indicate that there was default/prior data that has gotten replaced. And though you mention font styles, I get the idea that you just mean bold, italic etcetera. But you could also use a different font entirely. Combine those two options and you get something like this: This definitely is a bit ...



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