Menu Close

树测试:快速,菜单标签和类别的迭代评估

通过 凯瑟琳·怀特顿5月7日,2017

总结:Follow these tips to effectively evaluate a site's navigation hierarchy and to avoid common manbetx官方网站手机版design mistakes.


重叠的信息类别和混淆的标签网站设计中最普遍的两个问题manbetx官方网站手机版.幸运的是,有fast and effective techniques您可以使用创建对观众有意义的类别和标签。

最著名的技术可能是card sorting,其中,用户将得到一个代表性的内容项列表,以便根据需要进行分组和标记。卡片分类对于理解听众的想法是非常有价值的,但它不一定产生您应该遵循的确切分类方案。例如,卡片分类的参与者通常会创建一个通用类别来存放一些似乎不适合其他地方的物品;这是可以理解的,but if you were to actually include an "other stuff" category in your menu,同样的用户可以像避免瘟疫一样避免它。(Website visitors are notoriously reluctant to click on vague labels because they quite rightly suspect they'll have to do a lot of work to sift through the content.)

为了达到最佳效果,卡片排序之后应进行树测试,以评估建议的菜单结构。

Definition: A树形检验评估层次类别结构,或树,让用户在树中找到可以完成特定任务的位置。

树测试作为卡片排序的后续操作非常有用,因为它:

  • 根据层次结构在现实场景中的表现来评估层次结构,使用类似可用性测试的任务;和
  • 可以在设计页面布局或导航菜单之前很好地进行,manbetx官方网站手机版允许对菜单类别和标签进行廉价的探索和细化。

To conduct a tree test,您不需要绘制任何线框或编写任何内容。你只需要准备两件事,或分层菜单,and thetasks,或者向研究参与者解释他们应该尝试找到什么的说明。

定义树

你的树应该是所有主要内容类别的完整列表,以及它们的所有子类别。Even if you are interested in testing only a specific section of the tree,excluding the other sections is risky because it assumes that users will know which section to go to.例如,如果你的网站同时拥有产品and aServicescategory,你选择只测试产品tree,you would miss out on finding whether your audience understands the difference between these two categories.

取决于你最感兴趣的层次结构的哪一部分,你的树可能需要3根,4,甚至5层楼深。Include the full depth down to the lowest level of subcategories you want to test.每个子类别都应该提供该区域中所有选项的完整列表,以便从用户那里引出实际的行为。用户通常通过将链接标签与附近的选项进行比较来评估链接标签。例如,users interested in history might be tempted to try a category labeled文化——but not if there was also an option forHistory Resources.

Competitive Tree Testing: Labels vs.Locations

如果您考虑对同一个树类别使用不同的标签,您可能需要测试两个不同的树,以便比较术语的执行方式。Such a test is especially easy to do with用户缩放的树测试工具,which allows you to randomly assign participants to different versions of the tree,以类似于A/B测试在现场网站上。如果你测试多棵树,avoid showing the same user two alternative trees in the same session — users' behavior when interacting with the second tree would be skewed by their experiences with the first one.

如果您只想比较不同的树,就不需要准备和测试单独的树。位置对于标签-例如西红柿应该放在下面水果Vegetables.Instead of testing two different trees for each location,you can test a single tree and compare how many users clicked水果VS点击了多少次蔬菜.(你还可以分辨出他们首先尝试的类别,如果他们都点击了。)

准备测试:工具和格式

您可以使用纸张原型(或任何可点击的原型工具)进行树测试,but a service manbetx官方网站手机版designed specifically for tree testing will vastly expedite the process of analyzing your results and is well worth it.用户缩放树梢都是进行树测试的好选择。

在电子表格中准备树,where you can easily visualize and edit it,然后简单地将整个层次结构复制并粘贴到树测试工具中。电子表格应与您的主页在A列的顶部单元格中格式化。然后从左到右在列中列出较低的级别。确保每行只列出一个类别,so that your levels will be correctly parsed when you import the hierarchy.

Screenshot of spreadsheet containing a menu tree
This spreadsheet illustrates the tree,或菜单层次结构,for the New Mexico State government website.每个类别都显示在单独的行上,and subcategories are placed in columns to the right of the parent category which contains them.

Once you have pasted your hierarchy into the testing tool,分类被解析并用于自动创建一个可单击的菜单层次结构,其中每个分类都可以展开以显示相应的子分类。

在OptimalWorkshop的TreeJock测试工具中创建的树的屏幕截图
树测试工具,如treejack,pictured above,将自动将您的电子表格层次结构解析为具有类别和子类别的可单击菜单。

Tree-Testing Tasks

您要求用户完成的任务与树本身同样重要。First you need to decide which categories and labels to target.Ideally you should include tasks which target:

  • 关键网站目标和用户任务,例如找到最重要的产品(主要导航任务中的成功率可以作为比较次要任务的基准,以及未来测试的参考点。)
  • 潜在问题领域,例如利益相关者或卡片类别参与者提出的新类别

标签或位置的比较-同一类别的任何替代标签或位置。对于你写的每一个任务,you should also define the correct answer(s),对应于信息在树中的实际位置。此信息允许测试工具自动计算每个任务的成功率。

在userzoom的树测试工具中标记任务的正确位置的示例
This screen from the Userzoom tree-testing system is used to indicate which category is the correct answer for a particular task.

Task Phrasing

Each task should test a category label by asking the user to find something contained within that category.As with usability-testing tasks,树形检验task instructions should avoid using terms that give away the answers.预防priming有时可以通过描述场景和动机来完成,但也要记住,用户可能不会仔细阅读说明书,如果把重要的细节埋在一个冗长的故事里,很容易错过。

As an example,here are a few different possible phrasings for evaluating theStarting a Business新墨西哥州政府树的类别(如上图所示):

  1. 查找有关创业的信息。
  2. You are moving to Santa Fe next year,and once you arrive you would like to supplement your income by opening a side business providing lawn-care services.找出你需要遵守的规章制度。
  3. 你正在考虑开一家草坪护理公司。查看此网站上是否有任何资源可以帮助您开始此过程。

第一个例子通过使用确切的标签术语给出了答案,Starting a Business;while the second is long and packed with extraneous words that a user might easily mistake for the main point of the task if they were quickly scanning.第三个选项避免了标签术语和误导性细节。

树木测试的局限性

树测试通常作为远程执行,unmoderated研究。后recruiting representative users,你只要给他们发送一个研究链接,and the testing tool walks them through the process of completing the tasks using their own computer.The testing tool is much better than a human would be at keeping track of exactly which categories users click on.

然而,此格式无法捕获用户行为的完整上下文(如执行任务时所做的注释),并且您无法提出个性化的后续问题。

为了最小化格式的影响,conduct at least a few moderatedpilot sessions在收集大量数据之前。In these moderated sessions you can ensure the task wording is understandable and also get a chance to pick up on nuances that might otherwise be hard to spot in the quantitative data.例如,在最近的一次树测试中,我们注意到在试运行测试中,许多用户在上半年的会话中都避免使用某个类别,because the label was so broad that they feared the contents would be overwhelming.这一趋势在定量结果中不明显,因为任务顺序随机化。但这是相当明显的,因为您坐在每个会话中,看到一个接一个任务,而用户忽略了一个明显的选择。仅凭这一点,飞行员的测试就花了一天的时间。

您还可以通过在树测试后进行一次简短的调查来部分补偿无法提出后续问题的情况。而不是让用户回忆他们觉得混淆的标签,向他们提供标签列表,并要求他们检查哪些难以理解。这个问题可以用开放式问题inviting users to share any further comments and feedback,从单击历史记录中引出可能不明显的意外假设或误解。

结论

树测试只专注于评估类别标签。这既是它的巨大优势,也是它的一大弱点。由于用户交互的菜单完全没有视觉样式和内容,这种体验与整个设计的交互有很大的不同。manbetx官方网站手机版例如,设计manbetx官方网站手机版与巨型菜单provides a quite different browsing experience than the one tested in a tree test,因为它同时显示了几个子类别的内容。

然而,即使是这些固有的局限性,也常常可以通过仔细的数据分析来克服或最小化——例如,通过关注用户是否选择了正确的顶级类别,而不是拥有超级菜单的网站的成功率。

总体而言,这些限制是一个很小的代价,为了能够在设计过程的早期快速迭代和评估对信息层次结构的主要结构更改而付出的代价。manbetx官方网站手机版只需编辑电子表格,您就可以创建一个全新的树来进行测试—完全不需要设计或编码。manbetx官方网站手机版