如何在网站中有效使用图片

Trevin是WebFX业务开发的高级总监。他参与了450多个营销活动,并在20多年的时间里创建了网站。他的作品被搜索引擎之地,今日美国,快速公司和公司推荐。

许多网络专业人士宣扬包含图像的重要性在网站的设计和内容中。视觉吸引力很重要。然而,你不能只使用任何想象并期望它创造奇迹。

让我来讨论一下当你在你的网站上使用图片时要记住的一些想法。

有目的地使用图像

有时我们想在网站上使用一张图片,只是为了拥有一张。我们认为,一个网页如果没有它,就会显得空洞某物什么都没有。Jakob Nielsen,一个著名的可用性研究者,进行了一次眼球追踪研究,检查照片对网站的影响。

在这项研究中,尼尔森发现,当图片除了填满页面之外没有任何用途时,参与者会忽略它们。看看下面这张网页右侧的照片是如何被完全忽略的:不要使用填充照片。网页右侧的照片是一组大学生坐着的偷拍照片,并没有提供如何申请耶鲁大学管理学院的信息,而这正是该网页的内容。因此,寻找学校申请过程信息的网站用户发现这张照片毫无用处。

像上面的例子所显示的那样,仅仅为了填补空白而包含在网页中的图像并不能帮助任何人。尼尔森总结说:“用户会密切关注那些包含相关信息的照片和其他图像,而忽略那些用来活跃网页的蓬松图片。”那么,我们如何确定一幅图像是否有用呢?问自己以下问题,以帮助确定你打算在网站上使用的照片是否合适和有目的:

  • 任何好处使用这张照片?例如,它是否很好地展示了我的产品或服务?
  • 帮助用户理解我想表达的意思吗?
  • 这张图片情调?例如,它是否帮助顾客想象自己正在使用照片中的产品?
  • 这是怎么形象与我的品牌有关?它是否能够传达给我的目标用户?
  • 什么信息这个图像发送了吗?到底有没有什么信息在传递?
  • 我将如何游客的反应这张图片吗?这会改变他们的看法吗?例如,它是否有助于促进购买过程?

使用真人的照片

研究表明,包含人的网页设计比不包含人的网页设计更有说服力。让我们来看看结果网络应用公司37signals进行的A/B测试研究。他们看到一个注册人数增加102.5%仅仅因为他们在他们的一个网页应用的登录页面上添加了一个微笑的,快乐的人的照片!

使用真人的照片。

指出显而易见的事实

你不仅应该在照片中加入人物,你还应该用他们来引导用户。可用性专家詹姆斯·布雷兹(James Breeze)做了一项眼球追踪研究,研究表明照片的主题可以引导用户的目光停留在网页上。更具体地说,布雷兹发现人们会盯着照片中被摄物的眼睛。

当照片的主体面向前方,面向观众时,观众很少将模特与网页内容联系起来:眼睛凝视的效果。然而,当被试者直视产品或文字时,观看者的眼睛会跟随方向:眼睛凝视效果2使用眼睛方向并不是唯一的策略。有时候,图像应该指出显而易见的事情。例如,看看如何业力wi - fi使用照片的主题将用户指向文字和特色产品。

我的作者照片是另一个指向明显的例子。当你可以将用户引向你想要的方向时,为什么还要使用通用的头像呢?谷歌+作者头像照片谷歌搜索引擎的结果。

用图片来说明概念

有时候,一幅画确实胜过千言万语。例如,下面的网站可以用300个字来描述信用卡读卡器的大小、应用程序的用户界面和刷卡的过程。或者,他们可以只使用一张构图良好的照片,然后就完成了:虽然填充图像在可用性的世界中没有任何作用,但说明概念的图像是非常有价值的。

如果一张照片可以回答用户关于一个产品或服务的人、什么、地点、时间、原因或方式的问题,那么你就使用了一张完美的照片。

优化图像的文件大小

网页平均为1.28 MB。其中61.5%来自图片。如果你不小心,你的网站对图片的依赖实际上会使用户的体验更糟,因为它减慢了他们与网站的互动能力。

有各种各样的免费应用程序可以帮助你优化图片的文件大小。以下是其中一些:

临别赠言

不要只是为了使用图像而使用图像。除了填补空白或让网页看起来更有趣之外,使用图片还有更大的用途。只要有一点先见之明和考虑,图像就可以成为增强网站用户体验的强大内容类型。

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!