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

376 点作者 mmillin将近 3 年前

55 条评论

titzer将近 3 年前

By this point in humanity's development, their brains had developed the ability to automatically block the parts of reality screaming for their attention, results of an economic system based on coercive consumption. Attention grabbers bifurcated into subtle, nefarious actors intent on slipping past in-brain ad-blocking and the shouters, turning up the volume and animations to make ads impossible to not see. People were subtly crippled, partially blind, now. Yet it was, after all, the mind's defense mechanism against an increasingly hostile environment trying to rob it of its most precise resource: attention.That was, of course, until they banned psychic violence in the "Goddamn, get out of my brain" amendment in the late 21st century.

评论 #32015505 未加载

评论 #32013745 未加载

评论 #32014956 未加载

评论 #32014050 未加载

评论 #32014521 未加载

评论 #32014729 未加载

评论 #32014265 未加载

评论 #32014824 未加载

评论 #32015528 未加载

macksd将近 3 年前

The explanations like banner blindness, etc. make sense to me, but I think there's still a problem in our society or species in general that people simply do not read things thoroughly. And when confronted with a problem, instead of going back and reading things thoroughly, they blame someone else.How many of us software engineers have had this exact experience: Someone runs into an issue with your software that can't be papered over because of inherent complexity, and they report the problem to you. You tell them the solution, and they tell you it should be documented. You tell them it is documented, and you even tell them where. They tell you it should be more prominent.I've had this happen where the warning was in bright red, bold letters at top in a separate box that said "WARNING!" but even after I sent them the link telling them it was documented, they still didn't see it.I'm sure this banner could improved. I'm not sure the problem could have ever been avoided or solved entirely.

评论 #32014377 未加载

评论 #32014474 未加载

评论 #32014372 未加载

评论 #32014513 未加载

评论 #32016177 未加载

评论 #32015865 未加载

评论 #32017238 未加载

评论 #32015931 未加载

评论 #32017217 未加载

评论 #32015152 未加载

评论 #32015938 未加载

velcrovan将近 3 年前

“‘There is a game of puzzles,’ he resumed, ‘which is played upon a map. One party playing requires another to find a given word — the name of town, river, state or empire — any word, in short, upon the motley and perplexed surface of the chart. A novice in the game generally seeks to embarrass his opponents by giving them the most minutely lettered names; but the adept selects such words as stretch, in large characters, from one end of the chart to the other. These, like the over-largely lettered signs and placards of the street, escape observation by dint of being excessively obvious; and here the physical oversight is precisely analogous with the moral inapprehension by which the intellect suffers to pass unnoticed those considerations which are too obtrusively and too palpably self-evident.’”—From “The Purloined Letter” (1845) by Edgar Allen Poe

dash2将近 3 年前

"If Effrafax had painted the mountain pink and erected a cheap and simple Somebody Else’s Problem field on it, then people would have walked past the mountain, round it, even over it, and simply never have noticed that the thing was there." - the incomparable Douglas Adams

phendrenad2将近 3 年前

I recently bought something from a big box electronics store, via their website, to be picked up in-store. I walked right past a large human-sized sign directing customers to go to the outdoor pickup area for mobile pickup orders. I didn't even see it. Kinda shocked me actually. (When I got to the counter, the sales clerk had an exasperated, ive-said-this-100-times-today tone in his voice when they said "pickup is outside").So, what happened? I was focused on other things. I was trying to not be hit by vehicles while crossing the street. I was trying to aim my body at the doors. I was trying to avoid bumping into other pedestrians. I was trying to prepare my mobile pickup order in the app.What could have been done differently? You need to get these things right the first time. Once the user is in a mindset where they know where to go, signs to the contrary won't be noticed. The store's app told me to go to the counter, so I went. If the app had initially showed me a message like "Oh, at this location we do things differently, pickup is always outside" I think that would have worked.The design principle is: You need to get in front of the user's eyes somehow. A brightly-colored banner isn't going to stop a user who's used to tuning out banners. Banners are where websites put ads and beg for donations. If you want a user to see pertinent information, you need to put it EXACTLY where the user will look. Make the page show half of the D&D role playing info, and make them click a button to expand the rest (coincidentally the button says "This is homebrew content, hidden so you notice this, this feature can be disabled with a checkbox at the top of the page")

评论 #32017737 未加载

评论 #32016819 未加载

jmull将近 3 年前

I think the issue is a little more general than just banner blindness (which typically refers to ignoring banner ads).The page is chock full of distracting elements that have nothing to do with the content the user is looking for. The only way to read it is to mentally progressively block out the useless stuff. That banner fades easily and is probably one of the first things to go.Also, they think of the banner as a clear contrasting color, but it's mostly a background image with a graphical, stylized text overlay that blends on to it. It's camouflage really, not prominent at all.But I don't think graphical design should be a core competency of a good D&D resource center. There's almost some cred in their bafflement about why this doesn't work.I say put an [Unofficial] badge, with a distinct style and color next to each link and title. It will be on the content the users see.

评论 #32016305 未加载

评论 #32016386 未加载

dgorges将近 3 年前

The original post and the accepted answer is from August 2018. Banners are still the same, they didn't change anything.

评论 #32013883 未加载

egypturnash将近 3 年前

Followup question: why has this not been changed, this question is three years old and yet the wiki under discussion still has the exact same homebrew banners that blend into the page's frame and have the "hey this is not official D&D content" part way over on the right, away from the natural eye-scanning flow.

评论 #32015562 未加载

评论 #32015868 未加载

评论 #32017799 未加载

thejosh将近 3 年前

I thought this was a joke about the large banner at the top of the SO page. <a href="https://i.imgur.com/nIrgPJi.png" rel="nofollow">https://i.imgur.com/nIrgPJi.png</a>

评论 #32014172 未加载

FranticFervor将近 3 年前

Italics is a poor choice for the text, feels like it takes more mental energy to read so it's easier to gloss over.The color scheme doesn't seem to match the rest of the website, so it's easier to write off as an ad or to just ignore it out of disgust.The main text on the left, "Homebrew Page", doesn't necessarily register as synonymous with "Unofficial" to me, so even if someone gives it a passing glance they might just assume it's a specific version of D&D and therefore official. I'm not deep in the community though, so most players may already understand what it means.

评论 #32013897 未加载

评论 #32014613 未加载

nevinera将近 3 年前

We've been trained to ignore enormous, prominent, clear and contrasting things by decades on the internet.

评论 #32013732 未加载

morpheuskafka将近 3 年前

Since the rest of the site uses the standard MediaWiki theme, I would have expected something that looks similar to the page banners used on Wikipedia (cleanup needed, requested deletion, etc.).At first I didn't think there was any good reason not to notice their banner, but the more I look at it, it does look a lot like a banner ad. Especially since it goes wider than the text of the page itself.

评论 #32017258 未加载

YurgenJurgensen将近 3 年前

I have a lot of YouTube videos on as background noise when doing chores. Mostly of the vaguely-informative entertainment variety. These have ubiquitous sponsor messages, usually for the same few companies. (PCBWay sponsors basically every electronics YouTuber out there, and NordVPN & Audible probably sponsor everyone else).Normally I'd just skip straight past the sponsor message (and YouTube's new 'most replayed' feature enables this pretty effectively, as these videos all have a massive spike where the sponsored message ends), but if I'm doing chores I can't and am actually forced to listen to the ad. I have found that I've tuned in to the subtle changes in tone of voice between "content" and "ad", to the point where I don't even hear the messages any more; they're just a void in my short-term memory.

评论 #32056040 未加载

pvaldes将近 3 年前

My bet would be for the background of a violet starred sky, that reminds advertisement for esoteric and new age related products. As view tend to go towards the deeper part of a scene, this moves the eye away from the message.Unicorn colored Galaxies could work if you are the NASA, probably not so great in other cases.

kwhitefoot将近 3 年前

Put the information you want people to read in the body of the information that they are already reading. No one looks all that gubbins that surrounds the meat of a web page any more than people look at or care about street furniture.And, anyway what is the real distinction between official and homebrew? Is that like Organic and Homemade in a supermarket? A distinction that is often without a meaningful difference.

评论 #32013578 未加载

评论 #32014264 未加载

评论 #32014158 未加载

ignoramous将近 3 年前

Heh.One of the comments on an answer complete with a nice redesigned mock goes: This is really good, but I'd drop the word "PAGE" that isn't adding anything and have it just say "HOMEBREW" to focus on the detail that matters.Reminded me of Just remove the duck (2013), <a href="https://news.ycombinator.com/item?id=9137736" rel="nofollow">https://news.ycombinator.com/item?id=9137736</a>

Oarch将近 3 年前

It looks too much like a visual design element. We've become trained to see and not see certain visual patterns.An example of a notification style that's more likely to be noticed: <a href="https://carbondesignsystem.com/components/notification/usage/" rel="nofollow">https://carbondesignsystem.com/components/notification/usage...</a>

worewood将近 3 年前

Should have done a clear banner, with maybe a red or yellow border, and an icon. Preferably inside the content area, just like Wikipedia does on disputed articles or current events.His banner has stylized fonts, a photo as a background, and as such looks like an ad or something decorative.

评论 #32013922 未加载

6yyyyyy将近 3 年前

I've been using ad blockers for so long, sometimes I forget that the web even has ads.A while ago I sent a friend a link to something I found online, not realizing it was full of porn ads and scam ads. I had to convince him to get off the phone with "Microsoft".

评论 #32018345 未加载

chris-laffra将近 3 年前

The first thing I saw when I visited the stackexchange link in this post, was a huge banner at the top of the page, which really confused me as it led me to think that this post was a clever and sarcastic meta-joke of some kind.

MisterTea将近 3 年前

Because the color contrast of the site makes that banner shrink into the softer background. The sharp color scheme of black with bright pink combined with the font is so garish my eyes divert from it. I also think putting that text off to the far upper right on a page designed for left to right, top to bottom English readers means that text is in no mans land. On a wide screen readers eyes will move to the left and down to navigate.It feels that your attempt to make the banner "pop" had an opposite effect. You need to completely rethink the design of the banner in terms of color, placement, and text.

duxup将近 3 年前

I once worked at a company where technical support teams occasionally failed to follow a procedure listed in the CRM application.They were human, it happens.But that was beyond the ability of one manager to understand.His response was to put in a request to have the procedure… blink with a blink tag…(he knew some html).The procedures were sometimes multiple pages, and he wanted them to blink…The guy who managed the CRM told him the blink tag was deprecated and would “crash the CRM”.He later told me that of course a little JavaScript could do it but “I couldn’t do that to other humans.”

Gordonjcp将近 3 年前

I am about 1.85m tall and about 100kg. I don't disappear like a sheet of paper when you see me from the side, and I'm pretty noticeable from the front and back. Often, I'm wearing a bright fluorescent orange waterproof jacket. People walk entirely the fuck into me all the the time. Not even on their phones or anything, and not "glancing-shoulder-bump" but full on walk-straight-into-guy-standing-there.My daily driver is a big noisy old Range Rover. Okay, dark blue is maybe not the most in-yer-face colour, but it's quite loud and it's easy to tell when you're near it. People walk out in front of me, all the time, or pull out in front of me or hop their bike off the kerb in front of me, all the time.My occasional work Landrover Defender - I don't often drive it, I've already got a tremendously capable off-roader, but sometimes I need to use the big roof rack or we need two 4x4s for a job - is literally Fire Engine Red, covered in red and yellow high-vis, and has big blue strobes on it (that we normally don't use). People walk out in front of it, pull out in front of it, hop their bikes off the kerb in front of it... did you guess "all the time"? Right, I knew you would!The more visible you are the harder you are to see. I don't know why.

Sevii将近 3 年前

Banners waste people’s time because they are not content. People subconsciously ignore them to save time.

abruzzi将近 3 年前

I have a really hard time with motion--my brain is unable to block it. I've become very frustrated with, for example, news sites that instad of text and still images, have started showing animated clips or short videos. I've tried a firefox extension that is supposed to stop everything, but it doesn't work terribly well. I use "reader view" extensively, but it doesn't always work.(Incidentally, I have the same issue in real life when I go to a restaurant with a TV, so I intentially sit with my back to the TV.)

ricardobayes将近 3 年前

Banner blindness is real

评论 #32013489 未加载

sudden_dystopia将近 3 年前

It looks like a title header or something, I probably wouldn’t read it either. Too high up and to the right. Needs to be centered and closer to the reading material.

throw1234651234将近 3 年前

What banner? Could you post a link to a page with your banner?

评论 #32013538 未加载

评论 #32013495 未加载

评论 #32013508 未加载

评论 #32013720 未加载

评论 #32013828 未加载

jhoelzel将近 3 年前

i dont think its really banner blindness, but rather the more general fact that i learned that most sites use these "areas" on the page either for advertisements, or kewl banners, none of which i actually am interested when reading the content of the page.I never have found any answer to any question in that particiular area. The colors also make me pay even less attention, and if you really wanted me to notice it, it would have been red text :D

AnonC将近 3 年前

Tangentially, I find it funny that the answer to this states banner blindness on a site (and set of sites, i.e., StackExchange) that usually takes nearly half the screen on desktop with a useless banner that everyone just ignores and scrolls through. StackExchange could learn a thing or two about UX from ux.stackexchange.On topic, most people just don’t read on web pages and emails! They expect to be spoon fed in tweet increments through short messages.

bearmode将近 3 年前

Personally I missed it because it looks like a shitty ad banner. I just mentally filter those out. The explanations make absolute sense to me.

dusted将近 3 年前

Reading the first parts, I thought "oh, he's just pissed that he has to do something actually smart to get people to notice" like a childish refusal to ignore the obvious.. Nobody has looked at a banner since the late 90s.It's surprising and interesting that he didn't understand it himself, after reading his own post, it should have clicked.

pclmulqdq将近 3 年前

I have enjoyed D&D wiki before, and I admit that I have also missed the huge banner. Usually, I will read a page, get halfway down to the place where the rules get crazy, and then scroll up to the top to check if it's a homebrew. The banner is completely invisible!

Havoc将近 3 年前

Because it looks like an ad banner

评论 #32013936 未加载

mirekrusin将近 3 年前

"Under the Radar" by J. Bond & R. Kirshenbaum was a good one on this topic – summary: people develop protective "radar" for ads and it explores ideas how to communicate effectively while taking it under account.

headsoup将近 3 年前

To me it's quite simple. It's colour scheme does not indicate 'warning/NOTE.' I just looks like a happy themed title page.Make the text red, or put NOTE/Important! in bright, bold text etc and it'll get noticed.

lawn将近 3 年前

A lot of people are saying it's because it looks like an ad, and I agree, but my first thought was that it just looked like an ugly banner with the page title or something.Maybe I've been conditioned by poorly designed webpages.

larodi将近 3 年前

It’s very easy. Some people don’t know English so we’ll or internet slang to understand what homebrew pages are all about :) no offense to these ppl, just the site audience is perhaps really diverse.

WesleyHale将近 3 年前

Typically elements that don't match the page theme are advertisements, and unless it was pointed out in this article, my brain would probably filter it out as noise believing it to be an ad.

spicyusername将近 3 年前

We've all been trained to ignore ads and that banner is prominently where an ad would be.I like the suggestions that recommend slightly modifying the rest of the pages theme and adding text to the page title.

SomeHacker44将近 3 年前

Needs (2018) in the title.

评论 #32014175 未加载

spaceman_2020将近 3 年前

The banner is positioned where the navbar is usually found on most websites. That's an area people tend to ignore unless they actually need to, you know, navigate.

izzydata将近 3 年前

I think it is because it looks too much like an Ad. It is so different than the surrounding content that I assume it is not part of the pages design and thus ignore it.

sowbug将近 3 年前

This is a variant of an XY Problem. The original question was, to paraphrase, why the website sucks. One answer given was that the site (a game wiki) had too much unofficial content compared to official content. Now the question becomes why an official/unofficial annotation on each page isn't working.I don't play the game, and until today I have never visited the site. But I doubt that the solution being discussed will have any material effect on the original problem.<a href="https://en.wikipedia.org/wiki/XY_problem" rel="nofollow">https://en.wikipedia.org/wiki/XY_problem</a>

评论 #32014274 未加载

mmcgaha将近 3 年前

I do the same thing with email. When people put a short sentence or something at the bottom of an email I often ignore it because it looks like a signature.

chimeracoder将近 3 年前

Amusingly, this post is from 2018, and despite all the helpful (and correct) advice, they are still using the old, ineffective banner today in 2022.

评论 #32025103 未加载

jimmaswell将近 3 年前

Doesn't look like an ad to me, but it does look like a random fluff quote display or something as opposed to important information.

darepublic将近 3 年前

The banner is not accessible, white on pinkish hues is hard to read. Product would want a full page popup to inform you its homebrew

fomine3将近 3 年前

The font is hard to read for me. It's interesting that the banner is still there.

jjmorrison将近 3 年前

Funny to also realize you are not noticing the giant banner on Stackexchange :)

_Algernon_将近 3 年前

My first thought seeing that was "ad". Not surprising really.

beardedman将近 3 年前

Same reason people don't notice disruptive advertising anymore.

someweirdperson将近 3 年前

Why did my add-blocker not remove that... scroll 2 clicks...

评论 #32019403 未加载

Fargoan将近 3 年前

The websites look nearly identical to me

fundad将近 3 年前

Because it’s a banner