653
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 ...
291
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 ...
131
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 ...
108
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: ...
64
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 ...
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 ...
32
votes
Can it be acceptable to take over CTRL + F shortcut in web app?
I would always tell people in my team (and remind myself) to be very very careful overriding any default browser behavior and only go for it if you are certain its an improvement. Through testing and ...
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, ...
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 ...
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 ...
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 ...
21
votes
Accepted
Can it be acceptable to take over CTRL + F shortcut in web app?
CTRL+F has an important feature by default in that it does not change page content: No elements of the page appear, disappear, or change content when typing and submitting find queries.
Focusing a ...
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.
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".
...
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 ...
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 ...
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-...
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 ...
13
votes
Good alternative to a slider for a long list of numeric values
How about a slider connected to a listbox
(please be advised, the following imagery is garish and not for the faint of heart :) )
Or
It allows a coarse selection with a slider and fine-tuning with ...
12
votes
How to enable users to insert an infinity number
This seems very close to a very common pattern for pagination by limiting searches per page, e.g. datatables:
In your case you only want to display the first page, but it's still pretty much the same ...
10
votes
Marking box as expandable box intuitivly
Consider displaying the first line of "content" text in the display, along with a link to read more.
This will give the user extra context to decide whether they actually want to read more, and ...
10
votes
How to enable users to insert an infinity number
In scenarios where a setting of zero does not make sense, zero is sometimes used for infinity. It does not really make sense but I think I've seen it in more than one application so as a user I'd see ...
10
votes
How to enable users to insert an infinity number
Given the OP's wording of his question, I would implement Joel Tebbett's first suggestion this way:
This would adhere to the perception of heirarchy as noted in his second option.
10
votes
Accepted
What is the best way to tell users to scroll down in browsers?
First of all, you should not end a page at blank spaces. You should end them at the top portion of the next page's first section.
Use scroll icons such as this:
to inform the user about the ...
9
votes
Why do people not notice our enormous, prominent, clear and contrasting purple banner?
You say you have different colors, fonts etcetera, but overall the pages look very similar. A large page has so much visual noise that simply changing thw font won't be enough if it's still a similar ...
8
votes
Accepted
User needs to paste clipboard data into website with CTRL+V, but the data they paste will not be shown to them. How can I make this intuitive?
Consider sticking with a regular text input when there is no data present, then showing a preview of the data after pasting.
Doing this will prompt the user to paste data the same way as they would ...
8
votes
Should a grammatical article be a part of a web link anchor
As the search bots don't give importance for this stop words (the, a, an...) you don't need to hyperlink them.
What's Stop Words on Wikipedia:
In computing, stop words are words which are filtered ...
7
votes
Accepted
Why is sites i18n often based on the users country and not the preferred language in the browser?
Bad UX. Often happens because the site developers didn't think ahead or don't live in a country that doesn't speak their mother tongue. If you can understand everything clear as a developer, you will ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
web × 399website-design × 115
web-app × 48
forms × 42
usability × 29
mobile × 26
accessibility × 25
gui-design × 23
design × 23
navigation × 15
user-behavior × 13
buttons × 13
mobile-web × 13
interaction-design × 12
menu × 10
browser × 10
hyperlinks × 9
html × 9
design-patterns × 8
user-expectation × 7
interface × 7
input-fields × 7
login × 7
e-commerce × 7
desktop-application × 7