提高你的推广技术和职场的沟通总结
帮助需要帮助的人

什么是UX 站点地图(Sitemap)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的基本内容,希望这篇文章对您接下来的设计有所帮助。

相关阅读