it-swarm.cn

人们为什么不注意到我们那幅巨大,突出,清晰和对比鲜明的紫色横幅?

我隶属于MediaWiki网站 D&D Wiki在其他中,我们长期以来遇到的问题之一是,我们未能足够清晰地标记某些页面被归类为“自制”,而不是“官方'。

因此,我们提出了一个解决方案,其中所有非“官方”页面都标有 可爱的自制横幅 。与该网站的浅色,乳白色相比,该页面范围内大胆地显示着醒目的黑色/深紫色/红色横幅,并带有黑色边框的白色文本,该文本在很大程度上清晰地显示了“自制页”字样,以及其他内容次要说明。

官方页面自制页面 具有不同的配色方案,不同的字体,不同的文本大小,不同的表格布局,不同的标题方案,尤其是 不同的横幅 宣布它的“官方内容”乍一看明显不同。

但是,从reddit到我们的聊天,再到stackexchange本身,我都听到过很多次了,我引述道:“ 自制啤酒的旗帜尽管是鲜紫色,但还是很难被注意到。 “。人们仍然以某种方式将这两种类别的页面混在一起?

我自称无法理解这种情况。我们是否超越了人类的感知?我们是否使它如此引人注目,如此明显。以至于无法从内部看到它;就像人类本身不知道周围的整个宇宙一样?

我们如何使人们真正注意到我们的旗帜?还是有更好的方法来告知人们所看到内容的自制性质?这些盲人都是怪胎,还是我疯了?

enter image description here

编辑:感谢所有的关注和有益的答复!对于那些感兴趣的人,我们可以在以后的讨论中找到 在网站上,这里

219
user2979044

这种现象称为 横幅失明 。您的标签看起来像横幅广告,因此被下意识地跳过。如果用户以前的经验告诉他们内容始终包含无关紧要的内容,则他们有条件忽略全部内容。标语试图吸引的注意力越多,它就会被忽略的越多。如果您希望人们注意到“自制”或“官方”之类的标签,则需要将其放置在用户自然扫描的地方。

您可以考虑将其放在页面标题旁边。您可能还需要使用警报图标,因为如果稀疏使用它们,用户往往不会忽略它们。最好与其余配色方案形成对比色。

571
Wanda

标语很漂亮,但是样式与页面的其余部分不匹配。您知道互联网上无处不在的图形样式是什么吗? 广告

正如其他人所说的那样,问题在于用户没有将其视为内容的一部分。它似乎是广告,因此他们跳过了它。

我认为要采取的关键措施是将其与页面的其余部分进行深度集成。使其成为内容的一部分,最重要的是使样式合适,以免显得多余。

另外, 有一个看起来像广告的XKCD带

260
Rad80

这是设计。从视觉上看,它不是网站或页面的一部分。这是一个内容广场,在视觉上不属于该网站,这表明它是对用户的广告。

将横幅广告设计为可视化网站的一部分。

最简单的方法是从周围的设计中进行设计。这使其在视觉上成为网站的一部分。下面是一个例子。

在这里,您可以看到紫色横幅被移除时的吸引力:

enter image description here

这是被设计为网站一部分的标语示例:

enter image description here

116
moot

如前所述,横幅引起的横幅失明不是尽管,而是因为它是如此巨大,突出,清晰和对比鲜明的紫色。而且,它在内容上方的位置使其易于忽略。读者从标题开始阅读。上面的任何内容都容易被忽略。

可能的解决方案:

  • 就像使用SRD材料一样,将所有“自制”内容放入一个自己的Wiki名称空间。这样,所有自制软件文章的标题都会显示为“ 5e Homebrew:ArticleTitle”,就像官方资料中的“ 5e SRD:ArticleTitle”一样。
  • 将标语告诉用户正在阅读的内容在标题下方。不要使用图像。使用使用常规MediaWiki标记语法的模板框,以便将其更好地融合到网站设计中。您可以使用 来自Wikipedia的模板 作为示例,例如“本文需要工作”或“本文的中立性有争议”。 Wikipedians认为在可见度与不可见度之间存在相当不错的平衡,从而导致横幅盲。
  • 创建两个完全独立的Wiki,一个用于自制,另一个用于官方资料。给他们提供不同的名称和徽标。
57
Philipp

如果您在Wikipedia上看到的横幅广告在功能上与您的横幅广告没有什么不同(本文需要改进) ,您会发现存在许多设计差异。即:

  • 标语是文章的一部分,直接放在文章标题的
  • 标语不如文章宽,它居中,但比文章文字小。
  • 它具有中性色,与页面的其余部分匹配,但是有一个对比鲜明的图标吸引了人们的注意。
  • 标语中的文本是非标准的,带有粗体和斜体部分以及各种蓝色链接。

所有这些使横幅广告不易丢失且易于解析。如果您打开该页面,您会立即注意到它,很容易猜出它试图告诉您什么。
将其应用于您的横幅,我将在横幅的边缘与文章的边缘之间创建一个填充区域。现在,它看起来像任务栏,窗口菜单或广告横幅,除非您正在寻找,否则可以忽略一些东西。我放弃了对比鲜明的背景色,选择了一个带有纯文本背景上的文本的图标来传达其意图。如果您觉得横幅广告没有引起足够的重视,可以尝试更改其位置,尝试使用它,以及更改文本格式。您可以添加指向页面的链接,其中包含更完整的说明,甚至可以使homebrew paged&d wiki 胆大。

另外,如果您足够勇敢,则可以尝试更改文章的字体。我认为,对于D&D Wiki之类的东西,您可以使用手写样式的字体(仍然清晰易读)来编写用户撰写的文章。它清楚地将用户文章与官方文章区分开,并且由于形式/非正式冲突,可能会以这种方式传达意图。这样,它将变得更像是用户在主题上的“注释”,而不是文章。

29
kevin

enter image description here

我可以建议尝试 Github功能区

这是非常明显的,并且不会影响其余内容。

为不同颜色的“官方”和“自制”丝带。

15
icc97

您说您有不同的颜色,字体等,但是总的来说页面看起来非常相似。大页面具有很大的视觉噪音,以至于如果仍然是相似的布局(侧边栏,3列,相同的主徽标),仅仅更改字体是不够的。唯一一眼就可以注意到的是背景和米色/白色与其他米色和棕色的色彩非常接近,因此用户不会真正感觉到背景互换。

正如其他人提到的那样,人们倾向于忽略标语,因为它们通常是广告。

我建议将整个调色板从米色更改为紫色(不亮,更像柔和的淡紫色),并可能将左上角的Wiki徽标略微更改为其他颜色,并在下方添加“自制”标语。我会在两个站点上都使用相同的字体,以使两者之间保持一定的一致性。

enter image description hereenter image description here

8
PixelSnader

官方页面自制页面 具有不同的配色方案,不同的字体,不同的文本大小,不同的表格布局,不同的标题方案,尤其是 不同的横幅 宣布它的“官方内容”乍一看明显不同。

...

我们如何使人们真正注意到我们的旗帜?还是有更好的方法来告知人们所看到内容的自制性质?

我跟踪了一个从问题到带有自制横幅的页面的链接,然后尝试找到一个官方页面来对比样式。我发现的第一个是 https://www.dandwiki.com/wiki/3e_SRD:Multiclass_Characters 。现在,也许我是一个盲目的怪胎1个,但在此页面上看不到其他横幅,也看不到其他配色方案。文本样式是不同的,但是除非您通过一个介绍如何阅读差异的教程来引导网站的所有用户,否则就没有什么意义了。

考虑对配色方案进行更大幅度的更改,或者(我个人偏爱)超越配色方案来更改背景。在背景上模糊的重复水印不会像横幅广告(在任何位置,任何大小)一样触发忽略的本能,并且不会被滚动跳过。


1个 我当然会解决其中两个问题。

6
Peter Taylor

我会说这个问题是双重的。我认为最重要的是,问题在于该网站被标记为Wiki,并且向访问者传达了其意图。因此,人们更有可能认为此站点上的任何信息都将引用《巫师海岸》 D&D材料中的现有信息。 Wiki并不是真正的粉丝制作内容的地方。例如,您不太可能在以“星际迷航”为主题的Wiki网站上找到粉丝内容。

另一个问题是,正如其他人回答的那样,屏幕顶部的自制通知栏位于主要为广告保留的位置。该网站其他部分的颜色不协调会导致人们避开视线,因为他们不在乎查看自己解释为广告的内容。

6
Fluffy Gryphon

我相信人们不久前已停止扫描Banner。它们要么是化妆品,要么是用于广告。

在本节开始时带有一些警告图标和消息,或者类似的方式,您将有更好的机会。

这样,用户将开始阅读内容并注意图标+文本。

TL; DR:人们下意识地绕过横幅

3
Leths

老实说,过去我无数次浏览过D&DWiki自制页面,这是我第一次真正注意到该标语。我的意思是,我知道我以前看过它,但是它始终注册为横幅广告,而不是页面本身的一部分,因此我始终忽略它。

3
MalignantMind

我发现您网站的某些用户忽略自制横幅的一些可能原因:

  1. 横幅的紫色部分在网站的阅读流程之外。在列式布局中,第二列和第三列自然留待最后阅读。紫色部分感觉像横幅中的第二列。黑色部分很好地流入了网站内容。感觉是第一个文本列的一部分,将用户推向内容。当用户从一列的底部转到下一列的顶部时,他或她会停在水平线中。标语的颜色差异和跨越列之间的间隙的警告文本也充当额外的虚拟水平规则。简而言之,标语的深色部分直接导致内容,而水平规则阻止用户返回标语。

  2. 对比度引起注意。最大的对比是在横幅的左侧,并引导用户开始阅读书本。

  3. 太多文本无法理解意思。人们必须阅读横幅中的详细说明才能理解您的意思。也许您不需要横幅,只需要一个简单而较小的标题文本,例如“ NOFICIAL CONTENT:此页面是由用户(...)创建的”。关键位置小的,直接,清晰的表达方式有更多机会吸引用户的注意。

  4. 标语上的警告与“自制”的含义相抵触。这有助于我们的潜意识将其过滤掉。自制饮料通常是由房主制作的特殊手工制作的产品。所有者是网站管理员。因此,它传达了来自网站站长特殊内容部分的感觉。因此正式。与警告状态完全相反。

  5. 正如其他人所说,看起来像是广告横幅,并且配色方案与网站不匹配。

0
Lucas

这里的一些答案太复杂了(这是“专家专家在解决专家问题”现象:一群顶尖专家“甚至不用指出”明显的问题!)

我会谦虚地解释

两个非常明显的问题:

  1. 图像类型不可读。这是图形设计的最基本要点之一。您在图像上输入文字,因此完全不可读。

  2. 右侧的类型周围有“边框”。这是完全不可读的。同样,这是图形设计中的一个非常基本的问题。

老实说就是这么简单。

0
Fattie

人们非常擅长忽略导致目标无法实现的事情(在这种情况下,可能是“想要阅读有关D&D的内容”)。

这个横幅/通知/提示看起来会让我了解Snarky Silver Dragon的统计信息吗?否→忽略。

这是在没有人意识到的情况下下意识地发生的(我们进行了眼动追踪测试,结果表明他们瞥了一眼事情,当人们问起问题时人们完全不知道该元素),因此,如果您想稍微提高一点(让我们设定一个现实的目标)人们注意到此消息,这里有一些想法:

  • 让人们慢下来-可能会覆盖警报和需要单击的按钮(“是的,我接受此页面未描述D&D Canon。”)
  • 进一步降低它们的速度(添加一个“我接受那个”复选框,然后才能隐藏该叠加层)
  • 使其成为内容的一部分,以使其看起来像是一件在后面的事情(也许放在标题下),并使它看起来更类似于内容(“免责声明:此页是自制的,它没有描述D&D Canon 。”)-可能与段落文本相同,但是带有边框和感叹号图标?
  • 将有关这是自制软件的信息放到他们已经慢下来并思考的地方-我的想法是在链接上执行此操作。例如,佳能链接将是普通的,但到自制页面的链接都将带有“(Homebrew)”,也许还添加了一些图标?而且它们可以有不同的颜色吗?还有一个“?”可以解释鼠标悬停时自制的工具提示?
0
Tomáš Kafka

其他人对此有感触,但是:横幅在美学上令人愉悦的事实表明它在那里在美学上令人愉悦。设计的基本概念是,如果您想弄清楚有什么东西可以做X,那么就应该做到这一点,使其只能做X。绿色,我可能会问“这是干什么的”,请注意这是一扇门。如果有一个上面贴有漂亮宇宙图像的矩形补丁,则可能需要花费我更多的时间才能证明它是一扇门,而不仅仅是一幅画。如果人们看到没有明显目的的东西,那么他们会想知道它的用途是什么。将目标分配给某物后,人们往往不会无所事事地想知道他们是否还缺少其他目标。

戏剧性的图像还使注意力从文本移开,并且如果人们确实注意到它,将使阅读变得更加困难。整个页面具有独特的边框和/或不同的字体会更有效。

0
Acccumulation