Content writing and its pitfalls

当我们想到平面设计,我们通常会跳到表面:颜色,形状,大小。

但网站的设计和重新设计远不止这些。

从我过去作为一个网页设计师的经验来看,我有时可能会过于关注这些视觉元素,但作为一个经验丰富的开发人员和入站营销人员,我知道,要让你的网站成为和好的,在形式和功能上都很美,这不仅仅是美学的问题。

你还需要考虑可用性和用户体验。

88%的在线消费者表示,在经历了糟糕的体验之后,他们不太可能再回到某个网站。

还是觉得用户体验不重要?看看这30个让人大开眼界的用户体验统计数据。考虑到这些因素,这里有9条设计友好用户体验(UX)的基本原则,可以帮助您和您的设计师增加现场时间,提高转化率,等等。

1.视觉层次引导眼睛

什么是视觉层次?这是有效的网页设计和良好的用户体验背后重要的原则之一。

正如我在我的文章“视觉层次结构的15项重要原则 ”中所述,“在Luke Wroblewski 与视觉层次结构的交流中,他解释说,视觉层次结构的目标是快速与访问者进行以下交流:

  • 这是什么?(有用)
  • 如何使用?(可用性)
  • 我为什么要在乎?(理想)。”

在网站中以正确的方式使用视觉层次结构时,您将向用户显示他们下一步需要去哪里以及他们需要做什么。它向他们显示了什么是重要的,哪些不是那么重要的-无需漫无目的地思考或徘徊。

团队合作的Project主页在他们网站上使用视觉层次结构方面做得很好。

标头很大,可以准确地告诉用户他们的产品是什么,然后下面的描述性段落为您提供了更多详细信息。阅读有关他们的工作和项目管理应用程序的信息后,“免费入门”可以清楚地说明团队合作接下来要做什么。

2.留白保持焦点

我知道您会说:“我们是否应该尽我们所能保持尽可能多的优势?”

答案是肯定的,但这并不意味着您应该在该区域内塞满尽可能多的信息。有效的设计从空白中受益匪浅。它可以帮助您的设计通透。

用网站设计的术语来说,留白是指“ 图形,列,图像,文本,边距和其他元素之间的空间。”不一定是白色的。它也可以是在空白区域中使用的颜色或图案,以帮助分解布局。

Invision的首页非常出色,可以使用空格来帮助区分和关注产品的每个功能。

间距可以帮助您区分一个部分的结尾和另一部分的开头,同时还可以帮助您专注于手头的描述,而不会被无关的部分所干扰。

3.导航应该反映用户的旅程

登陆您的网站不应该像追踪藏宝图一样。您不希望别人迷失方向而感到沮丧或挫败(例如,请求咨询,注册免费试用版,请求演示等等)。因此,您需要确保导航非常清晰。

将您的导航视为一系列路牌。如果您的信号不清楚,不准确和直接,那么潜在客户将如何了解您的产品或服务?他们怎么知道在哪里可以找到他们想要的东西?

建立导航时,请牢记买家角色的用户历程,并尽可能轻松地完成此过程。使用他们会识别并引起共鸣的词,并将决策过程中重要的页面浮出水面。不要藏起来。

4.响应式是必须的

如果您的网站现在没有响应式,则需要继续进行网站重新设计

越来越多的人在移动设备上进行搜索,因为他们一直在旅途中。实际上,UX Measure的信息图表指出:“ 52%的用户表示,糟糕的移动体验使他们与公司互动的可能性降低。”

确保网站具有移动响应能力,并且经过完全跨浏览器和多设备测试,以确保您的用户无论在何处或如何浏览您的网站都拥有出色的体验。

Google的算法还为移动友好型网站提供了丰厚的回报。

5. 一致性可以避免混淆

一致性是销中几乎所有事情的关键,特别是对于网站的可用性和用户体验。作为一个市场营销人员,你希望你的网站有一致的外观和感觉,从颜色,字体,大小,甚至布局和语气。

这种一致性有助于从一个页面到另一个页面创建流畅、有凝聚力的体验,最小化混乱,使您的站点更容易导航。

6.有些事情永远都不会改变

每个人都想成为不断变化的网站世界的领跑者,是的,这听起来不错,但并没有疏远观众的风险。在将近30年的时间里,互联网已成为我们生活的主流,消费者在浏览网站时抱有一定的期望。

例如,当他们点击导航角上的logo时,他们希望访问您的主页。在设计网站时,请不要偏离这些约定,因为它们最终会使您的用户困惑并带来负面的体验。 

如果您想尝试新的东西,请先对其进行A / B测试,然后查看其性能,然后再全面推广。您可以使用HubSpot的A / B测试来执行此操作,或者如果您不在HubSpot上,请尝试使用Optimizely。

7.树立现实期望建立信任

您要做的*一件事是误导潜在客户。忠实于您的产品或服务的功能,并通过向访问者确切展示他们所得到的东西来设定切合实际的期望。

如果您销售软件,则可以通过显示屏幕快照(包括实际产品的不同角度的照片)或制作视频来进行截图。根据UX Measure的信息图表,视频有助于说服73%的人购买产品或服务。因此,如果您的公司中没有一个,则开始集思广益可能是明智的。 

您还可以通过诚实和坦诚面对服务条款,条件和价格等方面来设置切合实际的期望。如果您需要帮助来创建一个很棒的定价页面,Talia Wolf会有一篇很棒的文章26 Pricing Page Examples and Best Practices,它将帮助您朝正确的方向发展。

7. 设定现实的期望可以建立信任

你最不想做的事情就是误导客户。忠于你的产品或服务的功能,通过向你的访客展示他们所得到的东西来设定现实的期望。

如果你销售一款软件,你可以通过显示屏幕截图,包括不同角度的照片(如果是实物产品),或者制作视频来做到这一点。根据UX Measure的信息图表,视频帮助73%的人购买产品或服务。所以,如果你的公司没有这样的计划,那么开始头脑风暴也许是明智的。

你也可以通过诚实和坦率地对待服务条款、条件和价格来设定现实的期望。

8. 测试是你的朋友

当你设计你的网站并构建你的网站结构时,你应该像你的访问者一样思考他们将如何与之互动。不幸的是,即使你的出发点再好,有时你还是会犯错。

要想知道你的访问者是如何真正参与到你的网站中来的,做一些用户测试,并通过热图和录音收集一些数据。这些数据将帮助您为用户提供他们所需要的内容,并全面提高站点的性能。

9. 简单

确保你的网站是简单的,不会让你的访问者想太多。你的网站的目标应该是让你的访客转化成为一个客户,让他们更容易找到他们想要的答案。

从用户体验的角度来看,我们HubSpot的朋友们建议你牢记以下几点:

颜色——少即是多。CrazyEgg说:“借用室内和时尚设计,60-30-10规则规定了三种颜色应该在不同程度上使用(60%,30%,10%)来创造友好的和谐。“你*可以超过三个,但我不会超过五个。

字体——就像颜色一样,看你用了多少。就我个人而言,我会坚持最多两个,一个用于网站的大部分,第二个用于标题。只要确保无论你选择什么,它都是易于阅读的。

设计值

当你在设计中质疑一个设计元素时,把这个问题放在脑后是很重要的:“这个设计元素能带来任何价值吗?”

这是我们在北京永灿经常问自己的问题。

仅仅因为它很酷,或者看起来很棒,并不意味着它是你的领导一代或销售祈祷的答案。设计的每个方面都需要带来一些东西,帮助您创建一个整体难忘的用户体验。