摹客iDoc推出了全新“柔性工作流”,让协作设计自由流动,随需而动。

更高效、更自由的协作方式,赶快告诉你的团队吧~

“柔性工作流” VS “普通工作流”

普通工作流往往是将很多东西混杂在一起,并施以一种固定的线程去实现某种业务目标。特点是注重体系规范,业务按照固定模式流转。

而柔性工作流,最通俗易懂的说法——是基于固定流程(规则性)与自由流程(灵活性)之间的一种流程。也就是说,主线是固定的,流程有一个固定的步骤,但主线中的某一个或多个节点使用自由流程方式转交,且互不干扰。

相较普通工作流,柔性工作流在其基础上实现了随需而动、业务复用,改善业务流程,提升团队效率。

普通工作流

摹客iDoc的“柔性工作流”是什么?

对于产品团队而言,协作设计至关重要,“标注”和“评论”则是其中非常有价值的功能,前者查看设计稿标注信息,后者反馈问题交流设计。两个功能都是高频使用,且存在联系,如果把它们放置在两个分离的板块,那么查看标注和评论之间就多了一环“切换屏幕”的操作。

摹客iDoc将“标注”和“评论”两个板块进行了融合,形成“设计”板块。在“设计”这条主线上,根据场景又进一步划分为3个节点:“评论>定稿>开发”,这3个模式可自由切换,按需选择,这样,1条设计主线把协作场景简单流程化,3个节点又自由流动地辅助流程,形成摹客iDoc的“柔性工作流”。

现在,只需一个页面文档,就能形成分工明确、各取所需,各司其职的团队协作。摹客iDoc柔性工作流不强制限定使用的先后顺序,可以灵活地适应不同团队的管理方式,让协作更高效,也更自由。

文字太多看不太明白?戳下面的视频看看:

https://v.qq.com/x/page/r085908px0z.html

“柔性工作流”能帮助产品团队解决什么实际问题?

产品在从设计到开发的过程中,需求的传达必须要准确,这在很大程度上决定了设计的准确性以及开发的还原度。但现实也许是沟通难、协同难,各部门在众多的文档里,信息传达难免遗漏,每个人的理解又不尽相同,很容易导致灾难性后果:产品和设计要求不符、频繁返工、延迟误事。

在iDoc的“柔性工作流中”,协作难的问题是通过“一条主线多个节点”的工作流解决的:

1. 一条“设计”主线:

设计主线包含了“评论>定稿>开发”这三种模式,只需一个页面文档展示,无需切换,将设计师、产品经理、开发工程师、其他产品相关角色全部容纳到一起,高效沟通交流。

2. 三个关键节点:

“评论>定稿>开发”是基于一个完整步骤的产品流程而设定,但不强制限定使用步骤,或者使用的先后顺序,产品团队可按需灵活运用,适应任何团队的协作和管理方式。不同的节点可最大限度的保证不同属性的产品角色执行以下操作:

  • 评论模式:主要角色是产品经理,可在评论模式中传达需求、提出设计建议;
  • 定稿模式:主要角色是设计师,可在定稿模式中,根据产品经理的建议进行修改,并且可以标记评论的解决状态。除此之外,设计师还可以通过手动标注,形成一份轻量级的PRD文档,将设计规范更准确地传达给开发人员;
  • 开发模式:主要角色是开发工程师,可在开发模式中,查看智能标注,根据开发需要选取标注信息,同时,还可以在 iDoc 下载多种设备尺寸的切图。这还可以大大节省设计师的工作量以及与开发间的沟通成本。

这样,产品、设计、开发在摹客iDoc柔性工作流中交流协同,可以从实质上解决多文档繁复以及沟通难的问题。

摹客iDoc的“柔性工作流”如何使用?

使用主要是基于三个场景模式:评论模式、定稿模式、开发模式。具体的操作一起看看吧~

1. 评论模式:图钉工具和评论绘制工具

该模式中,主要有两大类工具提供自由评论:

  • 图钉工具:主要用于产品、设计、开发之间的讨论;支持@通知成员。
  • 其他评论工具:矩形、圆、直线、箭头;多种方式,随需选择。

评论模式

2. 定稿模式:手动标注工具

该模式中,融入了手动标注,共有4种手动标注工具:文字、坐标、尺寸、颜色。其中,文字标注工具可以说是一大亮点,能够很高效地解决自动标注不能表达的部分,比如自适应方案描述。此外,定稿模式还可查看图钉以及改变图钉工具的状态,并可以一键标记所有图钉状态为已解决,与评论模式相对接。

据悉,摹客iDoc手动标注的融入,也让其成为全球唯一一家同时支持手动标注和自动标注的平台,下期专题我们为你解答更多哦。

定稿模式

3. 开发模式:下载切图、导出CSS代码、查看标注

该模式中,可下载切图、导出CSS代码、查看自动标注和手动标注(允许隐藏手动标注),还有放大镜功能查看细微标注。该模式主要服务于前端开发人员开发使用,最大限度保证设计还原。

该模式下,还支持:

  • 一键复制标注信息;
  • 可查找设计稿内重复的元素;
  • 一键复制CSS代码,标注面板下半部分,展示了样式代码,点击“复制代码”即可。

开发模式

这里有一个教程,帮助你更快入门:https://doc.mockplus.cn/?p=4510

总之,iDoc柔性工作流是产品经理、设计师、开发工程师打通沟通障碍的工作流。自由流动,随需而动,iDoc柔性工作流也是摹客团队的创新和突破,真正地从“协作设计”的角度去理解、辅助、甚至赋能团队或企业,改善设计流程,欢迎你和你的团队也来体验看看~

免费领取iDoc团队版:https://idoc.mockplus.cn/buy/trial

特别感谢:iDoc柔性工作流的出现绝非偶然,而是基于用户真实体验的反馈而诞生,摹客iDoc真心感谢每一位用户,你们的使用,是摹客的试金石,你们的反馈,更是风向标。如果你也有使用需求和反馈,赶快告诉小摹吧~

(小摹微信:trista_13)

摹客iDoc 新功能“柔性工作流”,让设计随需而动的更多相关文章

  1. 摹客iDoc201901-2新功能点评

    2019才刚刚开始,摹客团队就已经蓄势待发.马不停蹄地给大家带来了又一份惊喜.实话说,这次小摹都忍不住要点个赞!下面就赶紧带大家看看iDoc又更新了哪些新功能: 1.标注和评论融合.协作更高效 iDo ...

  2. 摹客iDoc「标注」新玩法!这些细节让你爱不释手(201903-2版本更新)

    哈喽小伙伴们,我们又见面啦!没错,小摹就是来告诉大家:摹客iDoc又双叒叕升级了!这次又上线了许多新玩法,在此之前,小摹先带大家温习一下iDoc以往的知识点: 攻城狮查看标注的利器 —— 标注信息智能 ...

  3. 摹客 iDoc 12月上半月新功能点评

    转眼就到了2018年的最后一个月,小伙伴们是不是都在奋力拼搏做年底的冲刺呢?摹客也没有放慢脚步,不断地优化,给大家带来一个又一个的惊喜.那么,让小摹来带大家看看12月摹客iDoc更新了哪些特色功能: ...

  4. 2018年设计师都在用的PS切图插件--摹客iDoc

    终于找到你,我梦寐以求的PS切图插件.曾几何时,设计师在完成设计稿之后高效的输出标注切图一直是设计师的噩梦.为什么这么说呢?开发要的那么多尺寸,我到底该怎么切图?iPhone的版本已经不少了,更别提安 ...

  5. 摹客iDoc的PS插件全新改版!—— 智能检测不对应的设计稿

    一.简洁美观——iDoc的PS插件全新界面 iDoc对PS插件的界面进行了全新设计,无论是登录.上传.还是设置界面,都变得更精致.简洁美观,功能分布也非常明确,是一款轻巧且实用的小插件. 二.同步上传 ...

  6. 公告:CSDN博客频道新功能正式上线!

    各位尊敬的CSDN用户: 你们好! 为了更好的服务于用户,CSDN博客最新推出如下功能: 1.取消开通博客3天才能发布博文的限制,博客开通之后即可发表博文 2.博客文章增加自定义摘要功能    在发表 ...

  7. ActiveReports 9 新功能:创新的设计分层报告

     在最新的ActiveReports 9报表控件添加了几个新功能,为了帮助您创建一个漂亮的外观在较短的时间内.强大的报表系统.本文重点讨论创新的分层设计报告,分组报告内容管理和设计,于实现报表套打 ...

  8. UI与开发的必备神器!— iDoc一键适配不同平台尺寸(iDoc201902-2新功能)

    一.自动换算不同平台尺寸在一个项目从设计到开发的过程中,为了适配不同设备,一份设计稿,UI需要花大量的时间去制作各种尺寸的切图,耗时耗力. 那有没有一种高效的办法,让UI只需要设计一份设计稿就可以了呢 ...

  9. 摹客 · Veer 第二届设计大赛邀你来战!

    2018年12月,摹客设计大赛一年一度一归来. 继2017年摹客全国首届原型设计大赛成功举办后,本次大赛是摹客第二届设计大赛.大赛由摹客主办,Veer独家冠名赞助,iSlide和创客贴协办,国内多家知 ...

随机推荐

  1. IntelliJ IDEA 工程Java文件上红色的无效符

    IntelliJ IDEA 工程Java文件上红色的无效符(红色表示该类是不可编译文件) 1.查看Java.resources文件夹 如图所示,是因为没有配置 2.在Java文件夹点击右键找到Mark ...

  2. HttpClient使用代理IP

    在爬取网页的时候,有的网站会有反爬虫措施,导致服务器请求拒接,可以使用代理IP来访问,解决请求拒绝的问题 代理IP分 透明代理.匿名代理.混淆代理.高匿代理 1.透明代理(Transparent Pr ...

  3. 使用css让动态容器按固定宽高比显示

    需求:页面上有一个div的宽度是随着屏幕宽度的改变而改变的,但其宽高比始终是2:1,也就是当宽度是1000px时,高度为500px 分析:无论浏览器窗口如何改变,始终要让目标元素的宽高比保持2:1,我 ...

  4. frist Django app— 二、 Model和管理界面

    Django是符合MVC架构的,这里现学习M—Model,而且Django自带了一个管理model(数据库)的界面,所以一并学习. Database 配置 编辑Django的配置文件settings. ...

  5. 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值

    可以在处理Post方法的Action添加一个特性:[ValidateInput(false)],这样处理就更加有针对性,提高页面的安全性. [HttpPost][ValidateInput(false ...

  6. React条件渲染

    传参判断 class LoginControl extends React.Component { constructor(props) { super(props); this.handleLogi ...

  7. c#_生成图片式验证码

    废话不多说直接上代码. class Check_Code { /// <summary> /// 生成随机验证码数字+字母 /// </summary> /// <par ...

  8. C++的正则

    C++的正则封装的不丰富.只有最基础的三个主要的函数(也可能是我孤陋寡闻).要有更为丰富的功能需要自己进一步组合. 我目前只需要循环查找这个功能,并且我也不知道c++的正则支持正则的哪些功能; 代码如 ...

  9. Linux命令:source

    语法 source filename 说明 . 的同义词

  10. SQL 字段修改

    1.修改字段名: alter table 表名 rename column A to B 2.修改字段类型: alter table 表名 alter column 字段名 type not null ...