Tag Info

Hot answers tagged

122

Screen digits are right aligned to maintain positional consistency between what a number represents (in base 10 that would be units, tens, hundreds, etc.). E.g. If I were to have 764 and then multiply it by 24, the answer would be 18336. By aligning to the right I've consistently seen the same unit representation in the same position, and when I've had new ...


32

Digits are right aligned for similar reasons as you would right align them in a spreadsheet or a table. i.e. when you see multiple numbers (and they all have a fixed set of decimal places), then it's easier to compare the numbers with each other because the digits corresponding to each place value are in the same physical position, thus making it easier to ...


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 ...


13

Disclaimer: I am not a native speaker of a language which does use guillemets as a way to denote quotes. But I wanted to offer a view on how context can help identify if the content being referenced is a phrase or a case of pagination I believe there are two aspects to it I believe this is one of those cases where users can visualize whether a phrase ...


10

I don't have any data about this question, neverthless here my thought: Readability is much better for right aligned numbers. Why? Consistency. The Decimal points always stays at the same location, decimal separators too. So it is much easier for a user to identify how big a number is. download bmml source – Wireframes created with Balsamiq ...


9

When using right aligned numbers you must note that decimal separators are aligned only if there are equal amount digits after decimal separator: 12 345,90 132 987,9376 Aligning such numbers left would probably be even worse, so in cases where number of digits after decimal separator are not equal numbers should probably be aligned by decimal ...


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 ...


4

In general, columns of numbers which are being examined as numbers should be decimal-point aligned (or right-aligned if the only decimal point is "implied"). Quantities which involve more than one radix point (e.g. currency amount in Britain prior to decimalization) should align each radix point, and right-align the columns between them; e.g. an itemized ...


4

A non-blind user will usually already be familiar with that symbolic usage of « and », and also pairs ‹/›, </>, <</>>. Color, size, padding and border can improve the recognizability – your sample image shows the latter two used successfully. Localized text at the open/tall side of the symbols helps even more. If they appeared inside a text ...


4

Not mandatory. But highly recommended. Roboto was introduced and standardized by Google for supporting devices of different dpi to have readability and legibility of fonts. You can see that many apps have their own custom fonts which are either unique to their brand or to match their site. So Google cannot make it mandatory. It's highly recommended ...


3

It was common knowledge that humans read words as a shape until Ph. D Susan Weinschenk informed the community in her article 100 Things You Should Know About People: #19 — It’s a Myth That All Capital Letters Are Inherently Harder to Read that the shape theory is wrong: It’s parallel letter recognition, not word shape — The old theory on word shapes ...


3

Google is using 'Material Design' to give their vast number of different services a unified look and feel – so for google designers using Roboto is mandatory because it's part of their design by definition. IMHO if you want to build a material design 'inspired' website, you are of course free to quote any design patterns as you like – so using Roboto could ...


3

Well I'm not an avid book reader, but I am a programmer and I look at text all day. For me text is a tool. I started programming with notepad black and white and it really wasn't all that great. Today my workshop looks like this. This is highly tailored to my preferences. In low light environments I strongly prefer light on dark, and I suspect most ...


2

Using black text on white background can obviously make your screen contrast. To make your screen comfortable to view, you can change the brightness and apply for an app called F.lux. This is a freeware to make your computer color automatically changed by the time of day, no-glare on your eyes. Actually the color is not the point, the time on staring at it ...


2

You asked which is "better" and the Evil Closet Monkey cited an excellent article on legibility. But another interpretation of "better" concerns how the font will affect the reader's perception of the credibility of the information presented. This article notes a study that found certain Serif fonts created a slight increase of confidence for the reader ...


2

In my experience in French, a language that makes common use of guillemets, you would have no confusion using « and » as previous and next page links respectively, and giving the arrows affordance (such as boxing them in the same way as the page numbers, as the examples Mark Nugent provides) would absolutely ensure it. Your biggest challenge, as others have ...


2

To answer the question you would need to look at two things in particular: Best practice for bullet points Optimal length of characters per line Best practice would suggest that the purpose of a bullet point is to summarize or create an easily scannable list of items. The more you increase the length of the content in that bullet point item, the more you ...


2

I couldn't find any research on best practices, (and when I tried to google for one, I've got all sorts of UX bibliographies ;-), Here is how some online libraries are dealing with it: From what you have described, and from my experience of dealing with the related text media, I would do something like this: Note that some info in the tooltip is ...


1

IMHO, it's the right way to do it. See, at first I agreed with you, until I realized you're not seeing an error message, but technical description on an error message, which is an absolutely different thing. The error message itself is short, clearly represented by iconography and header and a very short text that describes the problem. Then they have a ...


1

I'd like some clarification There isn't any. There is no such thing as 'ideal' line lengths. There's a handful of small studies but they are all flawed in that they can't isolate line length very well as a single factor. What makes type legible, readable, and just plain comfortable depends on a whole range of criteria: the typeface design leading ...


1

Small caps are the bastard child of lowercase and uppercase. Other than purely aesthetic "design" reasons, I've yet to see a good use case for small caps where full uppercase or mixed-case (uppercase first letter with lowercase thereafter) isn't a better choice. You can get into the debate as to whether it's better to use uppercase or mixed-case, and I'm ...


1

In our system, numbers in our common calculators are shown in powers of ten. Let’s take a number ‘8634’. 8634 = 8x1000+ 6 x100 + 3 x10 + 4 x1 So starting from right to left, we have 0 power 10 then 1 power 10 then 2 powers 10 and so on. To keep it simple, this tradition makes readability easy from right to left.


1

The introduction to the font says the following: The Android design language relies on traditional typographic tools such as scale, space, rhythm, and alignment with an underlying grid. (...) is essential to help users quickly understand a screen of information. To support such use of typography, Ice Cream Sandwich introduced a new type family ...


1

In my opinion truncated titles shouldn't be used. It seems to me that you can use a varied font-size depending on string length.


1

The most obvious explanation is that most people don’t care about correct punctuation marks in this respect—but people do care about having spelling corrected. People often have strong feelings about spelling autocorrect, but we don’t often see them complaining about "..." versus “...”. Moreover, such issues are mostly relevant in documents to be ...


1

A landing page is only useful if it has some sort of purpose. Usually landing pages exist for people who come to the site through a certain route (such as clicking on an ad), and they display content relevant to that route of entering the site. Without a purpose, a landing page will simply annoy users who have to click and load an extra page to get to your ...


1

"What are the advantages/disadvantages of using caps for all words in mobile application design?" Do you mean ALL CAPS ALL THE TIME? Or Capital Case Only For The First Letter? Disadvantages ALL CAPS looks like you're SHOUTING! Bad if there's no semantic reason for this. Can feel like it crowds other elements, especially on mobile where space is at a ...


1

There is a problem for dyslexic readers by using extremely high contrast, but it has been greatly exagerated and propagated to the poin of myth (see this seminal report, which nevertheless recommends "to provide sufficient contrast between elements of a page" and "use a dark text on a pale background"). There's also a trend of abuses using unduly light grey ...


1

When non-dark RGB colors on a screen are translated into XYZ colors in the eye and then to something similar to hue-saturation-lightness colors by the brain, small changes in RGB values will result in small changes XYZ which will then yield small changes to hue and saturation (which I will refer to collectively as chroma). When darker colors are translated ...



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