忠于品牌,精于技术

好的网站设计:完全掌控用户的视线

了解如何通过图片和广告文案来引起用户的注意力
近来网站已经成为大多数企业最看重的一部分。是企业对外交流不可或缺的沟通方式,也为企业的权威性提供有力线索。同时,企业通过网站能够在订单完成过程中,迅速而直接地告知用户企业的价格底线。然而,人们通常都浪费掉了大多数能够最大化ROI(投资回报率)的机会。来自可用性专家Jakob Nielsen 的研究发现,2013年有百分之五十二的屏幕空间被完全浪费掉,这个数值高于2001年。一些网站设计师信奉于极简主义做法,他们将信息量最小化后全部放置于一个独立的网站页面。另外一些人则让网站变得更复杂。这两种方法可以说是既不对也不能算错。

我们正在掌控你的视线
很有可能,同大多数来到这个页面的用户一样,你正在读这一行的文字标题。而且,你很可能跳过开篇的第一段,直接到达这里。
为什么?
1 开篇首段含义隐晦生涩。
2 处在突出位置的图片主导了用户的视线范围。
3 同大多数人一样,你可能在读图片的题注。
4 图形元素和箭头,将用户的注意力牵引到图片的标题上。
5 标题的设计独特,出乎意料。
如果我是对的,你会完全跳过本文开篇的第一段。而这也恰恰证明了我的观点。
选择什么是重要的,并将其形象的表述出来

开发一个网页最难的是决定什么才是重要的。这个听起来有点不太直观。
通过学习网络营销方式(搜索引擎营销方式),我们一开始会尝试混合所有的东西放置入一个页面,很快,我们发现有些东西不能同时放在一起。那些为SEO准备的文案经常会与一些说服力强的广告文案相冲突。而留给品牌推广的网站位置会占用那些切合用户需求的文案位置。
在2013年,Jakob Nielsen 就提到,超过一半的屏幕空间被浪费掉了。
谁是罪魁祸首呢?
6 填满了整个网页的文案和图片
7 自我推销和广告
8 散落的空白区
移除自我推销和广告可能较难抉择,我们可以更合理的利用空白区和用于填满网页的文案。
测试A
根据 Jakob Nielsen的研究,你能告诉我,到达本文的这里,有多少屏幕空间是被浪费掉的?
A. 一半的屏幕空间
B. 52% 的屏幕空间
最准确的答案是B。如果你选择A,不要灰心,这是我们有意为之。
我骗了你
开头段-即无法顺畅阅读的开篇第一段,提到的“52%”这一统计数据。
亲爱的读者,尽管这个数据在开头段的显眼位置被提到,但实际上却被你们当中的很多人(或者一部分人)给忽略了。开头段长度有108个单词,包含6个句子。(译者备注:本文是从英文翻译而来,中英文断句有差异,这里的数字请不要较真。)
第一句甚至很明显的让人感到相当无趣。第二句的34个单词中有很多是多音节词语。(看看我在那里做了什么?)它充满了晦涩难懂的代名词,且没有一句比较新鲜或者有趣的话。
我把 52% 写成“百分之五十二”,因为我知道你的眼睛会被阿拉伯数字吸引。
左侧是一张图,用于促使访问者做短暂停留和测试图片效果。人们不会想要看见一个女孩躺在热钢片的屋顶上。我还把一只形状看起来像猫的物体,当然那不是一个女孩,放在了图片最左边的地方。
图片题注会给出一个讯息,而且如果图片很有趣,图片上的题注也会更加频繁的被用户读取到。然后,我利用箭头将用户的注意力指向一个标题,这个标题则与图片题注给出的讯息相符。这是一个连续的信息传递。
通过使用粗体、项目符号和另一个标题,你会绕过开篇第一段,直接查阅本文的其他部分。
是的!我有意隐藏了更多具体的统计数据,而我也并没有就此停止。
我们都是“扫描仪”
利用我们的页面浏览习惯,我将一些不太精准的内容放在了用户一定能注意到的地方。
如果我成功的将用户的注意力从图片引到图片题注,然后到达某个页面,我会向用户展示一个更容易被浏览到的文案。这样的文案经常包含下列内容:
9 频繁的标题
10 短句
11 文本会话
12 项目列表
13 粗体
我把“一半的屏幕空间”放在两个让用户视线很难忽略的地方:一个再链接文本中,另一个在一个醒目的引文里。我使空白区环绕“醒目引文”来确保能够让用户注意到。
让我们看看你选择的答案是哪一个。
当你知道你想要什么的时候,事情就变得简单了
研究用户心理和使用诱导性的写作方式,这都不是我在 UX 举办的培训里得出的结论。我知道有一件事我期望你能看到,而其他的则不希望被看到。
开发网页过程中什么是最重要的?是你的电话号码?你提供的免费运货服务?你的退款保证?你很难抉择优先考虑哪条讯息,尤其是当我们在设计网站首页的时候。
你可能会首先考虑哪些是不合适的内容。
重新思考填料图片或者移除他们。考虑品牌图片是否需要如此之大。重新书写标题来告诉来访者你的网站里有些什么。删除长篇幅的段落,长句子和一些商业用语。
然后来看看你做的如何。通过测试,你的会计会告诉你,你的网站转化量神奇的提升了很多。
针对于任何一个网站页面,要知道什么才是重要的。然后设计一些小技巧来抓取用户的注意力,这是一个非常好方式,可以让你获得你想要的,帮助你的用户找到他们正在查找的内容。