导航界面 卡片风格 web_如何使用卡片排序和树测试来测试Web导航

网站，应用程序，软件以及带有菜单的任何产品都需要一种解决方法。 尽管导航可能很有趣，富有创意，有时甚至是非传统的，但始终需要首先发挥功能。 在讨论信息体系结构的可用性测试时，您经常会听到两种最有效的测试：卡排序和树测试。

两种测试都非常简单且易于执行，并且两种测试都能产生重要数据，从而最大程度地组织您的站点 。 卡片分类是在您创建结构之前进行的，因此您可以了解用户如何自然地组织您的网站。 随后进行树测试，作为验证您的成功或指出改进空间的一种方法。

• 可用性测试：您需要了解什么？
• 改善网站反馈的7个步骤
• 用户体验设计的A / B测试结果和案例研究

卡分类

卡分类的优点在于其简单性。 您要做的就是在便签卡或便利贴上写下产品的不同元素 ，然后让参与者以最有意义的方式组织它们。

如果这甚至太多了，您还可以使用可用性测试工具（如OptimalSort） ，它可以为您分析数据。 无论哪种方式，结果都使您对目标用户如何直观地导航产品有扎实的了解。

图像：《粉碎杂志》

卡排序变化

根据您的需要，有几种不同的卡分类策略。 卡分类专家兼Maadmob创始人Donna Spencer在《 Boxs and Arrows》的一篇文章中分享了她的个人经验。 对于这种简单的活动，会有很多变化和控制措施，它们会影响您收到的数据的种类和有效性。

最初的区别是open 或close ，以下说明：

开放式排序–仅向用户提供元素卡，然后将其分组以适合他们的需要。 分组后，要求用户自己给组命名。 建议您生成新的想法，因为您可以从用户的自然思维过程中倒退。

封闭式排序–与开放式排序一样，为用户提供元素卡片； 但是，要求他们将它们分类为预定义的组。 如果您在现有类别的限制范围内进行工作（例如更新已开发的网站结构），则建议您这样做。

小组与个人–小组允许用户更好或更坏地协作工作，并可以帮助您一次了解多个用户； 但是，小组动态可能会影响您的结果。

远程与现场–在线软件工具可让您在更快的时间内测试更多的用户，但您无法直接观察他们的决策过程。 现场就可以让您更全面地了解用户如何做出决策，但是需要更多的计划和安排。

卡分类准则

当然，还有用于自定义卡片排序的空间，但是UX策略顾问兼顾问William Hudson 列出了一些适用于您选择的任何方法的常规基准 。 他最有用的是列出您可以期望人们对给定数量的元素进行排序的大概时间：

• 30分钟〜20分钟
• 约30分钟（50个元素）
• 100分钟约60分钟

使用此时间结构，您可以预先计划一旦写入卡或建立软件后，测试将花费多长时间进行管理。 但是，以我们的个人经验来看，这些准则有些宽泛–我们的封闭式卡中的一种涉及47 张卡和四个类别，但平均只需要三分钟即可完成。

另一个通用规则是避免卡片上使用复杂的语言。 大词-至少包含多个音节的词-以及技术术语会冒着使应试者感到困惑的风险，或者会误解其含义。 虽然简单的措词通常是产品语言使用的良好建议，但对于卡片分类而言，这是必不可少的，因为过于复杂的标签会破坏自然的思维过程 。

许多专家都同意卡片分类的优点。 Decibel Digital的IA和UX专家Pierre Croft鼓励进行卡片分类，因为它可以帮助转移 HIPPOS（会议室中收入最高的人）的坏主意，这些主意可能不知道如何建立一个好的网站。 他还列出了准备测试时要记住的一些提示：

（2） 随身携带空白卡和笔-虽然这是开放式卡片分类的标准程序，但对于封闭式卡片分类也非常有用。 正式测试完成后，您可以提供一些空白卡，供参与者写下其他类别。 尽管信息可能是“现成的”，但它可能会揭示一些有用的见解。

（3） 不要干预–干预会掩盖数据，因此避免诱惑。 如果他们感到困惑，当然可以给应试者一些指导，但仅适用于与结果无关的问题。

（4） 如果用户不对所有内容进行分组就可以了–缺乏分组就可以说是一个完整的分组。 如果发生这种情况，请确保您询问用户原因。 如果您运行的是封闭式排序，而并非所有内容都已排序，则还可以提供空白卡以查看为什么未选择现有类别。

（6） 限制您的卡片–如果您的网站有数百个甚至数千个页面，则只能选择第一和第二级页面以保持可管理性。 例如，“联系我们”，“协议条款”和其他实用程序页面可以省略，因为它们几乎可以在几乎所有网站上找到（因此，您实际上不会测试您站点唯一的任何内容）。

树测试

在卡片分类的相反范围内，树测试使您可以在设计信息架构后对其进行测试。 树状测试的工作原理是剥离导航系统的可视元素，以查看基本结构的运行方式。 通过树测试，您仅检查内容的标签和层次结构 。

Webcredible的Martin Rosenmejer认为树测试是设计过程中最重要的步骤之一。 简而言之，树测试涉及参与者在可点击的站点地图 （或“树”） 上查找不同的信息 。

然后使用Treejack之类的可用性测试工具，记录任务成功 （单击到正确的目标位置）和任务直接性 （确定用户找到所需内容的用户的肯定性 ）。 这是一种万无一失的方法，用于查看用户在产品周围找到自己的方式的情况 。

如上所示，当我们重新设计Yelp的网站时 ，我们提供了一个代表支持站点的树，然后为用户提供了10个任务（例如，查找有关如何处理差评的信息）。 因为总体任务成功率是53％，直接性是46％，所以我们知道IA需要更改-但我们确切知道在哪里进行更改。

简而言之，如果导航效果不佳，那么站点搜索栏（或三行汉堡包菜单 ）是不够的，因为用户不知道可以搜索什么 。 Web设计的经验法则是使用户尽可能少地思考，因为搜索需要用户从内存中调用，这会对UX产生负面影响。

如果我们已经向您出售了树测试的想法，MeasurementU的创始负责人Jeff Sauro将详细介绍如何正确运行它们。 他解释说，使用树测试主要是出于两个原因：

从本质上讲，树测试是一种统计测试。 与其他定量测试一样，更多参与者可以使数据更加准确。 准确度如何？ 查看此图表，以找到力所能及的最小误差范围； 我们建议目标是20％或更高的误差。

结论

我们不能足够强调信息体系结构的重要性-如果内容不是按照简单的流程进行逻辑结构化，那么它就不存在。 这就是为什么这些早期测试可以帮助您在问题真正变成问题之前识别并解决问题 。

此类测试的优势在于，数据是根据用户的自然行为建模的，并且在测试IA时，没有哪个测试能比这两个更好。

编者注： 这是由Jerry Cao为Hongkiat.com编写的。 Jerry是UXPin的内容策略师，他在其中为线框图和原型制作平台开发应用内和在线内容。 有关30种不同类型的可用性测试的建议和案例研究，请查看《可用性测试指南》 。

现在阅读：

翻译自: https://www.hongkiat.com/blog/testing-website-navigation/