首页 » 博客 » 选择用户理解的内容

选择用户理解的内容

网站内容应该简单直接,不需要你花很多脑力去理解,同时还能提供价值。由于这根本不是一件容易的事,我再次向 Damon Culbert 寻求建议:

卡尔伯特说:“为了让人们花时间和精力做某件事,比如坐下来阅读新产品或服务的所有特性,你必须在他们内心激发出一种强迫感。”

据卡尔伯特说,强大的视觉效果可以让人们投入时间和精力来进一步了解你想要销售的产品。

“B2B 服务就是一个很好的例子;它们通常非常复杂,非专业人士无法理解。非专业人士可能需要花一个小时或更长时间阅读才能获得基本理解,”Culbert 说。“或者他们可以查看一个视觉图像,在五秒钟或更短的时间内就能理解。”

BuzzSumo 的主页就是一个很好的例子。它通过杂志摘录和社交媒体截图等视觉效果传递了清晰、简洁的信息,让初次访问者也能一目了然地了解他们所做的事情。

图片来源

我的最后一点是:人们不会把钱花在他们无法理解的东西上,无论它们是否能增加价值。这就是为什么商业上成功的公司会投资营销和销售智能工具,绘制出客户的购买旅程和过程中遇到的问题。

现在,您可能要花费数年时间来研究网页设计的来龙去脉。

但为了给您一个起点,我们整理了一份基本准则和最佳实践的列表,您可以在下一次网站重新设计或网站发布时应用它们。

1. 简单

虽然网站的外观当然很重要,但大多数人访问你的网站并不是为了评价设计是否精美。他们想要完成一些操作或找到一些特定的信息。

因此,不必要的设计元素(即没有任何功能用途的元素)只会让访问者感到不知所措,并更难完成他们想要完成的事情。

从可用性和用户体验的角度来 海外数据 看,简单是最好的选择。如果您拥有所有必要的页面元素,那么就很难变得简单。您可以以各种不同的形式运用这一原则,例如:

  • 颜色。基本上,不要用太多。《人机交互手册》建议在设计中使用最多五种(加减两种)不同的颜色。
  • 字体。您选择的字体应高度清晰,因此不要使用太过艺术化的字体,也不要使用极少的脚本字体(如果有的话)。同样,请保持文本颜色最少,并始终确保其与背景颜色形成对比。常见的建议是最多使用三种不同字体和三种不同大小。
  • 图形。仅当图形能够帮助用户完成任务或执行特定功能时才使用图形(不要随意添加图形)。

这是HERoines Inc.的一个简单但有效的主页设计的绝佳示例。

图片来源

2.视觉层次

视觉层次与简单性原则紧密相关,它意味着 横幅选择什么? 排列和组织网站元素,以便访问者自然而然地首先被最重要的元素所吸引。

目标是引导访问者完成所需的操作,但要以一种感觉自然和愉快的方式。通过调整某些元素的位置、颜色或大小,您可以构建网站,让浏览者首先被这些元素吸引。

Semrush 网站是视觉层次结构的绝佳示例。“立即开始”按钮的显眼位置,加上清晰的字体和充足的空白,确保它脱颖而出。

次要元素(例如输入字段和标题)支持主要 CTA 并提供上下文。这种执行良好的视觉层次结构使网站易于导航并了解其目的。

图片来源

3. 导航性

规划直观的导航可以帮助访问者找到他们想要的内容。

理想情况下,访问者应该直接进入您的网站,而不必费力思考下一步该点击哪里。从 A 点到 B 点的移动应该尽可能顺畅。

以下是优化网站导航的一些技巧:

  • 保持主导航结构简单(并靠近页面顶部)。
  • 在您的网站页脚中包含导航。
  • 考虑在每个页面上使用面包屑(主页除外),以便用户记住他们的导航路径。
  • 在网站顶部附近添加一个搜索栏,以便访问者可以通过关键字进行搜索。
  • 每页不要提供太多导航选项。
  • 在您的页面副本中包含链接,并清楚说明这些链接指向何处。
  • 不要让用户挖得太深。尝试制作一个基本的线框地图,将所有网站页面排列成金字塔状:您的主页位于顶部,上一个页面链接的每个页面构成下一层。在大多数情况下,最好将地图深度保持在三层以下。

还有一点:一旦您确定了网站的主要(顶部)导航,请保持一致。导航的标签和位置应在每个页面上保持一致。

这很好地引出了我们下面的下一个原则。

4.一致性

除了保持导航一致之外,网站所有页面的整体外观和感觉也应该相似。

背景、配色方案、字体甚至写作风格都是一致性对可用性和用户体验产生积极影响的领域。

这并不是说每个页面都应该采用相同的布局。相反,应该为特定类型的页面(例如,登录页面、信息页面等)创建不同的布局。

通过一致地使用这些布局,您将让访问者更容易理解他们可能在给定页面上找到什么类型的信息。

在下面的示例中,您可以看到Airbnb对所有“帮助”页面使用相同的布局,这是一种常见做法。想象一下,如果每个“帮助”页面都有自己独特的布局,从访问者的角度来看会是什么样子。

可能很多人会耸耸肩。

图片来源

5.响应性

据 Statista 称,全球 60% 的页面浏览量来自智能手机和平板电脑等移动设备。

为了提供真正出色的用户体验,您的 电报号码 网站必须与访问者使用的许多不同设备兼容。在科技界,这被称为响应式设计。

响应式设计意味着投资于高度灵活的网站结构。在响应式网站上,内容会自动调整大小和排列,以适应访问者使用的任何设备的尺寸。

滚动至顶部