彩色2.0 -代码审查,但对UI

十博体育备用网址推出了《十博体育备用网址》.0,这是故事书的免费云服务,可以帮助团队一起审查用户界面.

加载
多米尼克阮
@domyen

简介: 十博体育备用网址推出 彩色2.0这是一个免费的故事书托管服务,可以帮助团队一起审查用户界面. 除了可视化测试,十博体育备用网址还将实现评审过程自动化,这样您就可以更快地交付.

没有什么是完美的 第一次,尤其是用户界面. ui需要经过细化才能用于生产.

以下是开发人员的典型迭代过程. 你要求团队反馈. 屏幕截图来回弹跳. 更改请求堆积如山. 然后你就开始推送更新.

这是一个混乱.

我很激动地宣布 彩色2.0,这是故事书的免费服务,用于自动化UI审查过程. 它帮助你收集反馈,改进执行,并得到最终的批准.

为什么评论界面?

让十博体育备用网址先回答一个问题. 您已经有了代码检查、部署预览、任务管理器和聊天功能. 你为什么需要另一个工具?

现代ui包含数百个组件,导致数千种可能的状态.

确认UI更新“感觉正确”的最简单方法就是手动操作. 但是可视化所有可能的UI状态是很困难的. 您可以选择截屏、录制视频或在评论中粘贴url列表.

更重要的是,ui有无数使用不同工具的涉众. 十博体育备用网址很容易得到堆积如山的反馈.

建立一流的、跨领域的贡献者经验过去需要我的团队花费数月时间. 今天,多亏了chromecos,我可以在几次点击中自己构建它!

——Kaelig Deloumeau-Prigent, Shopify

代码审查,但对UI而言

开发人员已经将重要的UI状态作为故事来捕捉. 如果您可以使用这些故事也收集反馈给涉众签字?

查看这个工作流:

  1. 构建 组件和故事一如既往
  2. 发布故事书 共享工作空间
  3. 收集反馈 在故事
  4. 遍历用户界面 与您的团队
  5. 通过公关调查 当涉众签字同意时

这个工作流可以帮助您收集关于故事的精确反馈. 你不必照看公关人员或唠叨团队成员来查看你的工作. 每个人都进入一个包含最新请求、注释和组件的公共工作区.

你构建UI,然后用chro米自动完成剩下的工作

十博体育备用网址采访了Shopify, Algolia, O 'Reilly Media和 故事书 社区. 很明显,开发人员喜欢构建UI组件, 但被随后的审查程序拖慢了速度.

UI审查不应该太复杂. 彩色2.0通过与故事书和您的版本控制系统同步,使其变得自然.

与你的团队进行UI评审

当你推送代码时,彩色出版你的故事书到一个安全的CDN. 这为您的团队提供了一个工作空间,人们可以在这里评论UI工作.

每当你创建一个拉请求,彩色扫描新的或更新的故事. 它会比较PR功能和目标分支之间的故事,从而可视化UI更新.

“UI review”比较分支之间的UI. “代码审查”比较分支之间的代码.

利益相关者导航到 彩色.com 查看最新报道的策划列表. 每个故事都是互动的,就像《十博体育备用网址》一样.

通过分配涉众来请求反馈. 当每个人都签字后,“UI Review”的PR检查就通过了,你就可以准备合并了.

立即捕获UI bug

当实现没有明显的问题时,UI检查工作得最好. 在你与他人分享你的工作之前,彩色自动检测UI错误.

彩色将你的故事变成视觉测试基线. 每个故事都在Chrome浏览器中呈现, 火狐, 和ie 11同时进行比较,然后对比“最后已知良好状态”的屏幕截图. 只要有UI差异,你就会得到通知.

在开发过程中使用可视化基线来捕获错误. 一旦你修复了任何UI漏洞,提交你的pull request以获得团队的反馈.

保存UI更改的历史记录

戏剧性的UI更改通常需要额外的信息来验证. 人们会问“这以前是什么样子的??或者“它以前是怎么工作的??”

彩色索引组件故事,以便您可以引用过去的实现. 每个故事都有记录,版本,并可在一个地方搜索.

色是完全相容的 故事书文档.

持续集成驱动

领导团队通过持续集成自动化构建任务. 添加彩色到你的CI管道解锁新的PR检查. 这使得对UI操作进行排序和测量实现进度变得很容易.


用户界面评论故事书,免费

UI开发人员应该使用专门构建的工具. 这就是十博体育备用网址团队首先维护故事书的原因. 彩色2.0给了故事书超能力.

从今天开始, 你可以免费使用chromineccles——新的Essentials计划包含了本文中列出的所有内容.

  • ✅发布 无限的故事书
  • ✅审查 与无限的合作者
  • ✅目视检查 有5000个免费快照/月.
  • ✅指数 跨分支和提交的组件历史记录.
安装在2分钟•不需要信用卡

常见问题

半音公司是如何赚钱的? 
十博体育备用网址卖 保费计划 专业的团队. 这支持了十博体育备用网址的开源工作和免费计划.

什么工具或整合做的半音2.0代替?
color是为UI开发而设计的. 它是一种集成,可以取代大多数团队使用的临时工具链.

  • UI协作:松弛,电子邮件,截屏,gif
  • UI更改请求:Jira, GitHub问题,Asana, Trello
  • 故事书部署:S3, Heroku, Netlify, Now, Surge
  • 可视化测试:Backstop, Puppeteer, applittools, Browserstack

也就是说,十博体育备用网址仍然在使用这些工具,但在其他情况下!

这篇文章对你有帮助吗?

获得免费的UI开发指南和教程,就像这个电子邮件给你.

4402个开发者,还在增加

十博体育备用网址正在招聘!

加入故事书和彩色的团队. 构建成千上万开发人员在生产环境中使用的工具. Remote-first.

视图的工作

受欢迎的文章

故事书的作文

将多个故事书合并成一个
加载
多米尼克阮
通过彩色
面向专业UI开发人员的深入指南和教程,来自故事书团队
指南
介绍故事书为开发人员设计系统视觉测试手册
关于
订阅
加入墨水时事通讯,以获得免费的教程、指南和通过电子邮件发送给您的资源.
友情链接: 1 2 3 4 5 6 7 8 9 10