65.9K
CodeProject 正在变化。 阅读更多。
Home

10 种在网站上引导用户的方法

starIconstarIconstarIcon
emptyStarIcon
starIcon
emptyStarIcon

3.43/5 (3投票s)

2007年8月5日

6分钟阅读

viewsIcon

24365

遵循这些顶级技巧,确保网站访客始终了解他们在网站上的位置。

引言

想象一下你正在开车,由于道路封闭,你不得不遵循那些醒目的黄色绕行标志。你现在身处一条陌生的道路上,但因为有这些标志,你自信地继续前行,相信箭头会告诉你该往哪里走。

然后,你遇到了一个环形交叉路口,但没有任何标志。你是左转?还是右转?你迷路了,有两个选择:要么掉头寻找一条你熟悉的替代路线,要么盲目地绕行,祈祷好运。

网站也非常相似,无论其最终目标是什么,你的网站访客都需要直观地找到前进的路径。但很多时候,网站的通用导航和定向在内部页面上却消失了或发生了变化。

事实上,对于网站来说,这一点甚至更为重要,因为用户可以直接“蒸发”离开你的网站,而不是被迫无目的地绕行!

1. 页面标题

你的网站上的每一页都应该有一个描述性强、独特且简洁的主标题。理所当然,主页面标题应该与它对应的导航项或链接相匹配。

标题为用户提供了一个定向线索,并告知他们可以在页面上找到什么。有效标题的指南包括:

  • 确保它们比普通文本至少大两个字号
  • 使用不同的颜色使其更醒目(背景色或文本颜色)
  • 确保标题上方和下方都有足够的空白空间

2. 面包屑导航

通常被视为一种“高级”导航技术,但最近的可用性研究证明,面包屑导航是一种被接受(并受到赞赏)的导航形式。面包屑导航是链接(通常放在主页面标题的正上方),它们显示了用户相对于首页的位置。例如:

首页 > 主题 > 分类 > 本页

使用面包屑导航的好处在于:

  • 向用户展示他们在宏观上的位置(如果访客从首页以外的页面进入网站,这一点尤其重要)
  • 帮助用户了解网站的结构和层级
  • 显示用户是如何到达当前位置的
  • 允许用户一次跳过多个步骤

面包屑导航应该反映网站的真实层级结构,而不是访客选择到达目的地的路径。

3. 主要导航

这可能很明显,但重申一下很重要:正确使用主要导航是引导用户浏览你网站最强大的工具之一。以下是导航的黄金法则:

  • 使用不同(并且最好是更醒目)的背景颜色明确突出显示选定的导航项。仅改变文本颜色通常是不够的。
  • 确保导航标签与目标页面的标题完全匹配。

4. 次要导航

同样,这可能很明显,但重申一下很重要:就像主要导航引导用户进入网站各个部分一样,次要导航定义了通往特定页面的路径。与上述规则一样,良好的定向实践适用于此处,特别是对选定项的突出显示。

5. 链接

链接应该清楚地传达它们将访客带往何处。链接文本应该具有描述性,这样访客就不必猜测链接会将他们带到哪里。

呈现链接的重要规则包括:

  • 用户如果能预测链接的目的地,就更有可能点击它,因此“点击这里”这样的通用命名术语应该不惜一切代价避免
  • 像所有好的导航标签一样,链接文本(如果相关)应与目标页面的标题匹配。

6. 页面结构

同样,一致性是有效页面结构的关键,这将有助于用户始终了解他们在网站中的位置。

在规划页面结构时,请务必执行以下操作:

  • 避免页面设计混乱 - 用户通常熟悉标准的三列布局(左侧导航、主内容区域和右侧列),因此他们在页面加载时会尝试预测项目将出现在屏幕上的位置。
  • 将关键项目保持在同一位置 - 当屏幕项目在页面之间保持一致时,用户可以了解他们的页面位置并提高任务性能。

7. 进度条

进度条向用户显示他们在交易类网站购买或预订过程中的位置。进度条应该:

  • 非常容易看到(使其足够大,使用图标,并用空白将其环绕)
  • 使用易于理解的语言
  • 突出显示用户当前位置,并将之前的和下一步的步骤设为灰色
  • 具有流程图的外观(例如,通过使用数字)

8. 页面标题

页面标题是位于浏览器标题栏中的文本。撰写页面标题时,应使其与主页面标题保持一致,并确保它:

  • 简短精炼 - 简洁即是美,页面标题越精炼,越容易快速浏览并理解其含义。
  • 将重要信息放在前面 - 用户在浏览页面标题时,通常只会注意到前几个字。
  • 在脱离上下文时也有意义 - 用户会在导航历史(通过后退和前进按钮访问)、任务栏和收藏夹中看到页面标题,因此即使没有完整的网页,它也需要有意义。

精心编写的页面标题的好处包括:

  • 用户在浏览网站时可以了解自己的位置
  • 用户将拥有一个简洁、有意义的标签,供他们添加到收藏夹时参考。
  • 搜索引擎比其他任何内容都更重视页面标题,而描述性的页面标题通常会包含你的关键词。

9. 站点地图

站点地图对于拥有大量页面的网站至关重要,并且对任何网站都非常有益。通过提供网站的概览,站点地图可以显示整体层级结构。

如果用户通过浏览或搜索未能找到信息,他们可能会将站点地图作为最后的手段。因此,站点地图必须清晰、简洁,并且真正反映网站的结构

10. 口号

口号是你做什么的描述,应该放在 logo 的正下方。它应该:

  • 具有解释性,而非含糊不清
  • 清晰且信息丰富(避免市场营销术语)
  • 长度在 4-8 个词之间

网络用户通常在每个网站上花费的时间非常少,他们会“随意浏览”,直到找到对他们来说有趣且相关的内容。使用简洁的口号将有助于用户理解你网站的目的以及在深入浏览网站时可以期待什么。

一致性

在帮助用户定向方面,要记住的最重要的事情之一就是一致性。也就是说,页面标题、主标题、链接文本、面包屑项、导航标签等之间的一致性。例如,主页面标题应该与相关导航项的名称匹配,就像面包屑导航项应该与主页面标题匹配一样。

一致性有助于访客识别网站的不同区域。它还为他们提供了有效的反馈,表明他们已经到达了正确的位置。这是有效网站定向的关键

© . All rights reserved.