产品创建是将团队中的思想和形式从一个部门转移到另一个部门的一长串过程。 在本文中，我们将讨论设计师与开发人员之间的互动。
什么是设计交接？
在设计移交阶段，设计师需要为通过UX和UI向开发人员传达创始人的思想，经理和分析师的要求铺平道路。 借助团队内部良好的联系，开发人员将为客户提供更快开始使用实际产品的机会，并且将来，整个团队将能够更快地改进产品。
当设计移交受到影响时
各种规模的公司都会发生错误的设计移交。 新的创业公司发现很难在自己的混乱中建立流程。 大公司由于官僚主义而发展缓慢。
这是困扰设计移交过程的一些问题。
团队之间的沟通不畅
设计师和开发人员在创建产品时执行不同的任务：有些专注于界面和用户体验，而另一些则将其转变为有效的代码。 由于方法的差异，团队仅专注于自己的工作，彼此之间几乎没有沟通。 罕见的设计交接会在设计师，经理和开发人员之间创建额外的反馈循环，并增加开发时间。
缺乏对设计实施过程的控制
通常，设计人员没有时间彻底检查新发行版的质量。 除了较小的不规则性会影响产品的用户体验，而且版本与布局的不匹配还会导致将来新设计解决方案中的问题增多。
布局混乱
对于开发人员而言，另一个痛苦是当设计师执行“快速设计”以关闭经理的任务而不处理设计系统时的情况。 设计系统应有助于减少过度创意的设计师带来的不一致，为用户简化产品UX，并加快程序员的开发速度。 当然，这项额外的工作需要时间，但是花费的资源可以被视为将来改善设计移交流程的一项投资。
如何改善设计交接
现在，我们已经描述了一些常见问题，让我们看一下解决这些问题的方法。 很好的是，今天有一些工具可以简化“设计移交”，并有助于在团队内部建立更好的流程。
建立团队沟通
良好的沟通是任何关系的关键，因此，这是提高设计移交流程质量的第一个技巧。
确保设计人员和开发人员在项目开发的早期就开始进行沟通，并在此后保持沟通。 与其让每个人安静地做他们的事情，不如让每个人至少不时聚在一起。 鼓励召开联席会议和午餐会，这是自发交流思想的重要一步。 设计师应将开发人员包括在产品设计讨论中，并听取他们的意见。
设计师可以有很棒的想法，但是缺乏编程知识可能会使这些想法无法实现。 另一方面，开发人员可能没有意识到他们提出的实现可能并不总是好的UX解决方案。 让设计人员更经常地向开发人员介绍流行趋势，然后开发人员共享新技术。 这将帮助设计师在技术上足够胜任，并且开发人员可以更好地理解设计意图。
优化沟通：根据您自己的沟通规则，创建一个单一的中心，而不是不同的沟通渠道。 将文件存储在一个地方，以便共享最新信息和讨论。 让团队有机会快速相互联系，而不会因为经理的形式而因中介而浪费时间和想法。
最终，用协作代替团队之间的斗争：让设计师和开发人员考虑最终用户及其需求。
刷新您的设计移交技术
开发人员应尽早参与设计，以识别代码中的潜在问题并进行更正。 保持开发者交接文档的清洁和易于理解，以获取开发者的利益。 描述文件的存储位置，如何使用准则，并确保将联系人留给开发人员可以快速联系以进行澄清或提供反馈的地方。
自动化流程
现代化的工具使您可以自动化设计器的部分工作，并减少日常设计工作的时间。 创建设计系统，生成网格和布局，使用现成组件的灵活库，设置资产出口-所有这些都应得到最大程度的利用。
此外，现代世界的情况使具有编程技能的设计师可以在较短的时间内获得更好的结果。 如果您在创建设计时知道并应用代码，它将有助于开发人员快速将其想法转化为最终产品。
设计移交指南
下面我们收集了建立设计移交流程的方法，以使每个团队成员都朝着相同的目标努力。 我们希望这会有所帮助，即使您没有全部使用它们，也只能使用一两个技巧。
样机和图层
创建设计时，请为屏幕使用命名系统，其中屏幕名称描述其功能（例如“添加到购物车”）。 不要在名称中使用版本号，而有用于设计版本控制的单独工具（例如，Plant）。 设计人员和开发人员应为每个屏幕，组件或样式都命名相同。 因此，设计人员和开发人员将对产品组成部分，产品如何工作以及能够使用相同的语言有相同的理解。
这很繁琐，但将来会为您节省大量时间和精力。 清理布局：对图层进行分组，删除重复的图层和不可见的图层。
开发人员使用版本控制作为代码生成的主要工作流程。 设计人员也可以采用这种做法。 设计人员应始终保留旧版本和研究内容，而开发人员应仅可以访问最新资源。
组件和资产
设计系统是成功产品的关键要素。 它不仅可以改善设计人员与开发人员之间的协作，还可以使产品更加一致，这在将来进行扩展时很重要。
由于现代设计工具使此过程变得容易，因此可以实现流程自动化。 设计师只要注意布局就足够了：准备要导出的图像（请记住一组图标必须具有相同的大小），正确地组织样式并将颜色收集到一个调色板中。 考虑在层次结构的上下文中命名样式和组件以及它们如何相互关联。 如果需要，请在您的布局中保留开发人员注释。
记住要优化您的图像。 不幸的是，图形编辑者增加了设计中图像的重量，因此这部分工作由设计者承担。 尽可能将矢量图像和SVG用于图形，如果您的设计包含JPG或PNG，请使用优化工具（阅读有关图像优化的文章）。 客户将立即感受到产品速度的差异。
工具： Invision DSM， 策普林， 厂
原型与交互
将完成的布局收集到原型中以显示完整的用户场景，并说明导航结构。 这将有助于开发人员计划其代码，以便对其进行优化。
不要在高精度原型上浪费时间。 某些屏幕可能只是静态的，并带有解释性注释。 没有理由花费大量时间来为开发人员用来轻松理解的现有简单交互模式进行原型设计。
复制和上下文
无需使用副本的所有变体并创建其他布局，而是通过将文档与消息表放在上下文中来节省时间：例如，消息的类型，在什么情况下应用消息以及在哪些屏幕上使用消息。 表将帮助用户更灵活地与UX编写器一起工作，并且经理和开发人员将始终更快地获取文本的最新更新。
并在布局中使用真实文本，而不使用Lorem Ipsum。 怜惜开发商； 他们为设计者想出了太多的头痛。
工具： 谷歌文档
空状态和边缘情况
设计师通常会设计出理想的产品状态-当一切正常时，用户不会犯错。 否则，考虑到这些屏幕并不重要，他们不会花很多时间来设计空状态。 但是，无论您推迟处理这些案例多长时间，开发人员仍将需要这些设计。 唯一的区别是，当开发人员提醒设计人员有关屏幕的信息时，设计人员将忙于其他任务。 因此，请在开始时花一些时间，为丢失的设计计划，以使自己将来更容易使用。
创建在开发过程中可以查阅的清单。 将指向特定布局的链接及其状态添加到列表，以使开发人员更易于浏览。 让布局图成为不允许开发人员偏离的事实。 这将帮助您对产品在用户体验级别上的工作方式有一个共识。
成功的交接是创造出色产品的重要组成部分。 但是，当涉及到很多人时，至关重要的是要保持团队之间的良好沟通和协作。