作为一名网站建设用户体验作者,我的工作就是知道如何创建网络副本,以说服读者采取行动。也就是说,我为客户的网页或博客文章制作的故事的吸引力并不重要。如果我写的内容在页面上看起来很糟糕,那么没有人会费心去阅读它。
但问题出在这里:UX编写者不是设计师。无论我们写了多少短句,简洁地传达了一个点或无术语的副本,我们设法吸引更广泛的观众,糟糕的设计选择将否定所有这些。
网页设计师最了解如何设计参与和转换。因此,您需要熟悉复制以及视觉片段。
1.不要乱用颜色
有很多非常酷的方式来使用颜色并为网站创造一个难忘的外观。但排版?那不是乱搞颜色的地方。
让我告诉你一些事情:
这是波士顿红灯笼餐厅的网站:
该网站充分利用广阔的空间来吸引对页面上副本的关注。而且,虽然徽标是装饰性的红色字体,但真正重要的副本是黑白色。总的来说,这是一个结构精美的网页,也是一个易于阅读的网页。
现在,让我们来看看洲际酒店:
这个页面上的字体有很多糟糕的选择。
对于初学者来说,这个尺寸的字体太薄了。此外,淡褐色背景上的黑色字体也不能很好地工作(再次,这可能是由于字体表面的吝啬)。并且针对类似颜色的背景的超链接颜色是更糟糕的选择。
我知道设计师想要将品牌颜色纳入页面,但背景是过度的。白色背景,黑色字体和品牌超链接颜色就足够了。
2.保持对称性
在许多情况下,文档中并不需要对称性。段落和页面将在合理范围内运行,只要它们需要。然而,网站中有一个特殊的部分,其中对称性非常重要,不幸的是,很多作家都没有注意到这一点。更糟糕的是,有些设计师害怕做任何事情。
这就是我的意思:
这是WordStream网站上的一个并排功能块:
你熟悉这个,对吧?您希望在网页上包含许多功能,服务或好处。但是,您不希望将它们列为垂直对齐的纯文本。那太无聊了,占用了太多的空间。所以,你想,我会把它变成一个带有图形的多列元素。
在WordStream的情况下,你会成功。一切都是平衡的:
- 插图
- 标题文本
- 副标题
- 解释文字
- 商品交易顾问
现在,看看Pixability:
它遵循相同的基本概念。但是,第一点运行的时间太长了。这不仅会造成分心,还会导致很多难看的白色空间。
3.分解段落
通常,您永远不希望段落在网页上运行超过五行。更长的时间,可以肯定地说你的读者会失去焦点。当你一个接一个地放置太多段落时也会发生同样的情况。
你的读者需要休息一下。
虽然作者应该是确定暂停应该落在文本中的位置的人,但是你可以采取其他措施来打破段落段落的单调。
举例来说,Consigli Construction如何讲述其业务的故事:
在它们被创意元素分解之前,永远不会有两个以上的段落放在一起。在这种情况下,公司的历史分为逻辑块和关键里程碑获得自己的专用框。这看起来很棒。
与Bright Horizons网站对比。
通常,我都是因为它们有助于打破厚厚的文本块。但在这种情况下,他们做得不好。对于初学者来说,每个要点都太长了。此外,粗体字体是压倒性的。
为了解决这个问题,设计师可以采用类似于Consigli Construction的路线,并为每个子弹提供自己的专用区块。或者设计师和作家可以共同努力去除多余的东西。例如,该列表可以实际缩短为:
- 指定的主要照顾者;
- 个性化护理计划;
- 感官丰富的空间和柔软的地方;
- 安全,保障和清洁实践。
4.带有标题标签的空间意识
标题标签是网站上每个页面的重要组成部分,从主页到博客文章。
从结构上讲,它们有助于创建主题层次结构,增强读者扫描页面的能力,并在不必阅读的情况下了解其内容。此外,谷歌机器人使用标题标签来获取页面的关键点,并根据它与用户的搜索查询匹配的程度对其进行排名。
也就是说,你应该小心你的标题占用多少空间。作为一般经验法则,它们应该不超过一行。
以Audley Travel为例:
这里有两个标题标记,两者都保持合理的长度,同时仍能准确地获得该点。
然后,你有Bevi博客的这个例子:
这是标题标记变得过多的明显示例。
但问题不仅仅是标题文本的大小。这是声明本身的长度。这可以简单地留给:“使用任务管理工具管理项目和可交付成果”,或者甚至更好地“使用任务管理工具”,而不是放弃随后的文本将告诉读者的内容。
网页设计师可以做些什么来改善网站副本
虽然我很乐意说,写作转换的副本是UX作者100%的责任,但有很明显的例子说明设计如何能够阻止这种情况发生。网站应该是参与其中的所有各方之间的合作的更多原因。
如果您不确定您的设计选择将如何影响副本的质量,请找出UX编写者的意见。或者你的项目经理。他们新鲜的眼睛可能会捕捉到你无法捕捉到的东西。