如何创建UX 站点地图

在进行交互设计时，我们经常能接触到站点地图这个专属名词。通过创建UX站点地图，您可以快速通过树形图浏览您网页和应用程序的架构和基本内容。本文将介绍UX站点地图的定义，制作方式和技巧。

什么是UX站点地图（sitemap）

UX 站点地图是网站或应用程序的层次结构图，它显示了页面的优先级，链接和标签方式。如果用户流就像街道视图的详细信息，则站点地图就像鸟瞰图。

什么时候使用UX站点地图

从上图的双钻模型我们可以看到：在“发现”阶段之后，我们可以“定义”阶段，也就是在UX设计过程的早期使用站点地图。通常，您将在用户画像（persona），用户旅程(journey map)和卡片分类(cart sorting)之后创建sitemap。

在卡片排序之后和构建线框之前创建UX站点地图

如何创建UX sitemap

UX站点地图由链接的页面组成，每个页面都有一个参考编号和一个标签。参考编号可帮助您跟踪页面，当您在后续进行线框设计，原型和迭代产品时依然有用。

从首页开始，然后按优先级将页面放置在以下各行中（高优先级的放在特殊页面）。您将依次看到主要页面，辅助页面和剩余页面。

查看站点地图层次结构的另一种方法是通过URL结构：

website.com/category/sub-category/specific-page

尽管是optional的，但您还可以包括说明符号和线条的图例，用于澄清信息的注释以及用于显示类型分布的插图页面类型。

制作小型，中型和大型网站的sitemap

根据您网站的大小和复杂性，您可以选择创建平面（flat）或深层（deep）站点地图。

对于小型网站或应用程序（超过10页），请考虑创建具有4个或更少垂直级别的平面站点地图。因为单击的级别较少，平面站点地图可提高内容的可发现性。最平行的站点地图由1个垂直级别组成，其中不同部分放置在一页上。

对于中型页面（超过100页），您仍然可以创建平面站点地图，但具有更多的辅助页面行。要显示这些页面，请考虑使用大型菜单，该菜单将链接分组为子类别以改善效果。

对于较大的页面（1,000多个页面），请考虑创建一个深度站点地图，以垂直5层以上的水平来容纳所有信息。深度站点地图可能会使发现内容变得更加困难，因此请尝试提供其他方法（例如菜单快捷方式）来访问更深层级的页面。类别页面（category page)或导航中心(navigation hubs)还可以帮助进一步组织页面内容。

创建sitemap的价值

UX网站地图可让您规划产品的可用性和易用性，无论您是在新网站上工作还是在重新设计新的网页产品。它提供了完整的页面内容及层级分类，可以帮助设计团队简化不必要的页面并保留重要内容。UX站点地图还可以帮助您查看链接页面是否对用户和SEO友好。

使用站点地图，您可以策略性地将内容放置在用户可以轻松找到的位置，还可以找出问题区域并将其优化，例如隐藏在不直观标签下的页面。

结论

总体而言，用户体验站点地图可在导航，标签和组织方面为设计师提供决策依据。

让我们简单回顾下本文所述的内容：

What：UX站点地图是链接页面的层次结构图。

When：在发现阶段之后，在UX设计过程的早期可以开始创建站点地图。

How：每个页面都有一个参考编号和标签，并且页面从高级类别链接到特定页面。对于较小的网站，请考虑使用平面站点地图；对于较大的网站，请考虑使用深层站点地图。

Why：用户体验站点地图显示了您的数字产品的完整图片，因此您可以做出更好的设计决策。

现在，我们已经了解了UX sitemap的基本内容，希望这篇文章对您接下来的设计有所帮助。

感谢您的阅读：）