140
votes
Accepted
Why do many sites leave half of each webpage empty?
There are many reasons, but the main ones are visual cluttering and hierarchy of information on one side, and structural consistency on the UI side.
Visual Cluttering
Clutter is an important ...
- 38.2k
96
votes
Best error color on blue color?
MD guidelines aren't rules
The Google Design team wanted to provide a good selection of colors for app devs who can't think in color. It's a solid palette (the whole UI framework is great), but it ...
- 21.4k
93
votes
Why do most of us wear wristwatches on the left hand?
It is a matter of:
Usability
Comfortability
We wear it on our less skillful arm.
It makes sense for right-handed people to wear it on the left wrist because it is easier and gives more precision to ...
- 16.9k
86
votes
Why do many sites leave half of each webpage empty?
The optimal line length for your body text is considered to be 50-60 characters per line, including spaces (“Typographie”, E. Ruder). Other sources suggest that up to 75 characters is acceptable.
...
- 9,394
78
votes
Why do many sites leave half of each webpage empty?
There is a reasonable limit in the amount of information the user should see at once.
If the view is filled with more information than the user can assimilate/understand it becomes overwhelming. This ...
- 16.9k
76
votes
Accepted
What's the point of a delayed popup on a webpage?
It is about increasing the chance of the user having a look at the popup.
Task-completion mode
Users in task-completion mode are eager to fulfil their goal (eg, "Is the product/information/answer I'...
- 32.7k
53
votes
Background for black and white chart
White is giving the appearance as the absence of data. Data visualization is not about what you intend, it's about what they perceive.
Black and white have connotations as opposites. Some cultural ...
- 25k
49
votes
Accepted
What is such a presentation of music cover art images called?
It's called Cover Flow.
It's used by Apple in OS X (among others).
Cover Flow is an animated, three-dimensional graphical user interface
element that is integrated within the Macintosh Finder ...
- 7,925
47
votes
What is such a presentation of music cover art images called?
It's an ordinary Carousel with a fancy 3D touch to it.
Image source: Yahoo design pattern library
Carousels are often used on webpages, in this context a carousel often shows a single item at any ...
- 1,659
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 ...
- 7,111
38
votes
Why are most pens (that we use to write) blue in color?
Because the first widely used ink was iron gall which had purple-black or blue-black colour.
And the color remained as a standard until today.
text written with iron gall ink
Detailed explanation:
...
- 11.5k
35
votes
Background for black and white chart
Stacked bar charts often use a darker colour at the bottom and lighter colour at the top. Bolder darker colours look strong and more supportive of what's on top. Your chart bars looks top heavy, with ...
- 71.2k
32
votes
Is it crucial for a UX designer to understand the principles and concepts behind Object Oriented Programming?
No.
Those are two fundamentally different jobs. Except in the scenario that the UX design is for a product the primary purpose of which is OOP development (e.g. an IDE).
Otherwise, of course, ...
- 601
30
votes
Why do most of us wear wristwatches on the left hand?
There are a number of reasons.
Firstly:
Your dominant hand can manipulate things easier than your non-dominant hand, e.g.
To put on/take off the watch
To use the crown (the thing to wind it up and ...
- 8,949
27
votes
Accepted
How can I improve the UI/UX of this form?
I feel you might be coming at this from the wrong angle. A form shouldn't excite you (or a user), it should get the job done quickly and painlessly.
Boring can sometimes (usually!) be best.
You ...
- 704
24
votes
Lighter color for a secondary same action button?
Keep the color of your action button consistent in your web application.
I like the idea of a lighter color if you go to a deeper level. It's cool.
However... usability comes first.
Users will ...
- 7,925
24
votes
How can I improve the UI/UX of this form?
I'll start by saying this will probably be an unpopular opinion because, for reasons I can't comprehend, what you've done is done a lot. My complaint is that you've made 5 text fields and 3 multiple ...
- 363
23
votes
Why rounding odd font sizes to even?
I think your fellow developer is somehow correct. To be honest, as far as I know there's no "set in stone" rule for this, so nobody is right or wrong as an absolute. However, depending on ...
- 38.2k
22
votes
Background for black and white chart
If black and white maps to the colors of the products, then consider outlining the white bar to add some contrast.
Some Tips: What to consider when creating stacked column charts
- 5,618
20
votes
Accepted
How do I make a large table from desktop/web look good on mobile?
The natural orientation of a smartphone is portrait, and the natural scroll direction is down, creating a view which is very narrow compared to its possible length. If your table doesn't fit, you ...
- 3,320
19
votes
Accepted
Best error color on blue color?
Show your error message on a neutral-colored box.
download bmml source – Wireframes created with Balsamiq Mockups
- 9,044
18
votes
What's the point of a delayed popup on a webpage?
They want you to subscribe.
Because subscriptions or email marketing gives pretty nice return on investment (ROI) most of the web admins use extreme measures to capture users attention to users can ...
- 11.5k
18
votes
Why do many sites leave half of each webpage empty?
Academic studies on white space
Yes, white space is used to increase readability and reduce visual clutter [1], [2].
The more objects are on the screen the more the eye and the brain has to process [...
- 11.5k
18
votes
Why do many sites leave half of each webpage empty?
As a web developer speaking for the sites I've made: we didn't design for large width display. And white space is what defaults when you scale the browser width up (or whatever the CSS background ...
- 288
18
votes
Accepted
Apply filters immediately or after confirming with a button?
That depends on technical aspects of the system,
as a thumb rule, it's always a good idea to provide facets results immediately, and by doing that also eliminate non-relevant results,
but, if the ...
- 1,040
17
votes
Why are most pens (that we use to write) blue in color?
Nowadays the "popularity" of blue (not in every country) probably has more to do with established conventions and as an easy way to differentiate between printed text (black) and handwritten text (...
- 16.9k
16
votes
Accepted
Pie Chart VS Doughnut Chart: When to use each?
A doughnut (or donut) chart serves a similar purpose to a pie chart, except that it is able to show more than one set of data. Think of it as a pie chart with an additional dimension.
See the example ...
- 693
16
votes
Why rounding odd font sizes to even?
Sans fonts, which are commonly used on screens, are mostly designed to have the same thickness of stems and bars.
When the font size is quite small and is odd, like 17px, the font renders in a way ...
- 688
14
votes
Lighter color for a secondary same action button?
Consistency takes many shapes
You and your boss are advocating for different systems of rules. The question is, which one will align with your users' needs in practice?
Lighter shades to signify ...
- 21.4k
Only top scored, non community-wiki answers of a minimum length are eligible