Tag Info

Hot answers tagged

58

Designers When it's your working version and you just want some text in there to visualise the overall page balance, and you'll only share it with other designers, then using Lorum ipsum should probably be fine. End users For end users, I would suggest using some other real example text. Yes, you'd have to localise this, but it's quite easy to simply ...


30

Font and layout is exactly what Lorem Ipsum is designed to do. It has been used by type setters and printers since the 1500s. The idea is that by not having real words the users focus on the layout. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is ...


23

Ariel is on the right track. Uppercase letters are generally much more distinguishable from each other. L won't get mixed up with 1 or the lower case l, as Ariel mentioned. If you look around, you can find a mixture of upper and lowercase, but from the user perspective, typing in a mixture can be cumbersome. So to make it more user friendly, keep it in one ...


19

Apart from the answer given, I would like to mention one very important Use Case where the solution is nothing BUT shadows. Text on an image When you don't have control over the image on top of which you are writing text, you have to ensure proper contrast for best readability. A Big hero Image seems to be rage these days. A dark shadow is added behind ...


17

Based on UX.Movement: Why Text in All Caps is Hard for Users to Read The reason of the worse readability of uppercase vs lowercase is the lower contrast of shape. Small caps still has worse contrast of shape than lower case, so it'll still be less readable. There is also some relationship with familiarity, taking into account that for sure more of the ...


16

It might be a good idea to provide the percentage as additional information if applicable, and display the absolute changes instead, e.g. +9 (900%) but then leave it out if not applicable +10 This way a user recognises that there was a change and also gets an impression on how much has changed relative to the previous number.


12

In some situations a drop shadow or stroke can be used to maximise accessibility and maintain the contrast ratio between text and the background. I have used this method once or twice when dealing with strict brand guidelines that demanded non-conforming colour combinations. It is mentioned as a technique for meeting the SC 1.4.3 (Contrast) criterion of ...


12

If the goal is to provide a short text sample for the style then use a pangram like "A quick brown fox jumps over the lazy dog". This will show how each letter is rendered.


12

Assuming you have a context where this level of accuracy matters (e.g. an academic or technical audience, or a delicate topic) it's always best to just clearly and simply state what's going on. This 7% have a gender (male, female, or something else). For some, you know it, for some you don't. In all cases, you're not reporting it. So just say that: Not ...


11

If you don't want to leave off the percentage, then what you show depends on your data. If your data constantly fluctuates between 0 and 1 or similar small numbers, showing the increase as 1,000% is misleading. In the same way, values that are often in the millions with a sudden 0 value only showing a 100% decrease may not be helpful. Mathematically, no ...


11

To me, the answer is yes, especially for dark themed sites. Here are some images from a site that I designed for my brother's roofing company. He wanted an all dark theme. So I gave him a dark gray background, some off white and gray body texts, all with darker CSS3 shadows. ( Small caveat: the images actually came out darker than the site actually is when ...


9

It seems that "Unknown" is true to the situation. Go with that. You could always explain, as you did on this site, why gender is unknown.


8

Man, when you asked that question, I thought you meant a Web 1.x monstrosity. I'm not sure there's a hard and fast rule on this but, generally speaking, that's what we would call light noise. My concern wouldn't be with the level of contrast, but with looking somewhat dated. Basically, as soon as Apple declared skeuomorphism to be a thing of 2012 and thus ...


8

There is actually research about this topic: http://www.opticsinfobase.org/oe/fulltext.cfm?uri=oe-6-4-81&id=63459 "Both text contrast and background contrast variation affect text readability. Background variation effects were only seen when the text contrast was low. Greater effects of background variation would be expected if larger background ...


8

There are two theories/explanations for why text in All Caps is harder to read. One says that it's because of the less unique word shapes, and the other says that it's because it's less common. Small Caps suffers from both these problems - it has a generic word shape and it's even less common than All Caps. So whichever of the "all caps" theories may be ...


7

If the text preferences are important, you should not use example text in a different (which includes fictive) language. Languages have different characteristics, and what looks fine for a paragraph of "Lorem ipsum …" is not necessarily ideal for text in other languages. So you should show text in the language the user is setting the preferences for. You ...


7

Choose a text generator that suits your domain and use it instead. Lorem ain't good for layout/typography, it was never meant to (see other answers for why it's not, unless you are in a real printing business, Gutenberg&co-style). If you're after font/typography, use a pangram for the language you are after (hello localization!), like @ratchetfreak said ...


6

A simple and conventional way would be the ellipsis. CSS even has the property text-overflow which has ellipsis as an option. http://davidwalsh.name/css-ellipsis http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/ Example My short string My longer string that will get cut ... My other much longer string tha... Working Example on UX ...


6

The usual third option is Other, which would encompass a variety of options including but not limited to: those who did not fall in to the Male/Female box; those that explicitly would rather not say; those who implicitly did not say; those where the data is not known, etc, etc. And then if you feel the need to explain what 'other' actually entails, make it ...


5

Several reasons come to mind: Indication of spelling: Usually, lowercase letters and mixed-case words are used for actual, existing words. When, in text, you mention a single letter, you generally write it in uppercase (which helps distinguish the indefinite article "a" from the letter "A" - though "I" in English is still a problem here). So this tells ...


5

Darkhorse Analytics has one of the easiest to understand explanations for improving tables The points relevant to alignment of table data are: Left align text (where appropriate) Right align numbers (where appropriate) Align titles with data Resize columns to data


5

Here is another option that might work depending on the situation. It has the added benefit of not needing to be localized into different languages... credit: Facebook placeholder loading card


4

I will agree with Anindya on the aspect that keeping the prominence on the descriptions will make it useful since a user is more likely to know what is the "Capacity" instead of what is "32gb". When it comes to selecting the mode of prominence I would prefer using a subtle color to highlight as compared to using a "Bold" face. Something like As you see ...


4

I would probably try using an analogy like alphabetic fridge magnets vs. a photograph of said fridge magnets to define a real world situation which mimics the difference. They could look at a fridge with a word spelled on it and a photo of that fridge and the concept of being able to interact with the text on one and not the other may become clearer. If you ...


4

n/a seems to fit well, and it is a known convention. n/a or N/A is a common abbreviation in tables and lists for not applicable, not available or no answer.


3

I would argue that the most accurate word besides menu would be "navigation". Shortening it to nav might be alienating for a less tech-literate audience. But stay aware of innovating for the sake of innovation."Menu" is a metaphor that is pretty well-established and has taken years for users to internalize. On one hand I think it is important to stay ...


3

I don't have something I would consider to be a "valid" answer, but I'd like to blame the letter L - in lowercase form, it could be an I, an L, or the number 1. edited to add: On the UX side - my mind wants to make this a more valid answer, so I'm going to add that the real underlying intent (potential) could be that codes are a serious pain as it is. To ...


3

No. Any alteration in the regular text is going to emphasize it. Even if you reduce the size of the font, it is going to grab the user's attention because it is just different. I am not convinced that the use of italics here is to deemphasize. When you look at "Yesterday at 2:00:00 PM - Today at 1:00:00 PM" - that doesn't tell you the duration. It tells you ...


3

Interesting question. I think you can have a look at the paper "Letter case and text legibility in normal and low vision". In the abstract you can read: Using a single unaltered font and all upper-, all lower-, and mixed-case text, we assessed size thresholds for words and random strings, and reading speeds for text with normal and visually impaired ...


3

This is more a matter of taste & design than usability. Both 1 and 2 indicate that there is some text hidden. Option 3 doesn't always do that, it just depends on the length of the field and the input. So in terms of usability, I'd scratch that one if I were you. Now, comparing red pill vs blue pill. With the red pill you can still see (and select) the ...



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