用评论表达自己

如何快速收集UI组件和库的反馈

加载
多米尼克阮
@domyen

开发商平均花费 72分钟 一天的会议、聊天、电子邮件、评论、中断和其他通信. 如果你是一名经验丰富的开发者, 你知道在开发UI时处理反馈是多么累人. 变更请求堆积如山,导致细节被遗漏.

协作是必要的,因为交付ui涉及到跨许多学科的协调. 但也没必要这么费劲. 我很高兴分享即将到来的新的评论工作流 彩色2.0 (可在 早期访问),帮助你更快地收集UI反馈与较少的工作.

在UI实现的同时获得反馈

研究支持 研究 指出软件开发中的大多数问题都可以追溯到缺乏协调. 你可能经历过在开发过程中出现的错误沟通导致的一次性工作.

大多数的交流渠道都太宽了——它们是用来分享表情包和轻松讨论的 UI开发. 前端团队在Slack频道上辩论,或者用琐碎的事情污染Asana/Jira/Trello. Pull请求中充斥着来自过时UI的截图和gif.

如果讨论与最新的UI实现同时进行,那么您就可以在UI库所在的位置跟踪反馈和决策. 更改请求将被列出在一个方便的地方. 更重要的是,您将拥有关于UI改变了什么、如何改变以及为什么改变的书面记录.

彩色的合作

此功能现在可用于 彩色2.0早期访问 用户. 它很快就会面向所有现有用户发布 彩色 客户.

使用彩色收集反馈是无痛的. 每次你推送代码,你的Storybook就会在十博体育备用网址的云中发布和版本. PR徽章会通知您,您的组件库已经准备好接受反馈了.

你会降落在 把请求屏幕 用户界面的变化是如何可视化的. 您的团队可以比较来自不同分支的传入UI. 这可以帮助pm、技术主管、设计师和QA快速验证ui的外观和感觉.

开始讨论,要求改变或提出问题. 评论和回复将显示在用户界面旁边,所以所有参与者都有相同的参考点. 这消除了串扰,并避免了无休止地粘贴带有“这看起来是否正确”之类信息的截屏?”.

想要用真实呈现的代码验证活动组件? 点击到chrom.com的组件屏幕,可以看到完全可检查的交互式UI. 不旋转开发环境或提取代码.

交互式UI组件的注释

和同事分享这个链接,听听其他意见. 团队成员可以在互动组件旁边提供反馈,从而避免每个人键入复杂的复制指令或细微的行为.

一旦你的团队完成了视觉检查,你的PR检查将在GitHub上变成绿色, Bitbucket都, 或GitLab. 现在可以合并UI了!

接下来是什么?

chromium的目标是帮助你更快地发布防弹ui. So far we’ve done just that with our industrial-grade visual testing tool; it’s now used by Adobe, 工作日, Auth0, 和更多的.

但是视觉测试并不能解决所有的bug, 还有更多是由于沟通不畅造成的. chromic即将推出的工具可以帮助团队在开发过程中收集清晰的持续反馈. 评论只是开始.

加入十博体育备用网址

这篇文章对你有帮助吗?

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

4402个开发者,还在增加

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

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

视图的工作

受欢迎的文章

故事书中的视觉评论

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