菜单 关闭

照片作为Web内容

通过 雅各布·尼尔森11月1日,二千零一十

总结:用户密切关注包含相关信息的照片和其他图像,但忽略了用于“活跃”网页的蓬松图片。


我们的眼睛跟踪研究记录了用户处理方法的巨大差距网站图片

  • 有些类型的图片忽略.这是典型的情况下,大感觉良好的图像是纯粹的装饰。
  • 其他类型的图片被视为重要内容和细察.产品照片和真人照片(与模特的库存照片相反)通常属于这一类。

我花了无数的专栏来抨击第一类图片。悲哀地,许多网站仍然更热衷于炫耀,而不是达到目的。视觉的膨胀继续困扰用户:即使有高速互联网连接和次秒下载时间,用户仍然喜欢关注他们想要的信息的网站:

  • 在电子商务中,产品照片帮助用户了解产品并区分类似项目。
  • 个人网站,用户希望看到网站背后的人;作者照片,例如,是一把钥匙博客可用性指南.

为了进一步说明,让我们看看今年早些时候进行的一项眼睛跟踪研究中的几个例子。

人物照片=好(如果他们是真人)

长期以来,它一直是在线展示公司形象包括执行团队的肖像,这样用户就可以将真人和其他不知名的公司联系起来。Freshbooks.com将这一准则进一步完善,并展示了整个团队的照片:

用户查看页面上列出公司员工的凝视图(freshbooks.com)
这实际上是一个looong页面,我把它切成3段以适应这个空间。原始页面高9335像素,我们的测试用户几乎滚动到底部。如本例所示,人们有时会向下滚动很长的页面,但他们通常在页面下方分配的注意力越来越少。

在这里,用户使用再多看10%的肖像照片而不是读传记,即使BIOS消耗了316%的空间。从凝视图中可以明显看出,用户很匆忙,只是想快速了解Freshbooks团队,看照片确实比读完整的段落要快。

关键是这些真正在公司工作的人.

相反,用户忽略普通人的库存照片

用户浏览某大学应用程序网页的凝视图
我猜这张耶鲁管理学院的照片实际上是真实的学生;库存照片很少会是这样糟糕的裁剪或显示模特懒散(就像穿着蓝色衬衫的男人)。

仍然,在这一页上,照片是纯填料.用户在这里了解学校的申请流程,不要去评判学生的懒散程度。

最有可能的是系主任或其他经理要求设计师manbetx官方网站手机版“爵士乐”这样的页面使大学看起来更令人兴奋,从而吸引更多的应用。但在网络上,jazzed up=忽略.

让客户兴奋的方法是提供一种吸引人的体验,这意味着专注于满足他们的需求。这个教训同样适用于非营利组织大学,即使他们不把目标受众称为“客户”。

产品详情=良好

比较这两个例子电子商务分类页面陶器谷仓和亚马逊网站上的(按类别列出的产品画廊清单):

观看陶器谷仓和亚马逊网站分类页面的用户的凝视图
对书柜的缩略图进行了深入研究,而平板电视的缩略图则主要被忽略。事实上,在整个亚马逊页面上(此处仅显示顶部部分)。只有18%的观看时间花在了照片上,而82%的人花在了文字上。平均而言,对于每种产品,缩略图有0.9个固定点,而描述得到了4.4个固定点。

这两张截图的区别是显而易见的:电视照片对决定产品的优劣毫无帮助。坐独木舟的人对一个足球运动员?什么,因为我看足球比看水上运动多,我要买一台足球运动员的电视?

这是一个很好的例子,说明为什么复制最大网站的设计manbetx官方网站手机版.因为亚马逊的产品范围非常广泛,他们使用一种标准化的画廊布局,对许多不同的分类页面进行分类。不会针对任何单个类别进行优化。相反,陶器谷仓的产品范围更窄,所以它的分类页面有更详细的照片。

大照片=好(需要时)

在我们的测试中产品页面关于个别产品的详细信息,用户对产品照片更加关注。人们经常喜欢其他视图,并点击链接下载放大的照片。

回到2005年,“照片放大不足”在我的列表中是10十大网页设计错误manbetx官方网站手机版.也就是说,当用户单击指向更大照片的链接时,他们会得到一个比这大20%的奖励。应该是至少两倍大,最好是更多。悲哀地,这个错误在我把它列入十大名单的5年后仍然猖獗。

对,用户不喜欢那些妨碍他们完成任务的巨大照片。(以上耶鲁大学的例子显示了不该做什么。)但是当用户请求扩大,这是另一个故事:

用户从电子商务网站观看放大产品照片的凝视图
请注意,这张来自extremetech.com的面板特写照片吸引了12个固定点。(此处显示的是原始714x868像素的50%)。

信息承载图像=良好

所有这些例子(以及我们其他研究中的数千个)的共同点是用户注意携带信息的图像显示与手头任务相关的内容。和用户忽略纯装饰图像这不会向页面添加真正的内容。太多的绒毛-其中有太多已经在网上。

投资于好的照片拍摄:一个优秀的摄影师可以为你的网站增加商业价值。