您的品牌或业务在线外观比以往任何时候都更加重要。虽然您的网站需要通过高质量的视觉内容来保持外观,但 31% 的消费者也认为引人入胜的用户体验应该是优先事项。
当您自己创建网站时,打造有影响力的用户体验通常取决于关注看不见的细节,例如您的网站结构。虽然一个好的网站结构可能不会被访问者的眼睛认出,但一个不合适的网站结构无疑会脱颖而出并留下不好的印象。
在本文中,我们将定义网站结构,解释如何通过 UX 设计的视角构建它,并讨论当今网站设计和网站模板中使用的最流行的模型。
什么是网站结构?
网站结构是指您网站页面的层次结构、顺序和组织,由所需的用户体验绘制出来。它将您的所有网页与菜单、内部链接和内容的导航系统连接起来。
与您网站的信息架构一样,网站结构是影响访问者用户旅程的重要 UX 设计因素。但这也是您作为创建者规划网站布局和内容并确定每个元素的位置的一种方式。尤其是在设计具有多个页面的网站时,您在开始时越关注网站的结构,以后的意外就越少。
网站结构中有哪些元素?
定义网站结构可确保访客在发现网站上的信息时遵循逻辑用户旅程。该结构必须包括您网站上的所有网页、用于组织这些网页的类别系统以及访问者从一个元素导航到另一个元素的方法。您的网站结构应确保最重要的信息首先可被发现,同时邀请访客继续探索以下元素:
导航
连接系统
类别为组织网站结构、对具有相似内容的网站页面进行分组以及使访问者更容易找到他们需要的内容奠定了基础。此外,具有大量类别的较大网站应进一步将其内容划分为子类别。
导航
您网站的导航为访问者布置了其结构,充当他们所需内容的方向地图。在大多数情况下,这从网站菜单开始——可能是顶部的经典标题菜单或更简约的汉堡菜单。
由于导航的目的是引导访问者,因此您的主页应该清楚地显示他们在您的网站上寻找的页面和类别。从那里,子类别也应该是可发现的,无论是通过使用下拉菜单还是使用其他方式显示指向子类别页面的链接。此外,您需要确保网站的导航将访问者引导至与您的品牌相关的其他重要网页,例如 “关于我们” 页面或 “联系” 页面。
连接系统
实施一个经过深思熟虑的链接系统可确保您的用户正确浏览您的网站。根据您使用的网站结构类型,在学习如何制作您的网站时,访问者对您的链接系统的依赖程度会有所不同。除了网站菜单中的链接外,结构还可以利用以下类型的链接来提升用户体验:
CTA 或号召性用语是战略性放置的链接,可将访问者引导至直接目标,鼓励他们采取行动。无论是 “注册” 还是 “购买” 的链接,CTA 都对在您的网站上有该特定目标的访问者非常有帮助。使用粗体文本、诱人的缩微复印或按钮设计来显示它们。
内部链接是指网站中连接到同一网站的其他页面的那些链接。每个站点的网页之间自然都有内部链接,是否以最适合访问者的方式组织完全取决于您。有时,企业会以此为指导,将他们的页面分组到 “集群” 类别中。拥有一个内部链接系统也恰好是一个强大的 SEO 最佳实践。由于它反映在您的站点地图中,因此 Google 机器人可以看到为以正确的顺序为访问者提供最相关信息所做的努力。
上下文链接将访问者带到您自己网站网页之外的相关内容,例如来自其他企业的产品页面、博客文章、来源或新闻。
不同类型的网站结构
看看下面不同类型的网站结构和示例。您注意到了哪些模式?每个的特点是什么?哪种类型的用户将从这些结构中受益最大?
掌握四种最基本的结构及其使用方式将有助于您更好地了解如何构建自己的设计或使用哪个网站模板:
分层模型
顺序(又名线性)模型
矩阵模型
数据库模型
分层模型
最流行的网站结构类型是分层模型,其中主页作为起点,根据重要性分为各种类别和页面。因为它用途广泛,所以这种结构适合各种类型的网站——从个人服务网站到在线作品集。
首先,根据重要性对内容进行排序。大多数时候,这意味着确保用户在发现更多详细信息之前先获得一般信息。要起草和测试您的层次结构,请使用线框和卡片排序练习。然后,一旦您创建并规划了页面,就可以使用互连系统和导航菜单在您的网站上实施此层次结构。
顺序(又名线性)模型
顺序 Web 结构将引导用户逐步完成实现目标的旅程,无论是缩小类别范围、指导他们的搜索过程还是帮助他们找到注册表单。这种基本的、低维护的结构适合内容和页面最少的网站,例如小型企业网站或在线投资组合。
顺序网站结构从您的主页或登录页面开始,其中列出了许多页面或类别。访问者遵循线性流程,引导他们完成父页面的旅程,最终将他们带到他们想要的内容。
矩阵模型
虽然矩阵是最古老的网站结构模型之一,但它今天仍然很受欢迎。为了让访问者在没有严格分类的情况下享受浏览,遵循矩阵模型的网站结构并没有考虑严格的用户旅程。这听起来可能很混乱,但对于访问者来说,这意味着完全的自由和您网站所有内容的许多入口点。
虽然类别、子类别和单个页面仍应存在于矩阵模型中,但您不必为用户管理它们的出现顺序。相反,该网站强大的互连和对导航功能(如网站菜单或搜索栏)的日益重视为用户体验服务。
数据库模型
遵循数据库模型的网站结构通常会创建动态和个性化的体验。遵循此模型的网站的访客通常需要输入自己的个人详细信息、查询或首选项。从那里,该网站将向他们展示存储在网页数据库中的相关内容,例如个人详细信息或产品页面。
要自己完成此操作,您需要使用允许您创建内部数据库或与外部数据库集成的网站软件。使用自下而下的方法组织您的内容,并概述最动态的设计以将其展示给访问者。
如何处理您的网站结构
准备好设计网站后,请决定是使用自上而下还是自下而上的网站结构来组织您的内容。自上而下的方法从根据网站的一般主题概述类别层次结构开始,而自下而上的方法从最不重要的子类别开始,然后逐渐增加到更一般的类别和内容。
如果您从模板开始,您可能不需要过多考虑创建网站结构——只需寻找适合您内容的网站结构即可。
为什么关注您的网站结构很重要?
要使访客在您的网站上实现目标,他们必须按特定顺序点击元素,无论您是从网站模板开始还是从头开始研究网页设计,您都有责任确保您的访问者可以在您的网站上准确找到他们需要的内容,确保可靠的网站结构来支持他们的用户体验。
但是,所有这些都在谈论您的结构将如何使用户受益,那么作为它的创建者,您呢?从商业角度来看,一个坚实的网站结构也是值得付出努力的。拥有一个易于使用的网站无疑会让客户感到满意。通过正确的策略,您的结构将通过帮助客户购买和加快结帐或联系流程来支持您的业务。