Skip to main content
652 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 ...
Wendy Wojenka's user avatar
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 ...
Rad80's user avatar
  • 1,728
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 ...
moot's user avatar
  • 5,371
63 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 ...
Philipp's user avatar
  • 1,225
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 ...
kevin's user avatar
  • 493
29 votes
Accepted

What is the name of this practice when a page loads?

It's called a content placeholder or skeleton screens. This is a great way to focus attention on progress and content being loaded instead of wait times while the whole app is loading. About ...
Brice's user avatar
  • 1,155
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.
icc97's user avatar
  • 7,218
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 ...
PixelSnader's user avatar
  • 8,331
7 votes

Does any research/study exist on what makes an interactive document better from a user experience perspective?

There is very little current research, possibly because the use cases for interactive documents has been taken over by the web, and in parallel, the increase in availability of devices and ...
Midas's user avatar
  • 6,629
7 votes

What's the recommended max width for the main container and for the main column, for large screens?

Historically there was some research that indicated content that was too wide became hard to read and thus a standard of 960px was adopted. However there's a strong emphasis on "reading" width there.....
scunliffe's user avatar
  • 3,722
7 votes

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

Official pages and homebrew pages have different colour schemes, different fonts, different text sizes, different table layouts, different title schemes, and, notably, a different banner ...
Peter Taylor's user avatar
6 votes
Accepted

Should I keep my website logo always visible?

First, I like to disagree to Devin's words,"but I'm quite sure at least 90% of sites don't have a fixed headers. Starting by the one you're reading right now.". The websites like this which was built ...
nitesh bhargav's user avatar
6 votes

What's the recommended max width for the main container and for the main column, for large screens?

Depending on the kind of content and the way you present it you can show a certain amount of information. For text there is a certain limit in the width of the container depending on the font size. ...
Alvaro's user avatar
  • 16.8k
6 votes

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

I would say that the problem is twofold. I believe, first and foremost, the problem is that the website is labeled as a Wiki and is miscommunicating its intentions to visitors. Because of this, people ...
Fluffy Gryphon's user avatar
5 votes
Accepted

Displaying multiple tables with varying numbers of columns

With a deluge of information, concentrate on some kind of order (if possible), and search / filter. The table widths are less important than the ability to quickly search data. Assuming you're right ...
Mike M's user avatar
  • 24.7k
5 votes
Accepted

What is the best way to design a 'debt' screen

Empathy is your friend here, and empathy in UX is critical. The ability to put yourself in the customers shoes should be intrinsic to anyone wanted to practise UX. With that in mind, think how you ...
DarrylGodden's user avatar
  • 6,336
4 votes
Accepted

What are these "badges" called?

You described an empty state, or zero-data state. Examples of empty states are a list with no elements (no comments on the track, like in your image or no tracks), a search query with no results. ...
Madalina Taina's user avatar
4 votes
Accepted

Why do designers draw graphic layouts without device resolution constraints?

What is the way of resolving this misunderstanding? Speak. As a dev, sit down with the designers and explain your concerns. If they wish for their designs to be translated on the screen pixel by ...
Socrates Kolios's user avatar
4 votes

Should I keep my website logo always visible?

First thing first to answer your specific question in the title: No it's not required. And it's easily proven: in order to have your logo visible at all times, you should use a fixed header. I don'...
Devin's user avatar
  • 38.1k
4 votes

What's the recommended max width for the main container and for the main column, for large screens?

The width of a line of type is called a measure. Some typographers consider 65 characters to be the perfect length for a measure, plus or minus 15. Anything shorter and your eyes bounce around too ...
MylesNYC's user avatar
3 votes

Best way to organize items by use frequency

Combination of Last Use and Time-based Scoring System (a.k.a "Last Used, and Most Used Most Recently") Assuming your users aren't most likely to use a different box every time, then showing the last ...
dennislees's user avatar
  • 11.6k
3 votes
Accepted

Side to side comparison in mobile

I agree with you! It won't be a good fit for mobiles to have side-by-side columns to compare. The stacked table approach works really well on mobiles:
Dipak's user avatar
  • 16.2k
3 votes

Does any research/study exist on what makes an interactive document better from a user experience perspective?

Don Norman attempted to do a multimedia version for three of his books a while ago. From what I know, the experiment wasn't a success, you can probably find more about it online. He also talks about ...
Ovidiu Berdila's user avatar
3 votes
Accepted

Page layout - authoritative research into natural flow of text, tables and images

There's no single way people look at a page. What you're asking is kind of like "what is the best car". It depends. If you're looking for a specific case, try finding some eye tracking heatmaps ...
PixelSnader's user avatar
  • 8,331
3 votes

Page layout - authoritative research into natural flow of text, tables and images

The reason you have been unsuccessful is probably because the research that is out there indicates that there is no universal flow. People's eyes jump all over the page. It all depends upon what ...
Ralph Marchant's user avatar
3 votes

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

I believe people stopped scanning Banner a while ago. They are either cosmetic or they are for ads. You would have better chance by having a little warning icon and the message at the beginning of ...
Leths's user avatar
  • 1,987
3 votes
Accepted

How to best improve information density for long, complex forms?

Try being explicit about the dependencies and order, both within the tabs (which are stepped sections) and within the tab content (the current portion of the total forms). If I understand you ...
Mike M's user avatar
  • 24.7k
3 votes
Accepted

How much space should filters take on left side of page

300px is a good choice. Depending on the font-size and letter-spacing, you may need slightly more or less. A width between 20% and 40% is usually the best choice for a single sidebar and if you're ...
Ren's user avatar
  • 3,196
3 votes
Accepted

What layout for a nearly empty web app?

This might be a non-problem. The objective of your tool is for the user to download a spreadsheet, so the easier it is for them to do so, the better. No additional bells and whistles are needed. In ...
Nicolas's user avatar
  • 5,608
3 votes
Accepted

Why does Amazon NOT fill the entire page width with products

"Why was this made" is usually impossible to answer without asking the original decision maker(s). The only thing we can answer is "What effect does this decision have?" As pointed ...
Leo Wattenberg's user avatar

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