新妇测验程序猿轻便忽略的教练,开垦品种检查
分类:前端技术

图片 1

原文作者:Susan Farrell    2015-10-25    发表于NN/g    译者:小媛

       目前新人测试工程师的训练主要在业务学习上,立足于了解业务才能在业务创建和业务改进中发现问题,这一点无论是外包项目或者维护自己公司的产品都是通用的。可能再加上各类工具使用,各项使用到的测试技术。这些归结到帮助新人测试工程师更容易发现问题。再有的培训可能是测试要求和流程,项目流程,企业文化以及各项工作制度等,这些归结到帮助新人测试工程师更快的融入团队。

原文作者:Pierre Croft

在完成Web应用的功能性开发工作后,你还需要对其进行各种测试、调优。由于需要测试的方面较多,有可能会遗漏一些重要的测试项。WebDevCheckList这个网站提供了一个完整的测试清单,并在每一个测试项中提供了一些帮助信息和测试工具。测试后,你还可以在复选框中打勾,以避免遗漏。测试项涵盖:可用性代码质量性能安全移动端SEO最佳实践Google分析语义无障碍访问你可以点击后面的“i”图标,来查看帮助信息和相关工具。网站地址:


        然而有一项训练是极度缺乏的,那就是如何清晰的表达问题。这一点在一些工作时间较长的测试工程师身上也时而发现。我时常在思考新人的工作效率往往很低的原因(这里的效率低下并不是说单位时间内执行用例的数量或者提交BUG单的数量,实际情况是他们在这方面并没有与工作时间较长的测试工程师有非常明显的差距,不过由于各类原因新人的遗漏率确实是头疼的事情)。效率的低下体现在一段时间内,新人测试与其他角色配合之后,整体处理问题的速度很慢。

原文地址:Smashing Magazine

摘要:显示当前位置的导航通过标识帮助用户在浏览网站的时候找到方向。很多网站需要更明显的位置标识。

        通过观察我发现新人测试工程师有一个容易忽略的训练,就是把问题说清楚。说清楚包括问题叙述完整,没有歧义,没有遗漏信息。我看见过这么一个问题:修改帐号密码后登录不了,测试工程师在测试数据一栏写上了帐号密码,然而问题接踵而至反复确认。给的帐号是子帐号还是主帐号?给的帐号密码是修改前的还是修改后的?修改帐号的入口是哪里?是登录PC网站还是触屏APP?

信息架构是你经常听到的流行词之一。它指的是你的网站上信息如何组织,如何把信息放在一块儿才合适。当你执行信息架构这项工作时,要尽快让你的网站的用户参与进来。

设计师通过导航结构帮助用户浏览网站,但仅有合理的导航结构和功能还不够。导航不但要告诉用户接下来去哪儿,还要告诉他们当前在哪儿。网站里的每一个页面都有可能是用户看到的第一个页面,因此每一个页面都应该有足够的场景信息,引导用户迅速找到去往目的地的路径。

         这样如何才能保证问题处理的效率呢?不要忽视这个容易忽略的训练。

这篇文章我们讨论卡片分类,一种经过经验证明架设信息架构的良好方法。我们将列举一些执行卡片分类时的使用建议,以及一些实例。

通过页面搜索来浏览网站就像是在陌生的城市里随便下了一站车。有效的标志是非常重要的。图片源自RK Photography

什么是信息架构

现代网页设计的伟大之处之一就是在设计初始就考虑用户需求。成功的项目之所以成功经常是因为负责人致力于尽早理解用户,理解他们的背景和他们的目标。和这场游戏的其他方面一样,一个成功的项目需要工作和计划。

图片 2

valuable-original-content-opt.jpg

良好地信息架构有助于项目成功。它使得我们在一个复杂的网站中容易找到所需内容。通过有效的导航也能快速找到内容;然而,信息架构和导航之间区别是什么?

商场走廊的墙上常常会贴上地图告诉人们他们现在在哪儿,为他们辨明了方向。图片源自Britain W.

好的导航始于好的信息架构

信息架构指的是网站中信息的结构,它描述为站点地图,图表和表格。导航指的是交互元素,运用这一元素——菜单,面包屑,链接——人们在信息结构中穿行,它在线框图或者原型中被描述。因此,改善信息架构首先始于分析网站的内容和结构,然后再设计导航。

正如许多改善网站的技能一样,让用户参与进来是很有帮助的。卡片分类就是这样一种技术,因为它的可靠性和有效性已经被使用了很多年。首先,我们将审查一些信息被不良组织的原因——预防总是好过治疗!然后,我们将介绍一些执行卡片分类的实用技巧以及它们如何在你自己的项目中改善信息架构。

用户不总是会走正门

在搜索引擎的帮助下用户可以在网站里随意浏览,因此提供当前所在位置的提示十分重要,这样用户才不会迷路。即便他们是通过首页进入到网站,在浏览其他页面的时候也需要方向的引导。

位置标识让用户浏览目标页面时更放心。与火车站类似,网站的位置标识包含色码、亮度、符号、箭头、路径,以及位置名称。在用户感到迷惑、担心,或是迷路的时候,这些标识可以帮助他们确信接下来该去哪儿。

让用户一眼看出网站主题及当前页面主题。网站里的位置标识常常通过导航、图标或者菜单的外观变化来实现。面包屑导航和页面标题的作用尤为明显。购物结算流程和应用安装向导也倾向于以步骤名称和数字为用户导向。

不良的信息架构到处都是

不良的信息组织在任何地方都可能发生。最后一次你花费了大量时间在复杂系统中寻找信息而不得是何时?一个典型的例子是你试图在一个大型超市里寻找某个货物。大多时候你能够在冷冻区,日常用品区或者生鲜产品区找到家庭必需品。但是你知道去哪里寻找一些更不起眼(不常见)的产品吗?比如去哪里寻找无麸质面包?你最喜欢的一款进口辣椒酱品牌去哪里找?上周末在聚会中尝到的手工浸豆又在哪里?

典型的“你在这儿”机制

LOGO和品牌:LOGO可以告知内容的归属,且和首页关联。另外,注册商标、调色板、签名字体等品牌元素也能激发用户对一个组织机构信用度的认知。通常LOGO和品牌位于网站页面的左上角;这个位置很容易被用户一眼看到,不管用户用的是哪种设备。

导航的变化:当用户选择了某个主题的时候,与导航相关的链接或图形元素(分页选项卡、按钮、符号等)在视觉上会有更显著的变化,通常以颜色高亮、或者移动的方式呈现(有的时候为了突出效果两种方式会同时使用)。

主题:左对齐的标题符合从左向右阅读的规律,能让用户快速获取关键信息。一组不同级别的主题也可以让用户马上了解到其他内容和路径信息。

窗口(页面)标题:在搜索引擎结果、RSS订阅、新的RSS阅读器、书签、历史记录列表中,HTML标题位于每个窗口或分页的顶端。独有的描述性标题表明了其归属、信息组织方式以及页面的特定内容。

URL:适当、可读的网站地址对链接地址的分享,网站的信用度、辨识度,以及撤销操作功能有举足轻重的作用。它揭示了网站的信息构架,帮助用户在场景中更好地了解网站内容。

面包屑:面包屑的链接路径清晰展示了信息层级(当前所在位置及如何返回)。和URL一样,面包屑也能告诉用户刚刚浏览过的路径,并且更具探索性。

场景线索:无论从时间角度还是网站的信息构架方面来看,日期、标签、图标以及其他符号标志也常用于帮助我们在恰当的场景中更好地展示信息。

视觉设计的变化:彩色编码、品牌变化、及其他一些明显差异都可以作为位置变化的标志。网站中的彩色编码(主色调随网站区域而变)常常伴随着风格迥异的内容。例如,杂志、新闻网站、还有许多组织机构会通过颜色和品牌的变化来区别不同的特性、部门、产品系列等。

步骤:通常,购物结算步骤以及其他的顺序任务流被赋予了每一步的名称和序号,以告知用户目前是第几步、要执行什么任务。这些步骤标识一般位于页面的水平上方或者垂直展现在左侧。他们帮助用户了解整个任务流有哪些步骤、目前处于哪一步骤,激发用户的正确预期(让用户明白下一步是什么)。

网站BBC新闻通过(1)logo和品牌,(2)导航条的变化,(3)主题,(4)场景线索让用户明确当前所在位置。这个页面的标题和URL包含了文章的标题和网站的名称。

麻省理工大学开放课程的网站有非常明显的位置标识:(1)品牌,(2)导航条的变化,(3)面包屑导航,(4)主题、页面标题及URL。但是这个页面遗漏了一个重要的可见性信息,时间场景。

页面标题和URL对展示信息场景和位置也很有帮助:

麻省理工大学开放课程网站的页面标题为:Readings | Introduction to Technical Communication: Explorations in Scientific and Technical Writing | Comparative Media Studies/Writing | MITOpenCourseWare(路径很长,但是展示清晰、关键词明了)

其URL为:http://ocw.mit.edu/courses/comparative-media-studies-writing/21w-732-5-introduction-to-technical-communication-explorations-in-scientific-and-technical-writing-fall-2006/readings/

该网站中,教科书的出版日期(1995-2003)暗示着文章已经过时,但URL中却有意提供了课程的时间(2006)。这里最好能在页面里具体展示出课程的时间,好让学生们知道这是一篇老旧却依旧经典的文章。页面底部(整个网站皆如此)的版权信息虽然给出了2001-2015的提示,但这个时间范畴对于科技内容来说太久了。

纽约公共图书馆网站的黑色导航条选中任意一个主题后,被选中的主题颜色由黑变红。这一变化展示了导航条的层级结构和内容信息。网站的LOGO、品牌以及可以来回切换主题的导航条都对用户当前位置的展示起到了积极作用。

在复杂的网站信息结构中展示最深级导航条的变化是有难度的。但面包屑导航做到了。欧洲太空总署网站的复杂构架和面包屑导航向用户展示了清晰的位置标识。(尽管还是有点令人困惑,理由是2014年拍摄的照片被归属到2015年——有可能2015年是照片的发布年限。)

辣椒酱在哪里?

有时候我在大型超市里寻找商品时很吃力,这增加了我的挫折感。我通常最后都会去问商场职员哪里才能找到我所需的商品,前提是我还没有沮丧到离开商场。同样的情况发生在网页中,网页的用户甚至更没有耐心。如果用户不能在几秒种内找到他们想找的东西,无论是通过浏览还是通过搜索的方式,他们就不可能在网站中停留。因此,网站(以及超市)能从直观的组织结构中获益匪浅。不幸的是,一些人未能妥善解决这个问题,用户不断受挫而离开,最终导致销售额损失。

为有效的位置标识进行测试

很多网站的位置标识由于太不起眼而导致无法有效地传达位置信息。设计师对自己设计的网站结构了如指掌,不需要刻意的位置标识,因此设计师眼里的网站设计与其他人是有差异的。相反,对于网站的访客——新用户或偶尔访问的用户——来说,一切都是新鲜有趣的。因此,一个对设计师来说很明显的位置标识不一定能被访客注意到。人们很容易忽略细节。

什么时候测试

现有网站随时可以。

对于新网站的设计,最好在视觉进展到高保真阶段前就执行好测试。列出所有网站在正式运转情况下能干扰用户的真实内容,尤其是广告、动效、照片,因为这些设计元素最能影响用户注意力。

怎么执行测试

向测试者展示网站不同层级的页面,每次展示一个、不提供导向帮助。

对测试者提问:“假设这是你第一次访问这个页面。你知道自己处于网站什么位置吗?”

若测试者给出反馈(正确或错误的答案),接着问:“你是怎么知道的?”

若测试者不确定,再问:“你会希望这里有什么样的标识帮助你找到当前位置?”

若测试者还是不清楚自己在哪儿,继续提问:“为了弄明白自己在哪儿,你通常会怎么做?”

避免把导航路径设计成死胡同。有时URL也会因打不开而毫无作用。这种情况下,给出几个位置链接、让用户尝试去访问感兴趣的页面,而不是只留下一个空白页面,这样用户可以重新计划新的浏览之旅。该网站页面向用户表达了歉意,并建议用户重新检查网页地址;此外,还提供了索引链接、网站的全局导航、检查网站状态的路径、以及联系网站工作人员的链接。无结果的搜索结果页的处理方式也与此类似。

信息组织不良如何发生

尽管出于某人的善意目的,网站还是很容易最终成为一个组织凌乱的网站。为何会出现这种现象?

最常见的一个理由就在于信息架构是从公司的商业结构出发创建的,而不是出于用户的需求。这是许多客户的默认选择。更常见的现象是信息的架构是根据公司高层的虚妄想象和偏好来组织的。而公司高层往往是不能掌握什么是一个好的网站的独断个体。

总之

只有让用户参与测试才能确保网站的导航路径设计是否正确无误。如果测试结果显示用户只是漫无目、这儿看看那儿看看、或是原路返回,说明你的网站构架还是存有问题,要么是位置标识不够突出、放错地方,要么是导航层级、页面标题等不够完善或有误导性。

内容策略的重要性

对于大型网站来说,问题经常在于内容策略的缺失。管理内容对于那些巨大或者频繁升级的网站来说很重要。内容策略包含如下过程:

  • 谁升级网站,多长时间升级一次
  • 管理旧的或者过时内容的系统
  • 在网站上维持内容的分类标准(标签,类型,类别)

作为网页制作专家,我们以我们的工作和规划能力为傲。面对一个强势的公司高层和陈旧的内容策略令人沮丧。然而,这两个问题有一个共同的解决方法。诸如卡片分类这样的用户中心技术很有力,因为他们能使你在诊断和修复网站问题时变得更有科学性。稍后,我们将会展示卡片分类和内容策略如何“携手共事”。

有关历史记载

有趣的是,对用户在“多维空间(复杂的网站构架)中迷路”的担心在万维网之前就催生了许多富有创造性但却很复杂的解决方案。乐观的是我们现今的网站已经运用了一些实际可行的微创新,并且用户可以通过返回按钮回到自己熟悉的领域。

相关培训课程

信息构架,导航设计


原文链接:Navigation: You Are Here

译者简介

小媛,神经认知语言学硕士  现从事互联网产品设计  热衷于用户体验和交互设计

如需转载,请联系作者并注明简书原文地址

卡片分类有何帮助

那么,当我们组织网站的信息时如何使用户参与进来?理想的情况是,我们的解决方案要廉价,快速并且有用。谢天谢地,卡片分类具有所有以上三个特点。过程就像它听起来的一样,你把所有需要组织的的分离元素写到卡片上,然后要求被试凭直觉把它们归到不同的组别中。这就是卡片分类的全部了吗?什么时候时候用这个技术,结果应该是怎样的?

什么时候运用卡片分类

组织内容的过程总是充满疑问。应该按照类别分类还是应该按照主题分类?常见问题(FAQ)应该归于那个类别?卡片分类能够回答这些问题,并且在许多情况下都有用。一些具体的案例包括:

  • 电子商务网站中产品的分类
  • 在常见问题(FAQ)模块中组织问题
  • 解决一个复杂的站点地图

卡片分类的好处之一是不受客户项目甚至网站本身的限制。在我们为客户使用这种技术之后,我们发现了它作为一般目的性工具的价值。我们已经开始在我们自己的内部会议使用它,它可以用来整合团队关于如何组织一项特定的业务流程或者如何构建一场即将来临的演讲的建议反馈。

最后,任何卡片分类的目的在于改善信息的分类标签,分组及组织。 然而,它最适用于组织内容,并且它本身并不能解决所有问题。如果你的网站非常关注于任务(例如,一个在线预订航班的网站),那么卡片分类本身的用处就十分有限。你最好执行可用性测试,尤其是你的时间或者预算很紧的情况下。

图片 3

3-img-cardsortinternal-small-opt.jpg

当你需要组织某些事情的时候卡片分类在你自己的内部会议中也很有用。它是一种整合团队反馈的很好方法。

开放还是封闭?

卡片分类法能被分为两种类型——开放的或者封闭的。开放式的卡片分类是两者中更灵活的一种。在这种分类方法中,用户按照对他们自己有意义的方式自由把你所提供的卡片进行分组,然后他们为每个组别提出他们自己的名字。他们也具有重新命名卡片的自由,如果他们希望也可以提出新卡片的建议。

当你想要理解用户如何组织你的内容时这种卡片分类方法是最好的。收集他们对组名和标签的想法和建议对于使你的网站更直观大有帮助。

另外一种方法就是封闭式的卡片分类,其中分类标准和标签是固定的。当你想要理解用户如何适应内容到一个现有的结构中时这种方法是有用的。当有新内容需要加入到网站中时也用这种方法。

举例来说,考虑一个电子商务网站和它对产品的最高层的分类——科技,家居与园艺,运动休闲。现在假设网上商铺开始储存一些刚刚推出的新产品。这些新产品应在加到哪个高层分类类型中?让用户参与到封闭式的卡片分类中能帮助你找到答案。

有时候你可以混合这两种分类技术。在一组用户当中执行开放式的卡片分类法以决定高层级的分类类别。然后在另一组用户当中执行封闭式的卡片分类,运用上一组用户中得到的新分类类别,看看这组用户是否很容易就能把存在的内容归入到这些类别当中。

这时候,它是个人的

传统上,卡片分类是一种低技术含量的工作,它不需要先进的技术或者软件。你仅仅需要在纸片或者卡片上写下所有的条目,把它们分散在桌子上,让你的用户对他们进行分类。这种方法被广泛使用因为它费用低廉,快速而且直观。和你的用户待在同一间房间里意味着你可以随叫随到去指导用户完成整个流程。

图片 4

4-img-optimalsort-small-opt.jpg

OptimalSort是一种卡片分类的在线工具

这篇文章的关注点在于卡片分类的线下运用,但是在线卡片分类工具,比如 OptimalSort和ConceptCodify,表现出一些重要的优势。招聘被试更容易,使得被试按规定比例分布更容易。许多高级报告工具具有鉴别相关关系和统计模型的特性,当这些工作需要手动完成时需要花费大量时间。免费的工具比如Trello也能很好的执行卡片分类工作,但是没有生成报表的能力。

在线服务的局限在于它们通常很昂贵并且不能接触个人。通过观察个体的行为和身体语言你能获得在线服务所不能捕捉到的独特视角。

逐步地进行卡片分类

1. 准备

执行线下卡片分类的首要任务是准备你的卡片。创建一个文档列出所有你要测试的条目内容,并对其进行编号——电子表格是理想的文档方式。这些条目可以是某个站点地图中的页面,符合某个分类学标准的产品分类类别或者标签。列表中的每个条目要被分别写在单张卡片中,卡片的背面要写上相对应的编号。这种编号有助于你分类完成后进行高级分析。

对于卡片本身而言,使用真实的卡片而不是纸片,纸片可能会丢失,容易破损和撕裂。再者,一次不要测试太多的事物。根据经验,我会说每次测试不要超过50到70个条目。如果你正在组织一个巨大的系统,把它分成几块,然而每个模块进行一次测试。

图片 5

5-img-cards-small-opt.jpg

这几乎就是你所需要的东西。再加上一张桌子

选择在卡片上写什么是个挑战。理想上而言,分类标签要足够简短使得用户能快速阅读,但是长的标签能够解释标签的意义让被试能够理解所呈现的标签。简短的标题通常只在描述它们所属的组别的情况下才有意义。因此,尽可能简洁地总结内容才有帮助,而不是仅仅使用一个标题。

例如,像这样一个标签“关于我们手机的更多信息”比仅仅“更多信息”更好。后者可能意味着这个标签属于一个已存在的叫做“我们的手机”的父组标签之下,但是仅就其本身而言,它并没有这种含义。

总结:

  • 当准备卡片时使用电子表
  • 卡片要耐用
  • 标签要在简单和直观之间寻找平衡

2. 先学会走路再跑步

如果这是你第一次使用该技术,先在小项目里使用。在小项目里,组织、分析结果都更简单,并且你有机会在下次执行时做些调整。你在早期需要作出的一项决策是进行团体测试还是个人测试。决策依据系统的复杂度,你的时间和预算多少而定。如果你刚刚开始,首先在个人测试的实践中学习——如果需要的话,你总有机会进行大规模测试。

当你要组织大量的内容时,三个被试为一组进行测试能更快得达成共识。然而,他们需要更多的协调,花费你更多的时间和金钱。你也有可能会遇到激进的强势的公司高层,他们会有污染结果的风险。

在一次测试中应该包含多少用户呢?为了数据更有效,你所需的用户数量应该多于典型可用性测试所需的数量。雅各布尼尔森(Jakob Nielsen)建议收集大约15个用户的数据就能达到统计学上有用的结果。谨慎在测试中包含越来越多的用户,因为随着用户的增多,返回的结果将会越来越少。

总结

  • 如果这是你第一次执行卡片分类,先在小项目中使用
  • 团体测试能更快达成共识。
  • 个体测试更容易协调
  • 为了获得有用的结果,你需要大约15个被试

3. 寻找被试

下一步就是寻找被试。最好的结果是寻找网站的真实用户,特别是当网站是一个小众而专业的系统时。例如,如果你正试图改善一个学生内网的内容组织,那么就去找学生。对于更大众一些的系统,例如电子商务网站,就需要找寻分布在广泛的人口统计学指标下的被试,比如不同的年龄,不同的收入或者技术能力等。

如果可能的话,让你的客户区寻找用户。客户甚至能够直接提供用户——假设你正在重新设计客户的员工内网。给被试提供一点点经济报酬,例如礼品券,也有助于被试积极参与。

总结

  • 对于小众网站或者内网,寻找已经存在的用户
  • 对于更大众的网站,寻找具有不同人口统计学特征的用户
  • 客户对于寻找用户总是有帮助的

4. 汇总

准备工作的最后一步是准备好会议室。准备好一张大桌子或者布告牌——越大越好。你也需要在恰当的地方安置记录工具。摄像机或者智能手机都可以,只要它能够记录、回放测试过程的录音或者视频。同时确保手边具有足够的饮料和点心。

一旦你准备好了卡片,用户也到了,你就可以开始进行测试了!提供清晰的指导语,让用户知道测试过程将会被录下来以供随后回顾。像用户解释清楚他们只需要将卡片归到他们认为有意义的不同组别中,无所谓对错。如果你正执行一项开放式的卡片分类,给他们提供一些空白卡片,以供他们在分好组之后给不同的组命名。

当你在执行这个测试的时候,你要扮演一个主持人的角色。当用户在测试过程中卡住的时候(这时候用户很可能发出很多“呃”“啊”的词),你要在他们身边向他们解释说没关系。事实上,知道哪里使得用户感到困惑(卡住)是有用的,因为这表明你的卡片标准有问题。如果他们发现一些卡片很难被分类,把这些卡片放在一边然后记录是哪些卡片。并且,你要意识到在团体测试中,作为主持人,对你的要求将会更高。

总结

  • 记录每个测试并且做笔记
  • 答案没有对错之分
  • 随着被试的增多你作为主持人的要求将会更高。

5. 打包(原文为Wrap Up,不知道怎么翻译合适= =)

一旦他们(指被试)已经尽他们所能分类好了,如果你有时间,可以随意地问他们一些问题。你可以要求他们详细解释一下他们这么选择的理由,对哪些特定的卡片的分类感到犹豫等等。

最后,记录下他们对卡片的排列方式。最简单的方式就是拍照,但是在一间小房间里,你很难确保所有的卡片都被拍下来。拍照不是永远可行的方式,如果你已经对卡片进行编号,那么你就能记下哪些号码被排列在一起。编号也有助于你做一些更详细的统计分析,这就不是本文所要讲的范围。

一旦这些工作都做完了,在你的笔记或者照片上写下被试的名字。为了减少任何潜在的选择倾向,在对下个被试测试之前重新打乱卡片。

总结

  • 拍照是记录被试排列的快速方式
  • 如果你有时间问一些问题
  • 为了排除潜在的偏向,在每次测试之前先打乱卡片

更进一步的建议

  • 提供一点小小的奖励是鼓励被试参与的好方法
  • 当你选择所需要的分类内容时,试着从更小层级的内容出发(比如,对页面进行分类或者对个人帮助主题的内容进行分类)。将父级和子级分类混在一起会让人困惑。
  • 提供清晰的指导说明。在测试开始之前先想好要说什么
  • 提供空白的卡片和标记笔以备被试新的分类建议——这对开放式分类是基本的
  • 除非被试请求帮助,否者不要打断他们
  • 如果被试不能对所有卡片进行分组那也没问题。这也有用的信息- 每次测试设置时间限制,这样你安排测试会更简单
  • 在个人测试时,确保没有其他人在场。他人在场会导致分心。
  • 总是记录测试过程并做笔记

理解结果

恭喜!你刚刚进行完了你的第一次卡片分类测试,你的笔记本上充满了新的见解。下一步就是理解这些结果。因为这可能使你第一次进行卡片分类测试,你可能不具有清晰的结果脉络。

对于每个被试,每次测试的观察结果需要整理两组记录文档。第一步是创建一个新的文档,然后把你在测试过程中记下来的笔记转移到该新文档中,这些记录应该是一些定性的观察,比如被试所建议的任何新的卡片名称,被试是否对某个特定的卡片犹豫不决。

然后,记下被试所列的群组。你可以在你的文档中简单地用无序列表排列被试的分组,或者用电子表格展示分组。如果你想要在随后执行一些高级统计分析,那么电子表格是理想的文档形式。很多方法和软件能做这些工作,其中的细节可以写另一篇文章。重要的是描述层级,每个被试所创建的父级-子级的关系。

寻找什么

一旦完成以上步骤,就可以开始分析。这是艺术和科学的结合。目标是鉴定不同测试之间的关联趋势,并回答以下问题:

  • 哪些条目最常被放在一起?
  • 哪些条目被试分类的时候显示出挣扎(分类困难)?
  • 被试提出了哪些新的建议或者标签?
  • 是否有条目被归到不只一个组别中?
  • 测试过程中是否有其他相关的条目被提出来?

如果许多用户以相似的方式组织卡片,那么这项工作就相当简单。把你的网站内容按照相同方式进行组织就可以了。如果你有时间,可以在随后进一步进行用户测试,确认新的结构是否优于旧的结构。

对于那些复杂的信息架构,不同用户经常提出相当不同的结构。你的测试可能需要更大规模的用户直到出现一种大的趋势。这是困难的部分,想要去芜存菁、只留下有用的信息,你可能需要渡过几个关卡。在执行几次卡片分类测试之后,你就会掌握一定的技巧。

在这些情况下,在线工具就很有帮助,因为它们能使统计分析更简单。统计分析的高级技巧包括创建树状图。这些树状图显示了各个层级内的信息组,以及条目之间的关系有多紧密。一些在线服务提供分析这些的工具,这部分内容是相当繁重的,不再本文讨论的范畴。

图片 6

6-img-dendrogram-small-opt.jpg

树状图可视化呈现了信息分组,但是若没有专门的软件,创建树状图是棘手的。

一个真实项目的例子

项目背景

最近,Decibel Digital团队正致力于重新设计英国一个主要的动物慈善网站。现有的网站仅仅将网站内容按字母A到Z进行分类,网站包含了上百个页面。很多页面都是真正有用的并且包含大量的内容诸如新闻、帮助、视频和下载。问题在于内容没有结构。一切都被混杂在一起然后按字母排序。这就是目前为止网站内容的最大划分,这就导致不依赖搜索而定位到你所需要的内容时遇到难以置信的困难。

上面我们提及了数字团队,我们认识到问题的部分原因是缺乏内容监管。公司的任何人都能够上传新内容到这个模块,他们经常上传名字上稍有不同的重复内容。经过许多年,这个模块的内容变得一团糟,就像一条小行星带——就是难以导航。

进行内容审查

在对网站进行重新设计之前进行内容审查,养成这种习惯是件好事。我们在一张电子表格中收集了所有的网站页面,对页面内容(文字,图像,视频,文章等等)的简要描述以及它们的URLs。这些URLs可以从现有的CMS(客户关系管理系统)中导出来,但是我们使用了一个叫做Screaming Frog的工具。

图片 7

7-img-seospider-small-opt.jpg

搜索引擎蜘蛛是一个漂亮的小工具,它可以爬取网站,网站的页面列表和页面元素。你可以使用这个列表去进行内容审查。

一旦上面的电子表格准备好了,下一步就是评估内容。我们使用了一种叫做“ROT”分析的方法。我们用以下标准检验每项内容:

  • R:内容是否是多余的?
  • O:是否过时?
  • T:是否琐碎?

像这样遍历网站内容似乎是费力的,但是实际上它非常有疗效。一旦客户开始解决他们的旧网站所引起的内容怪物,客户会感到宽心,这也会使每个人对项目的感觉更良好。使用ROT分析能使团队在选择哪些页面需要删除,哪些页面需要增加的问题上更快达成共识。很快,内容就会消减到可以管理控制的水平。下一步就是解决如何组织内容的问题。进入了卡片分类的范畴!

图片 8

8-img-audit-small-opt.jpg

内容审查是比税务审查更有乐趣的方式

进行卡片分类测试

内容审查之后,我们感到现存的按字母A-Z的内容划分是不合适的,尽管许多内容都是有用、有价值的。我们决定执行卡片分类测试来组织内容,以用来设计新的网站导航。我们的目标是开发一个新的结构,使得内容浏览的体验更友好,用户无需依赖搜索就能很容易找到所需内容。

测试什么

网站还是有许多页面,所以我们必须决定测试中要包含哪些内容。若有太多卡片需要分类工作就会变得费力而困难,所以我们决定仅对一级和二级页面进行卡片分类测试,以确保工作在可管理的范围。我们没有把一些通用页面包含进来,比如,“联系我们”, “隐私政策”等等,这些页面在许多其他网站中一般也能发现。做完这步筛选工作,我们发现还剩下大约50个页面,我们认为这是个进行卡片分类的理想数量。

寻找用户(被试)

下一步就是寻找可测试的用户,我们在客户的帮助下征募到了用户。这个网站的用户的人口统计学特征倾向于年长的女性,这里拥有客户的帮助是非常有用的。参与我们测试的一些用户已经加入了客户进行的线下营销活动,他们很乐意能为我们提供帮助!

开放式 VS. 封闭式

我们决定执行一个开放式的卡片分类测试因为现有的按字母从“A”到“Z”分割的内容是多种多样的,由新闻、视频、博客、帮助文章和建议等内容构成。我们想要依赖用户为这些类型的内容创建对他们而言有用的标签。因此,我们为用户提供了充足的空白卡片和笔,让他们写下他们的建议。

每次测试过程中,我们都做了大量的笔记,特别是那些用户感到分类困难的卡片,以及他们所提出的而我们没有考虑到的新标签建议。我们也把每次测试录下来做了备份,以便我们随后翻看观察一些我们遗漏的东西。

我们发现了什么

在测试结束时,我们拍下了用户的分组并且把它们整理到电子表格当中。我们寻找一些定量的数据——是否存在一些趋势?是否有多个用户对于新标签具有相似的建议?是否有一些标签不断得让用户在分类时感到很挣扎?我们也查看一些定性的数据:用户的具体评论或者当他们对某个特定卡片进行分类感到挣扎时大声说了些什么。

图片 9

9-img-cardsorting-small-opt.jpg

卡片分类测试的结果可能会使你感到很惊讶

作为一个慈善机构,我们的客户大量依赖于公众捐款和支持,所以正确获得这个模块的分类标签很重要。我们发现了一些有趣的结果:

  • 网站提供了年费会员作为公众支持慈善的一种方式,同时用户也可以在网站上注册免费账户。它们分别被标为 “注册一个账户(Register an account)” 和 “成为一名会员(Become a member)”;然而,许多用户对这两个标签之间的区别感到困惑。我们最后通过改变称呼会员的单词的方式,采取行动消除了这种困惑。
  • 我们提出用“知识中心(Knowledge Centre)”这个名称作为帮助内容的标签,但是许多用户具有不同的提议。我们最终在网站上使用了“帮助和建议(Help & Advice)”。
  • 这个慈善机构每个月都举行“呼吁(Appeals)”活动作为获取捐助的另一种途径,同时也会举行其他一些问题的活动,他们都被列在“活动(Campaigns)”这个标签之下。尽管缺少任何的上下文,每个参与测试的用户都对这些卡片感到分类困难。我们最终把“活动”模块整合到网站的另一个区域中。
  • 为了表明对外界支持的渴望,几乎每个用户都建议将“参与进来(Get Involved)”作为一个主要的分类标签。我们注意到在其他慈善网站中也有这个惯例。

做完以上所有工作,我们呈现我们的研究报告。我们决定不报告大量的定量数据。但是对我们团队内部来说,定量数据是有用的,我们认为客户不熟悉定量数据并且没有充分的解释的话客户将不能理解这些定量数据。

相反的,我们用简单的语言呈现了我们的关键发现(正如上面所列举的),并且我们将研究的结果分为了高、中、低三种优先级。我们也罗列了一些解决我们所发现的问题的建议。对于客户来说,这使他们能针对内容结构制定出一套快速方案,对于我们来说,要执行客户要求改善的地方也更容易。

图片 10

10-img-report-small-opt.jpg

客户不总是需要看见一些细节的数据,给客户的报告中只放入关键报告更好。

结语

卡片分类是一种常用的技术因为它花费少,可靠并且容易设置。它是熟悉诸如信息架构和用户中心设计这些概念的好方法。记住它不是“万能药”,不能解决现有网站中的所有问题。网站可能因为很多理由而表现不良或难以使用,改善信息架构可能只能解决其中一部分问题。然而,当和其他用户中心设计技术结合起来使用时,它对你项目的开始大有帮助,或者说它帮助你以好的方式开始重新设计网站。

希望你通过此文愉快得学习了卡片分类。一旦卡片分类执行的好,它能使产品更直观并且容易导航。

其他资源:

  • ConceptCodify
    在线卡片分类工具

  • OptimalSort
    另一个分类工具,是用户体验产品套装的一部分

  • “The Difference Between Information Architecture and Navigation” Jennifer Cardello, Nielsen Norman Group
    这篇文章很好得解释了什么是信息架构,什么不是信息架构。

  • “Information Architecture for the World Wide Web”, Peter Morville and Louis Rosenfeld
    深入了解信息架构的好书籍

本文由澳门新葡8455手机版发布于前端技术,转载请注明出处:新妇测验程序猿轻便忽略的教练,开垦品种检查

上一篇:IT行业技术方向的一些主要岗位以及晋升方向,提 下一篇:没有了
猜你喜欢
热门排行
精彩图文