越来越多的品牌正在释放数字产品的潜力,将其作为其产品中不可或缺的一部分。现在,消费者不仅要求始终如一的高品质,还要求在工作和个人生活中获得无缝体验。当某些东西达不到要求时,它就会变得刺耳。
“您的智能手机可用于各种用途,从付款、社交、叫出租车到拍照,”Figma 产品设计师 Joel Miller 说道。 “这些设备在日常生活中根深蒂固,对于完成日常任务至关重要。当某种东西被大量使用时,我们对其功能和质量的期望就会增加。 ‘好’的基线增加,标准发生变化。”
正如 Miller 指出的那样,从智能手表过渡到移动设备、平板电脑、大屏幕桌面电脑是很常见的 - 我们期望提供流畅、不间断的服务。 “而不是在功能层面上竞争,你可能会说e 是开发人员主导的,软件开始转变并在体验水平上竞争 - 这更多是设计主导的,”他补充道。
为了实现这种平衡并在快速变化的市场中保持领先地位,设计师和开发人员必须在相互尊重的基础上形成统一战线,并最大限度地减少翻译中丢失任何内容的可能性。
建立设计系统
“由于所使用的工具,默认情况下会发生沟通不畅,”米勒建议。 “设计师历来使用视觉工具,让他们能够以自由的方式进行探索,几乎没有任何限制。开发人员使用有意且围绕逻辑构建的代码。从本质上讲,这两件事是冲突的,导致设计人员和开发人员对如何构建软件有不同程度的期望。”
解决方案:一个可以弥合鸿沟的设计系统。 “这是一套完整的标准,旨在使用可重复使用的组件和模式来大规模管理设计燕鸥,”他解释道。 “通过将设计和代码世界拉得更近,我们可以减少沟通不畅。”
如果没有足够的准备,团队可能会在最后的关卡中倒下。 “过去,我注意到开发人员在动画设计或加载状态方面填补了空白,”Made By Many 的设计主管 Alex Harding 说道,该公司为客户开发了广泛领域的数字产品,例如如嘉士伯 (Carlsberg)、高露洁 (Colgate)、V&A 和 Nando's。 “为什么?因为事先没有正确定义。设计师应该花更多时间记录或制作原型,这样就不会被遗忘。”
任何有用的设计系统的核心都是可以重复使用的元素,以创建和管理跨项目的一致设计。 “当你构建你的设计系统时,你会发现需要彼此相似的组件,只有细微的差别,”米勒 con接下来,给出了具有不同状态和大小的按钮的示例,可以使用 Figma 的组件工具创建和管理这些按钮。
这些可以被分组并用于创建动态布局,这些布局会随着内容的变化而增长以填充或收缩以适应、重排 - 遵循与 CSS 类似的原则。 “无论是编码还是纯粹的视觉,设计系统都会以结构化的方式分解设计,”数字产品工作室 ustwo 的设计执行总监 Helen Fuchs 补充道。 “对于开发人员和设计师来说,这是一个很好的聚会点,可以制定规则并讨论它们。”
注意细节
根据 ustwo Fuchs 团队的高级产品设计师 Ana Oliveira 的说法,让技术信息尽可能完善、易于查找和针对具体情况是值得的。例如,使用 Figma 的 Inspect 功能,开发人员可以直接跳转到任何特定元素所需的规格 - 如果它的所有变体已经存储在设计系统中,构建过程也更清晰、更流畅。
“为切换创建一个单独的页面很有帮助,”米勒建议。 “为开发人员提供他们需要的屏幕,并将其命名为‘准备构建’。”为了确保项目之间的一致性,他建议构建一个入门文件模板 - 包括用于研究、灵感、探索、组件和移交的页面。 “这样,无论与谁合作,开发人员都可以获得相同的协作体验,”他补充道。
“像这样的小技巧可以为开发人员和设计师节省时间,”奥利维拉同意。 “分享知识总是好的,当您只需发送 Figma 链接时,入门肯定会更容易,而不必将内容上传到单独的程序 - 这会变得麻烦和混乱。”
让所有人都关注奖品
最好的数字产品提供了一个属这些服务非常有用,但它们不仅仅是功能性的:它们成为消费者与品牌互动的关键部分。 “产品通常是品牌的门面,”福克斯说。 “你每天都在与它联系,所以它也需要在情感上联系。
“在设计中有‘大创意’的概念;这是一个伟大的创意,”她继续说道。 “相比之下,产品设计非常务实且迭代。它很大程度上基于实用性、研究和测试。但如果这是我们唯一的关注点,我们就错过了一个差异化和情感联系的机会。掌握大局、北极星非常重要,这样我们才能知道前进的方向。”
“有时你需要一个创意概念来承载它,”Fuchs 继续说道,并举了 ustwo 为 The Body Coach 制作的数字产品的例子。 “我们希望它感觉就像这是一块由您供电、感觉良好的电池,”她解释道。 “这帮助我们在视觉表达中保持充满活力的感觉。”
Fuchs 承认,有时并不需要伟大的想法:她为需要研究数据集的临床医生提供了 B2B 医疗保健产品的示例。 “然后就是要超级清晰和精确,在正确的时刻传递信息,”她说。
哈丁补充道,有时一开始就过于专注于一个伟大的想法可能会让每个人都走上错误的方向:产品在整个制造过程中需要发展的空间。 “通常我们有一个远大的愿景,但对它的含义有一个故意模糊的想法,以及一些关于如何测试它们是否正确的假设和想法,”他说。 “我们从不知道答案的前提开始。”
保持过程流体
建立规则和制度的同时让事情变得更顺畅、更顺畅为了高效地构建数字产品,在整个流程中考虑足够的灵活性以避免团队变得过于狭隘至关重要。
“我们的流程根本不是线性的,”福克斯透露。 “我们作为跨职能团队工作:这不是一个设计和移交的瀑布过程。正是这种互动、这些权衡才使其如此有效。其中很大一部分是关于人、对话和协作。说起来容易,做起来难。”
Made By Many 也有类似的情况,其核心团队包括产品经理、设计师、技术专家、策略师和 QA。 “我们不相信康加线方法,”哈丁表示同意。 “设计师、策略师和开发人员之间的健康合作可以创造出更强大的最终产品。”
尽管 Fuchs 承认“编码设计师”的崛起,但 ustwo 仍坚持两个不同的学科。 “也就是说,总有交叉,我们尝试从彼此的角度看待事物,”她补充道。 “设计和工程之间存在着极大的尊重。每个人都想发布产品,并因发布一些东西而受到激励。它将每个人聚集在一起。”
Figma 是一个为共同构建产品的团队提供的设计平台。 Figma 诞生于网络,帮助团队从头到尾集思广益、设计和构建更好的产品。亲眼看看,Figma Starter 是永久免费的。