5个BUG报告开发人员的报告工具

WebFX总统。比尔在互联网营销业经验超过25年的经验，专门从事SEO，UX，信息架构，营销自动化等。威廉在Shippensburg和MIT的科学计算和教育中的背景为WebFX的MarketingCloudFX和其他主要研发项目提供了基础。

在我们的开发过程中，我们可以使用适当的工具进行优化的一个领域是处理bug报告的方式。

传统上，漏洞、客户反馈和变更请求是在长时间的实时会议中讨论的，然后启动下一个web开发阶段来解决这些问题。但是这种连续的泡沫-冲洗-重复的工作流程是缓慢的:其中一个迭代在超过一周的时间内几乎是不可能完成的，因为bug报告必须被处理、组织、用截图记录、决定，然后委托给合适的人。

在早期和经常收集反馈并同时执行开发工作更有效。

现代错误报告方式

最近，我注意到雄心勃勃的Web初创公司正在进行一场令人耳目一新的运动，他们正在解决令人痛苦的低效bug报告和问题跟踪过程。

我现在看到的是允许质量保证（QA）人员和客户来报告错误的嵌入式接口，提供设计反馈，并从浏览器内提供更改。

在这些工具中，可以创建更改请求和错误报告直接在网页上的项目。界面是可视化的，无缝的:不需要手工制作屏幕截图，不需要填写外部电子表格，等等。

这种新类型的bug报告工具，在很大程度上，消除或减少了人工文档、跟踪、数据处理、截图、规格和冗长的会议，这些都占用了宝贵的web开发时间。

此外，这些错误报告工具可以由项目的所有成员使用：客户，经理，设计人员和开发人员，同时。通常可以管理访问和权限。报告是自动生成的。为项目的所有成员提供了用于报告，跟踪和管理错误的集中位置。与Basecamp，Trello和Github等第三方Web应用程序集成是常态。

在浏览器中发现了这种处理bug报告、反馈和问题跟踪的新方法，这促使我更深入地研究这个主题。作为一名web开发人员和(现在的)项目管理顾问，这对我来说是一个非常接近和亲切的话题。我已经知道了一些最好的选择，但我想要全面考虑。我打电话给这个行业的朋友，征求他们的建议，并进行了在线调查，以找出哪些是最好的。我还做了很多测试。

我遇到过很多错误报告系统。我想讨论和回顾一下我认为最好的:

  1. Usersnap
  2. BugHerd
  3. BugMuncher
  4. 取消
  5. InVision的LiveCapture

1.Usersnap

Usersnap根据他们的网站，这是“为每个参与网络项目的人提供漏洞报告”。让Usersnap在你的项目中工作很简单:你可以复制并粘贴错误报告工具提供给你的JavaScript代码片段，或者你的用户可以安装它的Chrome扩展或Firefox插件。

它是如何工作的

Usersnap添加一个反馈在项目的网页上按钮。单击按钮后，将显示一个不同的注释工具。除了一个箭头工具和笔帮助用户在网页上留下反馈的工具像素的统治者当讨论某些东西需要向上或向下移动几个像素时，或者如果徽标需要更大(确切地说是多少)。

Usersnap的一个有用特性是调用控制台记录器．它跟踪浏览器的开发控制台报告的错误和其他潜在的有价值的数据。

Usersnap在Asana、Basecamp和GitHub等许多第三方工具中都运行良好。出于测试的目的，我将Usersnap与Trello连接起来——这个过程很顺利，每次创建bug报告时我都会收到Trello通知。

定价

定价从每月19美元开始。最昂贵的计划是每月99美元。将UsersNap与其他Web服务集成，如Trello，Evernote和Github至少需要一个团队每月49美元。

2.BugHerd

当你使用时BugHerd我们很快就会发现，这款应用背后的团队花了大量时间来研究如何简化漏洞报告/反馈过程。就像Usersnap，它可以作为浏览器扩展或通过复制和粘贴JavaScript代码片段到您的网页。

它是如何工作的

BugHerd的一个有趣之处在于它的设置向导，它可以帮助您完成整个安装过程。

当在Web项目中安装时，报告界面会以侧边栏的形式出现在浏览器的视区右边。最重要的工具是“+”按钮，它允许用户选择页面上的任何HTML元素并添加评论。

此外，BugHerd还在你的项目网页上添加了彩色编码的“大头针”，这样你就可以快速、轻松地可视化每个任务的状态。

当您查看项目时，可以直接管理指定人员和错误的严重程度，从而使错误报告和跟踪过程合理化。

提交bug报告或变更请求后，在系统中创建一个新的“卡”，可以通过BugHerd管理界面进行访问。

一些优秀的项目管理工具可以与BugHerd集成，如Basecamp、GitHub、Campfire等。(不幸的是，在撰写本文时，Trello还不受支持)。

需要注意的一点是，BugHerd本身就具有良好的项目管理功能，所以在我看来，将其与其他工具集成并不是至关重要的。

定价

定价BugHerd的订阅计划从5名用户每月29美元开始，到50名用户每月180美元。

3.BugMuncher

BugMuncher是一个极简的错误报告工具。它需要使用JavaScript代码片段安装到您的项目中(没有任何可用的浏览器扩展)。安装过程有很好的文档记录，细粒度设置对话框允许您自定义设置。

它是如何工作的

类似于其他错误报告工具，Bugmuncher添加标有一个按钮反馈!在您的项目页面上。单击该按钮显示有两个工具的模态窗口：强调和黑了．

当用户尝试在页面上提供反馈时，还必须输入电子邮件地址和注释。然后将页面的图像发送到Bugmuncher应用程序，其中它与用户的浏览器，浏览器版本，视口大小等其他用户数据一起呈现，单击路径，用户代理等。

我有一些问题使用Google Chrome创建的工具的屏幕截图;在屏幕截图上移动的突出显示区域。但它很好地在我测试的其他浏览器上工作。

谷歌Chrome上的BugMuncher问题，突出显示的区域略有偏移。

更新日期:2015年9月17日。BugMuncher的创始人Matt Bearman给我们发邮件说，上述问题现在已经解决了。Matt Bearman说:“我最近更新了BugMuncher的截屏引擎，得到了更准确的截屏。到目前为止，我在许多不同版本的Chrome、Internet Explorer、Firefox和Safari上进行了测试，所有的截屏都与网页完美匹配。”

BugMuncher可以与一些第三方工具连接，如Trello, GitHub, Zendesk。我将Trello与BugMuncher整合在一起，结果如我所料:截图和用户信息都被传送到Trello。

定价

BugMuncher提供了三种不同的订阅计划。定价起价19美元(最多可以收集150份报告)，最高99美元(你可以用最昂贵的计划给工具贴上白标签，并使用自己的企业品牌)。第三方软件集成可以从中间层计划(称为启动），费用为49美元。

4.红线

取消非常简单:它的界面设计很好。

它是如何工作的

Redline欢迎新用户，并提供优秀的入职流程。

这个bug报告工具提供了两种收集浏览器内部反馈的可能性:一个需要使用JavaScript安装在你的网页上的“ribbon”界面，以及一个书签。

我安装了在浏览器视口的左侧引入一个红色框的功能区。单击红色框打开工具箱面板，该面板使用户可以访问错误报告功能，如注释和标签。

在提交错误报告后，用户将收到一个漂亮的“谢谢”消息，其中包含一个公共URL和报告的预览图像。尽管这绝对是一种共享错误报告的方便方式，但对于许多机构和客户来说，这可能是一个大问题，因为错误报告是公开的。但是，如果您只是需要一个漂亮而轻松的解决方案来接受不敏感的错误报告和更改请求，那么Redline绝对可以完成这项工作。

Redline具有API以及自定义品牌功能，允许您自定义该工具。支持的第三方应用是Basecamp，Trello，Jira，Github等。

定价

定价起价19美元/月，即使在这个级别，你已经可以访问SSL支持和无限的项目。API访问、自定义隐私设置和白标签选项需要企业计划(该计划的价格不在他们的网站上显示)。

5.InVision LiveCapture

InVision已经获得了声誉，作为最复杂的一体化产品，网页设计原型和项目管理。将InVision与第三方应用程序集成可以通过他们所谓的生活中嵌入代码。

几个月前，InVision推出了一个名为liveccapture的新功能，这是一个Chrome浏览器扩展，可以用来收集截图，以进行反馈和协作。

它是如何工作的

我安装了LiveCapture浏览器扩展，它是一个平滑和光滑的过程。它捕获了整个屏幕。一旦登录Invision，评论是一项简单的任务，邀请我的同事是一个简单的事务。

InVision集成了一些业内最流行的网络应用，如Basecamp、Trello和Slack。除了漏洞报告之外，InVision还有很多其他功能，比如设计版本控制、构建“点击原型”等等。

定价

定价从15美元/月到100美元/月团队计划（涵盖最多5名成员）。

特征比较表

Usersnap BugHerd BugMuncher 取消 InVision
浏览器扩展 Chrome, Firefox Chrome，Firefox，Safari 没有一个 没有一个 铬合金
通过JavaScript代码安装 是的 是的 是的 是的 没有
跟踪用户和浏览器数据 是的 是的 一些 一些 没有
协作特性 是的 是的 没有 没有 是的
需要用户注册? 没有 是的 没有 没有 是的
支持的第三方应用程序数量 20. 7 7 6 可嵌入

结论

在使用了这些工具之后，我真的爱上了浏览器bug报告的概念。通过这种方式报告bug和提交更改请求更容易，因为所有的内容都是通过可视化界面进行沟通的，而且这种沟通是无缝的。

Usersnap的功能是直观的。它可以连接20个第三方应用程序，非常灵活。访问客户端会话信息的可能性非常有用。对我来说，Usersnap显然是赢家。

BugHerd的“看板”组织和呈现漏洞和任务的风格是整洁的(但隐藏了视觉传达)。总的来说，这是一个很棒的bug报告工具。

Redline和BugMuncher有一组直截了当的功能，可能会引起个人网站开发企业和自由职业者的共鸣。在我看来，只要需要团队协作，就必须转换到更健壮的bug报告工具或与第三方项目管理应用程序集成。

InVision并不是100%适合用于bug跟踪的。虽然InVision的liveccapture浏览器扩展允许你抓取屏幕内容，但它不允许用户在屏幕上留下评论，而不登录到InVision。但InVision本身就是一个完善的视觉交流平台，它还提供了许多其他很棒的功能，可以改善你的设计和开发工作流程。

相关内容