这就是为什么我们已经为网页设计图像创建了可用性指南。由于在网站中嵌入图像是非常容易的(甚至创建自己的图像的过程也非常容易)，所以大多数网站都充满了它们。

关于如何从不同的角度处理网站上的杭州网站建设第一品牌:Web设计人员图像可用性指南，有一些很好的例子，但是大多数网站没有展示正面的例子。虽然这对一个设计来说并不是完全危险的，但它可能会减少你的销售机会，如果你有一个呼叫行动页面，或创造良好的阅读流量的机会。

这更多的是一个细节的问题，而不是一个重要的原则，但处理图像应该是设计师更好地理解和应用。

网页可用性专家雅各布·尼尔森(JakobNielsen)和他的公司NN/g一起进行了一项眼睛追踪研究，并在他们的网站上发表了一篇文章，标题为照片作为网络内容。他们的结论让设计行业大吃一惊，并对专家们在这项研究完成之前无法回答的杭州网站建设第一品牌问题给出了很好的答案。

用户会密切关注照片和其他包含相关信息的杭州网站建设第一品牌:Web设计人员图像可用性指南，但忽略了用来“整理”网页的蓬松杭州网站建设第一品牌:Web设计人员图像可用性指南。-雅各布·尼尔森(JakobNielsen)。

的确，用户希望在网站上看到照片，但他们希望它们是相关的。他们更喜欢没有视觉图像的网页，而不是有很多照片的网页。

根据这项研究，在网站上使用杭州网站建设第一品牌:Web设计人员图像可用性指南的关键是基于以下几个基本想法：

• 图像基础-大小，组成，质量和曝光是四件重要的事情来寻找一个好的形象。人们实际上是在寻找图像的质量，即使是对比也会产生巨大的差异。
• Effectiveness – if the picture creates excitement or interest, then it works. It is down to three characteristics:
  • 情感吸引力-杭州网站建设第一品牌:Web设计人员图像可用性指南中的产品是否看起来很好，并使用户想要它？
  • 合理的吸引力-形象是否显示了产品的好处？
  • 品牌吸引力-杭州网站建设第一品牌:Web设计人员图像可用性指南符合你的品牌吗？
• 传送的信息-这是关于图像发送正确的信息给网站的读者。
• 预期的用户反应-这是有点难以付诸实施，但其背后的基本思想是，杭州网站建设第一品牌:Web设计人员图像可用性指南应该有助于决策，并创造了对产品的愿望。我们稍后再谈这个问题。

纯粹的装饰性图像往往会被我们的大脑无意识地忽视。就像雷达一样，如果图像只是作为填充物，大脑就会忽略它们。这项研究得出的结论是，真实人物或真实产品的杭州网站建设第一品牌:Web设计人员图像可用性指南和图像会自动归类为重要的类别，并将由人脑详细研究。如果你有一个个人博客，人们宁愿看到你的脸，也不愿看到你的画或漫画。他们想看到与他们沟通的人的脸，这是一个信任和联系的问题。

如果你拥有一家公司，花点时间讨论一下背后的人-使用图像是一个非常好的主意。它让一家不露面的公司有了个人的感觉，人们对此深恶痛绝。人们实际上想知道(或者至少是)公司背后的人。如果你负担得起，投资一位优秀的摄影师，尽量远离股票杭州网站建设第一品牌:Web设计人员图像可用性指南(尤其是与你的内容无关的股票照片)。这可能要花几块钱，但它会给你的公司网站带来很大的价值。

几个眼睛跟踪研究表明，你的产品图像越详细，你会有更好的结果。是的，一个大的平板电视的工作室杭州网站建设第一品牌:Web设计人员图像可用性指南工作得很好，但对你来说还好吗？人们想看细节，给他们看！

质量和相关性

下面我将给你们展示一些不同研究的结果。您将看到几个网站标记的热区。红色区域表示用户的眼睛主要集中在哪里，杭州网站建设第一品牌而蓝色区域则正好相反，表示什么是被忽略的，或者是对访问者关闭的。

除了这是一个令人难以置信的过时的设计，你可以清楚地看到，没有一个热区在图像上。这是因为所有嵌入在他们的网页中的杭州网站建设第一品牌:Web设计人员图像可用性指南都是纯粹的填充物。如果他们使用相关的杭州网站建设第一品牌:Web设计人员图像可用性指南，热区可能会有一点不同，但就目前而言，它显示了他们的网站上有多少浪费空间图像的现象。

另一个很好的例子如下所示。“纽约杂志”的餐厅部分也是目视跟踪研究的一部分，它显示，即使全球知名的厨师出现在杭州网站建设第一品牌:Web设计人员图像可用性指南中，质量仍然很重要。因此，即使杭州网站建设第一品牌:Web设计人员图像可用性指南有一定的相关性，低对比度和小尺寸的图像也会被忽略。图像质量同样重要的是所使用的图像的相关性。必须做到平衡，质量和相关性是两项指导原则。

几年前，雅各布·尼尔森(JakobNielsen)和卡拉·佩尼斯(KaraPer尼斯)写了一篇题为上面的杭州网站建设第一品牌:Web设计人员图像可用性指南是由佩赫普特和发表这项研究的令人惊讶的头脑提供的。感谢您的出色工作！

没有多少设计师拥有心理学学位，因此我们中很少有人知道人脑是如何工作的。同样的眼睛跟踪研究表明，我们的焦点很容易受到图像的影响和改变。我们谈论的显然是高质量的，相关的图像，而不是填充物。在一项名为“你看他们所看的地方”的研究中，詹姆斯·布雷兹展示了杭州网站建设第一品牌:Web设计人员图像可用性指南与网站流量的关系。

他以婴儿尿布制造商的网站为例，对106人进行了眼睛追踪研究。正如你在下面的两张杭州网站建设第一品牌:Web设计人员图像可用性指南中所看到的，当婴儿面对来访者时，大多数人都倾向于看着他的脸。包括“可爱，甜蜜和小南瓜”在内的言论可能很受欢迎。

然而，当相同的广告，同样的文字，同一个婴儿，但在一个不同的位置是一个106人，结果显然更好。人们不仅主要关注于文本，还可以看到人们越来越多地关注品牌，甚至下面的小文本，这是一种退款担保免责声明(对一家企业来说非常重要，可能是他们的卖点之一)-错过这一点真让人遗憾。

JCDecaux和Think在几年前一起工作，并提出了这项研究，证实了上面的结果：用户的眼睛确实可以被引导到演示或广告中的关键信息或元素。

因为许多广告的特点是漂亮的模型，他们往往是重点，而不是产品。模特们，不把注意力吸引到产品上，而是把注意力转移到自己身上。下面的研究显示了如何解决这个问题。

在数量上，这项研究显示出更清晰的结果。在最初的广告(左)，很少关注品牌和产品-实际上只有6%的人看它。然而，在广告再次被操纵和测试之后，更多的人看到了它。不少于84%的人在产品和品牌(甚至底部的标志)修改后看到它。这是一个14倍的观众增长，在我看来，这是一个巨大的差异。

正确的杭州网站建设第一品牌:Web设计人员图像可用性指南可以帮助设计师引导用户的眼睛。如果使用模型，请让它们面向产品形象、标识(品牌)或文本。这将提高产品的意识，并产生预期的效果。

图像需要有目的

图像不仅能引导用户的注意力，而且能在几秒钟内解释很多关于产品的信息-比文字所能描述的要好得杭州网站建设第一品牌多。Square是一个非常著名的例子，它是一款智能手机应用程序，它允许您通过手机或平板电脑使用小型设备接受信用卡支付。

正如您在上面的杭州网站建设第一品牌:Web设计人员图像可用性指南中所看到的，访问者在几秒钟内就了解了许多关于该产品的事情。看了这张照片后，他们已经知道读卡器是如何连接到设备上的，它有多大，它与什么设备一起工作(它也适用于Android，但也很难证明这一点)，如何刷卡，刷卡时显示在设备屏幕上的是什么。为了理解这些信息，许多冗长乏味的段落必须被写下来(显然是访问者会阅读)。相反，一张照片就说明了一切。这是一个经典的，辉煌的例子，有效地使用图像！

另一个很好的例子如下所示，苹果有时是如何为他们的MacBookAir产品做广告的。我们都知道它很小，很轻，很漂亮。如果你不知道，你会在一毫秒内通过看下面的极简广告得到这个想法。

信任是关键

如果你有一个网上商店，记住信任是至关重要的。没有人会在网上买针，如果他们不信任卖家。亚马逊和eBay之所以广受欢迎，是因为除了它们在全球范围内都是巨大的品牌，并提供不同的退款担保之外，它们还拥有许多不同的安全功能。购物者相信他们，他们知道，如果卖方不准备交付产品，公司将照顾它。如果你拥有一家在线商店，确保客户信任你。

这和图像有什么关系？这很简单。根据帕拉斯·乔普拉(ParasChopra)对登陆页面转化率的研究，可以通过图像实现信任。

听说这家网上商店出售巴西和加勒比的绘画，真是不可思议。只要稍为改变，他们的转换率便会增加超过95%，由8.8%增至不少于17.2%。多么，怎样他们没有展示这些画的缩略图，而是展示了制作它们的艺术家的缩略图。画的质量从来不是问题，但事实上他们不相信商店。通过简单地展示艺术家的面孔，游客们意识到他们是从像他们自己这样的真实的人那里购买的。

Chopra谈到了另一个拥有在线投资组合的用户。他用自己的照片替换了联系人图标，将转化率提高了45%，从3.7%提高到5.5%。他的结论是，游客可以立刻发现库存照片，而且往往不相信。他们与他们在网上看到的面孔建立了情感上的联系。

我想谈的最后一个技术方面是在HTML标记中提到图像的宽度和高度的必要性。这背后的理由很简单。网页总是先加载文本，然后加载图像。

但正因为如此，直到图像被完全加载，他们的位置被标记一个小的，蓝色的问号缩略图。当图像正在加载时，这个小缩略图扩展到杭州网站建设第一品牌:Web设计人员图像可用性指南的全部大小，如果用户已经开始阅读文本，就会中断读取流程。

通过扩展，缩略图还会移动用户可能关注的网站中的其他元素-这会使许多访问者发疯。

通过在HTML标记中声明图像的高度和宽度，您可以确保缩略图杭州网站建设第一品牌(它仍然存在)从一开始就会出现在杭州网站建设第一品牌:Web设计人员图像可用性指南的整幅大小上-这意味着在加载杭州网站建设第一品牌:Web设计人员图像可用性指南时，它只会填充大缩略图，而不是展开缩略图。这是一个小细节，但很好的触摸。

然而，有些人认为这是一种古老的技术，并且随着移动浏览的出现，一点也不太有效。我倾向于同意。因此，只有当您的框架具有响应性，并且不要忘记根据不同的屏幕分辨率调整图像大小时，才使用此方法。你不想要一张宽度为700像素的杭州网站建设第一品牌:Web设计人员图像可用性指南，屏幕宽为640像素。

Bottom line

如果你想拥有一个成功的网站，那么正确地使用杭州网站建设第一品牌:Web设计人员图像可用性指南是至关重要的，尤其是当你的目标是转换的时候。正如您在上面的例子中所看到的，糟糕的图像对于访问者来说是一种关闭，他们会忽略它们。然而，如果你能找到正确的杭州网站建设第一品牌:Web设计人员图像可用性指南并将它们插入正确的位置，它们就能为你创造奇迹，就像对其他人一样。

同样重要的是要记住，杭州网站建设第一品牌:Web设计人员图像可用性指南并不总是解决你网站问题的方法。有时你的网站甚至不应该有任何杭州网站建设第一品牌:Web设计人员图像可用性指南。在这件事上，测试是很重要的。在接下来的几个月里，我将为你写一篇关于A/B测试的文章，它不仅会教你如何使用它，更重要的是，它能用来做什么，你能从中得到什么。不过，在那之前，请继续关注其他关于1WD的精彩作品。

现在轮到你按钥匙了。你有其他可用性提示或问题吗？你是否遇到过与上述问题有关的问题？你是如何解决这些问题的，结果如何？我们很想听听你的消息。