使用卡片分类进行可用性测试

WebFX总统。Bill在互联网营销行业拥有超过25年的经验,专长于搜索引擎优化、用户体验、信息架构、营销自动化等。William在Shippensburg和MIT的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研究和开发项目提供了基础。

使用卡片分类进行可用性测试信息架构是网页设计的一个重要组成部分。元素应该以什么顺序进入?是否有一个视觉层次结构那一定要遵循吗?

什么应该去哪里?是当前导航结构最有效?这些只是设计师需要面对的问题。

许多设计师基于自己的观点来构建网站,他们认为事情应该如何排序以获得最佳结果。这是朝着正确方向迈出的一步——因为作为一个受过训练的专业人士,你会很好地知道什么可行,什么不可行——但对于增强可用性,测试设计和用户信息架构可以提供很好的见解。图片由伊沃•戈麦斯。

卡片分类是一种可用性方法,多年来信息架构师一直使用它来更有效地组织网页设计和网页内容。它包括将内容、组、关键词等放在物理卡片上,让研究参与者将卡片分组,看看卡片是如何分类的。

为什么使用卡片分类?

用户可能不同意设计师关于内容和设计元素的组织方式。信息可以用多种方式组织。

卡片分类使研究人员能够梳理出人们组织信息的任何模式。卡片分类是一种免费或廉价的方法,可以用来帮助确定最佳网站的布局,导航结构,措辞网站上复制,如何安排文本块,以及更多。如果用户倾向于期待特定的措辞、特定的信息顺序或任何与网站内容有关的东西,设计师可以将其视为一种趋势并加以利用。

使用卡片分类作为可用性测试的一部分的设计师应该注意到一些有益的趋势。如果趋势在某些方面出现差异,设计师可以分析原因。然后就可以根据这些数据设计网页了为了可用性和最好的转化率。

卡片分类对网站的整体结构或设计组织的特定组成部分都有深远的影响。卡片分类方法可以帮助设计师回答许多问题。这里有一些:

  • 不同用户群体(目标受众或人口统计数据)的选择有何不同?
  • 他们的选择与目标用户的选择相比如何?
  • 网站上的资讯和内容是否应按特定类别分类?
  • 为了获得最佳效果,登陆页面上应该有多少个区域?
  • 导航应该如何设计?
  • 应该有多少个类别,在这些类别之下应该有多少个导航级别?
  • 最佳结果的链接、类别和内容组应该被命名为什么?

在预设计过程中使用卡片分类来帮助回答这些问题和其他问题。围绕答案设计一个强大的用户体验。

寻找卡片分类可用性测试的参与者

要使用卡片分类方法,参与者(显然)是必需的。你可以通过多种方式找到他们,包括网上、家人和朋友、员工和商业熟人。您是否使用在线参与者将由您的目标受众决定。

例如,如果你的目标用户不上网或不怎么使用电脑,那么他们显然不适合。

包括你的目标受众

一个网站将有效如果它是由其目标受众的趋势和偏好推动的。如果用户使用的是错误的,网站就不会朝着正确的方向发展。卡片分类的参与者应该被分为人口统计数据,根据目标受众为研究预先定义。

用户是年轻人还是老年人?科技极客还是外行?如果有多个目标受众,那么就对所有人进行测试。

查看结果时,注意它们的不同之处和相似之处。什么样的结果最适合混合小组?

卡片分类的类型:如何

卡片分类有两种:开放式卡片分类和封闭式卡片分类。两种情况我们都来看看。

打开卡片分类

打开卡片分类在美国,参与者会得到一张卡片,上面写着网站各个部分的名称,没有小组或小组名称供他们分类。他们没有任何组织。参与者负责创建和组织小组。

开放式卡片分类对新网站和现有网站都很有用。它可以用来生成关于整体布局,导航结构,特别是网站上的组和类别的名称的反馈。它还可以解决或防止信息体系结构产生的问题。

参与者选择什么名字作为章节标题?有什么趋势吗?观察参与者如何查看和引用内容。

这样做可以防止你使用令人困惑的措辞或提供令人困惑的方向。参与者创建的类别的平均数量是多少?如果有太多,可能是内容混乱或不相关,或可能网站需要广泛的多层次导航。

如果内容只被组织到几个类别或组中,并且可能有更多,这是为什么?用户可能希望这类内容具有简单的导航。有子类或子类吗?

有多少?与更深层次的组织和导航相比,顶层导航有多基本或多广泛?如果在这方面存在不一致,可能是内容或内容类型的定义过于松散。

内容是否符合逻辑?例如,一个建立电子商务系统是这样的:浏览产品>查找产品页面>描述和评论>结帐。博客的导航会更简单:浏览标题>帖子。

封闭的卡片分类

封闭的卡片分类,参与者被要求将内容放入已经存在的组、类别或部分中。最有效的方法是为参与者提供基本的顶级群组,然后让他们从那里开始。可以为更详细的测试提供子组。

你也可以有开放式和封闭式卡片排序的混合。为参与者提供主要的组部分,并允许他们创建他们认为合适的子组。这种方法是完美的现有网站,需要适应新的内容,而不重新安排主要导航和现有的内容。

首先,为参与者创建主要组。它们可以基于现有的网站结构或专门为研究确定。然后,提供卡片或笔记,其中列出了内容类别(如下面这些),或选择特定的标题(如从文章或博客文章),供参与者在组织信息时使用。

封闭式卡片排序与开放式卡片排序有许多相同的优点。不论是否涉及现有的网站,此方法可用于下列目的:

  • 测试组名是否定义良好并可理解。
  • 确定用于容纳所有内容的组名是太多还是太少。
  • 查看用户在不同的组标题、不同的顺序或不同的数量时是否会以不同的方式排列内容。

创建网站布局与卡片分类数据

如果设计师不太了解内容,创建布局和确定顺序可能会很困难。根据图像宽度、内容容量、长度等,设计师可能只知道每一段内容需要多少空间。但是用户喜欢哪里的内容呢?

这些内容区域应该是大是小?卡片分类也可以回答这些问题。这里有一些简单的方法通过卡片排序来选择层次:将组名或内容类型的名称放在卡片上,并允许参与者按照重要程度或他们希望看到的内容的顺序放置它们。

不需要告诉参与者在线框中放置部分;只要让他们按他们认为合适的顺序来点就行了。然后,设计师可以使用他们的技能根据结果制作一个合适的层次结构。给参与者一个空白的模板,让他们填写。

可以使用任意一种方法(open或closed)。要么提供现有组中的内容,让参与者在空白页面上任意放置卡片,要么让他们将内容组织到自己的组中,甚至不需要组。然后分析结果。

有模式吗?什么是哪里,为什么?给参与者一个现有的线框或网页设计,让他们重新安排内容。

这是一个很好的选择,如果现有的模板需要坚持,但内容需要重新安排或添加。允许参与者使用当前的线框,并将内容放在他们认为应该放在的地方。注意模式、趋势和可用性问题。

卡片分类例子

除了阅读有关方法,我们设计师还可以通过查看示例了解更多关于卡片分类和最佳实践的知识。看看设计实践,如何分析数据,以及这个过程如何影响最终的网站。在web项目中有很多使用卡片分类方法的案例研究和教程。

以下是其中的一些。

Sun公司内部网SunWeb的设计

这是一个旧的卡片分类研究,为1994年SunWeb的重新设计做的。它涵盖了卡片分类的实践和方法,收集关于用户偏好的内容放置和本网站的布局和结构的信息。

NTEN的卡片分类:幕后

Beaconfire有机会重新设计和重组非营利技术网络的网站。它在其博客上发表了许多文章,其中第一篇是计划阶段,包括卡片分类方法。本案例研究涵盖了Beaconfire如何将其信息分成小组并为参与者准备研究,它如何划分受众,以及最后如何分析结果。

org:我们从卡片分类中学到的东西

Leisa Reichelt写了一个关于她的团队如何使用在线卡片分类工具来重新评估drupal。org并从200名随机参与者中收集信息的案例研究。然后她讨论了它是如何帮助整个项目的,以及她从这项研究中具体学到什么。

欧洲之星卡片分类案例研究

这个案例研究和回顾是在欧洲之星网站创建后发表的。欧洲之星是一种高速列车服务,在世界许多地区都可以使用。当然,这个网站的内容很广泛,如果没有卡片分类的帮助,组织起来会很困难。

这篇文章讲述了欧洲之星如何组织团体,发现和组织参与者,以及收集和分析网站上使用的数据。

卡片分类技术的案例研究(PDF)

这个案例研究探索了一些与标准网站组织内容有点不同的东西。这项卡片分类研究旨在帮助组织和重建康奈尔大学在线图书馆系统的内容。这项研究有助于重新组织应用程序及其内容,以便它可以帮助学生和其他用户快速、轻松地找到他们需要的东西。

使用OptimalSort进行卡片排序:一个案例研究(节选)

本案例研究涉及政府为退休系统提供的在线信息。文章涵盖了基本的卡片排序方法,并提供了使用卡片排序来组织数据的结果的例子和统计。本案例研究使用了在线工具OptimalSort。

卡片分类研究:了解用户如何对购房信息进行分类

这个案例研究是为一个大型的房地产网站做的,它不仅提供关于该公司的静态信息,而且还让访问者找到房屋和购房信息。本研究探讨了卡片分类研究的过程及其产生的效益。

卡片分类工具

我们现在知道,传统的卡片分类包括将内容、组、关键词等放在物理卡片上,让研究参与者将卡片分组或创建一个层次。如果参与者可以很容易地找到并聚集在一起,这种方法是有用的,但也有许多在线应用程序和工具,以免除麻烦的卡片分类研究。以下是其中的一些。

OptimalSort

OptimalSortOptimalSort提供按月收费的高质量卡片分类和可用性测试服务。制作卡片和选项,然后将研究的链接发送给选定的参与者。或者在twitter上发布链接,随机找一些愿意帮助你的参与者。

该应用程序提供实时结果和图表,界面圆滑而智能。

WebSort

WebSortWebSort是另一个在线应用程序,设计师可以用它创建卡片排序的可用性测试,并向公众或选定的参与者发送链接。它还有一个很棒的界面,可以像OptimalSort一样计算结果和图形。然而,WebSort有一个独特的拖放界面来简化组织。

用户放大

用户放大将数据预先组织到组和子类别中。使用User Zoom,你可以有无限的参与者,并有一个选项,包括你自己的问题(如,为什么你选择在这里放置这个内容,或为什么你这样分组这些项目?)量身定制的问题将得到参与者的直接回答,并帮助您分析他们的思维过程和改善用户体验。

xSort

xSortxSort是一个用于mac的应用程序,它创建了一个模拟物理卡片排序的拖放界面。它还计算并显示结果,以供您在屏幕上使用或打印出来供将来参考。

CardZort

CardZortCardZort是一个独立的应用程序,适用于Windows、Mac和Linux,它提供了一种简单的数字卡片分类方法。有两个程序可用:CardZort(标准的拖放卡片排序应用程序)和CardCluster(与CardZort一起创建对结果的详细集群分析)。这个轻量级的工具是一个很好的免费选项,它直接触及传统卡片分类的要点。

卡片分类资源

结论

只需要一点计划和测试,我们就可以了解我们的目标用户以及用户如何查看和使用网站。卡片排序是一种比较流行的方法,用于确定层次结构、导航顺序、布局顺序、标题命名、链接措辞等。这也是一种简单的技巧,通过分析,可以帮助设计师了解项目以及他们自己的设计策略和习惯。

欢迎在评论部分分享其他卡片分类的技巧和工具,以及你使用这种方法的经验。你用过卡片分类吗?你用别的方法得到过类似的结果吗?

相关内容

WebFX职业

加入我们的使命,为全球企业提供行业领先的数字营销服务——同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!