651
votes
Accepted
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
This phenomenon is called banner blindness. Your labeling looks like a banner advertisement and is therefore subconsciously skipped. Users have been conditioned to ignore complete sections of content ...
- 9,841
290
votes
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
The banner is beautiful but the style does not match the rest of the page.
You know what is everywhere on the Internet with unmatching graphic styles? Ads.
As others have said, the problem is that ...
- 1,718
130
votes
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
It's the design. Visually it's not part of the site or page. It's a square of content that doesn't belong to the site visually which indicates it's an advertisement to users.
Design the banner to be ...
- 5,301
112
votes
Accepted
"View Desktop Site" necessary?
It is necessary if you have different versions of the website for Desktop and Mobile.
For example, a lot of websites scrap out features that might get too complicated to be operated on Mobile. For ...
- 6,385
109
votes
92
votes
Accepted
Should a grammatical article be a part of a web link anchor
In carefully edited text, the choice to include the article depends on the meaning. Examples:
I saw a newt yesterday, dark with blue spots. Can anybody help identify it?
— Article not included: ...
79
votes
Accepted
What color for error messages for a form with a red background?
I'd go with a color that'll always retain stark contrast. I'd also avoid venturing too far outside of the styles that that users are generally familiar with. Because you're working in an atypical ...
- 1,292
69
votes
What color for error messages for a form with a red background?
I would go with something in the shade of the background, but have a more red text in the alert. You can add a border in the shade of the text to make it stand out as an error more, as well.
- 809
62
votes
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
As previously said, the banner is inducing banner blindness not despite but because it is so enormous, prominent, clear and contrasting purple. Also, its placement just above the content makes it easy ...
- 1,215
60
votes
"View Desktop Site" necessary?
Personally, I think such an option is essential.
For two reasons:
Users might be accustomed to the desktop interface. For example, a user that is used to access the website through a desktop can ...
- 709
43
votes
What color for error messages for a form with a red background?
A bright yellow background with black text would work well.
Fits the colour scheme of a warning sign.
- 549
33
votes
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
If you look at a Wikipedia article with a banner that's functionally not unlike yours (this article needs improving), you'll see there are a number of design differences. Namely:
The banner is part ...
- 483
29
votes
Accepted
Table with actions per row
3 small action buttons on the left-hand side of each row
With a LTR languages, one can assume users will first inspect the row (starting from the left) and only then decide to take action.
So ...
- 32.4k
23
votes
What color for error messages for a form with a red background?
The standard color for error messages is red, see this question :
One important point to understand is that using conventional colors
for errors is important because they make the errors more ...
- 7,761
23
votes
Accepted
What's the tradeoff for using an icon driven navigation?
Icons alone can save space in case of long(er) labels, but the tradeoff is a memory tax on the user.
Icons can give visual order and harmony to layout, especially in sidenavs. However, in a complex, ...
- 24.5k
23
votes
Good alternative to a slider for a long list of numeric values
How about a combination of a slider and a spinner (number stepper)?
How does this work? I am glad you asked...
Your list of values is effectively an array. So rather than the slider having a list of ...
- 7,061
22
votes
Is it a Good UX to keep both star and smiley rating system as filters?
I could be wrong but I think here the smiley faces are the only rating system. The stars are a filter for 3 star hotels, 4 star hotels, etc....
Which....yes. Isn't immediately obvious at all and is ...
- 3,060
21
votes
What color for error messages for a form with a red background?
You might try adding a white border, then play with the background color.
The one color that communicates 'something is wrong' louder than red is the color of death, black.
21
votes
Accepted
Should my webapp's tabs use browser tabs or an in-page tab?
It's not a matter of better, it's what is the problem trying to be solved.
I don't have any real details about your use case, but you can see some logic applied across a range of domains.
A: Open in ...
- 24.5k
20
votes
"View Desktop Site" necessary?
Primary Reasons for Desktop site's necessity can be summarized in 3 bullet points:
Compatibility Issues
Providing Limited Working Features (while still working on full feature roll out)
Redirecting ...
- 1,245
20
votes
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
Can I suggest trying the Github ribbons.
This is remarkably noticable and doesn't take away from the rest of the content.
Have a ribbon for 'official' and 'homebrew' with differing colours.
- 7,228
19
votes
Should a grammatical article be a part of a web link anchor
Usually an article need not be a part of your link.
Except in the cases when it makes a difference in meaning. Usually it will be a definite article, like "The Times", "El Salvador", "Al Jazeera".
...
- 658
18
votes
"View Desktop Site" necessary?
I turn my phone sideways and it has higher resolution than my desktop. When you optimize for 320x480, and a tiny device comes along with over 2500x1400, there are going to be issues. The mobile ...
17
votes
What color for error messages for a form with a red background?
That's an accessibility nightmare!
Try reversing your error message styles: Red text on a white background.
- 14.2k
17
votes
Accepted
Marking box as expandable box intuitivly
There are different ways that you could design this.
1st option has a drawback: The user might think that they are directed to another page
2nd option more intuitive than the others. The icon could ...
- 3,719
16
votes
Good alternative to a slider for a long list of numeric values
As others have noted, we don't know what the actual use case is here. The OP has asked an isolated question out of context of the environment in which it's intended for use, and that's absolutely the ...
- 70.9k
15
votes
Why websites usually block the navigation interaction when under a full screen overlay?
Let's look at the example you cited: Twitter's tweet modal
The full-screen background overlay here serves two purposes:
It helps focus the user's attention on the modal by visually dimming non-...
- 7,965
13
votes
Why websites usually block the navigation interaction when under a full screen overlay?
That´s a very common implication of modals - one task at a time.
-Background to understand the context for modals.-
Applications can be too overwhelming for users and guiding them to do one thing at ...
- 502
Only top scored, non community-wiki answers of a minimum length are eligible