首页 / 产品运营 / 如何利用设计系统实现设计规模化?

专业的短链接生成工具

链接域名

短网址有效期

如何利用设计系统实现设计规模化?

更新时间:2025-5-9 13:51:24 作者:爱短链

来自这篇文章 Google,Spotify,Stealth Startup 和 Gigster 设计领导分享了他们对设计系统的看法和对系统未来的预测。


为了实现快速迭代,设计团队需要一个单一的事实来源① ,大规模生成 UI 语言和流水线型 UX 标准化。


这种集中的设计语言也能保证品牌在不同渠道和平台的接触点上提供一致的用户体验。


因此,包括设计模式、规则和 UX 标准化的信息库(即设计系统)可以避免产品规模化时的不一致性。


那么,这些系统如何帮助大规模设计呢?特别是在技术不断发展的今天 —— 如何应对语音聊天平台等不断更新的界面? ①在信息系统设计和理论中,单一事实源(SSOT)它是构建信息模型和相关数据模型的一种方式,即任何数据元素都存储在同一个地方(或编辑)。


该概念通常被公司用作其信息结构的一部分,以确保公司成员在做出商业决策时依赖相同的数据。


系统设计的必要性 今天的设计问题不是缺乏技术或人才,而是一个设计系统。


因为当你想从几个设计组件的界面扩展到一个模式成熟的平台时,设计不能通过增加人力直接实现规模,结果只会使问题更加复杂…… ” —— Vikram Babu,Gigster 产品设计师 设计系统只是一个起点。


全面的设计语言需要覆盖整个用户旅程。


了解产品背后的服务设计可以帮助我们快速掌握用户和产品之间的所有接触点。


设计系统带来了可预测和一致的用户体验,并在新技术和新平台的交织下不断进步。


Chris Messina 完美地表达了这一观点:设计系统就像一张方便、集中、不断进化的地图,为品牌探索新领域指明了方向。


通过设计系统的战略思维,设计团队可以建立一个大规模的框架,创建实用的产品,可以快速迭代和输送新的体验。


设计系统为人们创作提供了一个共享平台,并共同创造了精心设计的结果。


大规模设计 简单来说,设计系统就团队成员的意见达成一致,所以他们的共同产出可以体现这种意向。


—— Stanley Wood,Spotify 设计总监 当 Spotify 设计总监 Stanley Wood 在 2012年刚加入他的设计团队时,他对 Spotify 震惊了不同产品中元素的不一致性。


由于重新设计不能在保留原设计方向的基础上消除这种不一致性,他决定依靠自己找到可行的解决方案。


他问了一个问题:有什么方法可以让一个集中在多个时区、项目甚至具有竞争力的设计师团队更好地合作,创造具有一致体验的产品? 2013年,团队建立了一系列规范设计和实现会员意见共享的原则。


意识到真正的挑战来自于维护这些原则,团队将这些原则变成了 Spotify 设计语言 GLUE②,被公司每个成员使用。


Stanley 指出,作为一种设计工具,它汇集了相同的风格和组件,UI 工具包对于 Spotify 启动每个项目都是必不可少的。


②GLUE:a Global Language for a Unified Experience,也就是说,全球语言是为了创造一致的体验。


Spotify 指南第一版 设计系统改变了我们对问题的看法,它为设计师提供了一个共享的平台来创建和创造精心设计的结果。


而不是两个设计师在没有任何目的的情况下提出完全不同的解决方案。


这不仅给我们带来了更高的效率,也让我们从用户的角度看待问题。


Stanley 说。


可行的设计规模化 Gigster 的产品经理 Vikram Baru,目的是帮助改善从设计到开发的沟通,规范设计体系 Gigster 原型试验中使用的可用性原则 。


为避免同一项目中经验等级和专业设计师的差异,Vikram 该团队研究了现有的前端框架,并开发了一个 React 内部组件对应 Sketch 库。


75%以上的原型界面具有良好的名称和标准化 Sketch 开发人员可以通过符号 React Storybook快速编译。


这样,我们的设计和前端开发实现了真正的自动化生产,所以即使是一个小团队也可以专注于故事板和叙事体验等事情。


如何利用已建立的心理模型和设计语言带来新的体验 应用程序 Hire 设计负责人,来自 Google 用户体验设计总监 Sara Ortloff Khoury ,我们解释说,大规模设计有时会使我们产品的现有功能更加突出和实用,赶上其他竞争产品,为终端用户提供更好的价值。


她的设计团队通过观察现有用户的行为来获得灵感,而不是建立一个新的UI语言。


Hire 统一使用 Google 简单易操作的效率工具 Material 设计系统,Sara 团队提高了应用程序的可操作性和熟悉性。


也就是说 Sara 使用相同的设计系统创造完全不同的体验。


为了获取矛盾来源的第一手信息,我们的团队花了很多时间观察数百家公司的团队如何合作筛选、面试和招聘人才。


与此同时,我们也知道求职者是如何找到工作的。


我们发现 Google 许多公司和求职者在整个招聘阶段都广泛使用工具。


例如:Gmail(谷歌邮箱)用于求职者与招聘团队之间的沟通,Google 日历用于商定面试日期,Hangouts Meet远程面试采用谷歌电话,Google Docs 和 Sheets (谷歌文档和表格)用于跟踪求职者和过程。


全球设计语言的影响甚至可以激发新产品。


通过这项调查,我们知道招聘团队喜欢使用它 GSuite (谷歌应用套餐)—— 所以我们就在这里 GSuite 它设计了一个应用程序,不仅让客户继续使用他们喜欢的工具,而且弥补了它 GSuite 作为招聘工具的不足,增加了新的商业价值。


通过利用 Google 现有的心理模型和高效工具已被全球化认可和使用 Material 设计语言,Sara 团队成功发布了应用程序 Hire —— 集成多个具有相同设计系统的应用程序,以解决一个核心问题。


Sara 该团队向我们证明,为用户服务的设计系统不仅可以大规模使用,还可以激发新的、易于使用的解决方案。


未来设计语言 设计的重大变化也是设计师应该承担的责任,是语音聊天界面的出现,带来了对内容营销策略的强烈需求。


Chris Messina 指出这一任务已迅速从营销人员转移到设计团队肩上。


作为 Uber 高级设计师,Chris 公司使用了内部设计语言,见证了 UI 设计是实践和学科的演变。


投入设计体系的理念和精力显然会提高设计师的进步和合作效率,特别是目前,产品设计需要跨越多样化的场景。


如今,聊天应用的活跃用户数量已经高于传统强大的社交应用 这些多样化的设计场景包括有时我们需要使用一些用户看不见的隐藏层和上下文本,特别是在语音界面的设计中。


这些看不见元素的体验也应该仔细考虑。


同时,为了满足快速变化场景的需要,我们必须开始思考设计语言的未来。


设计不仅仅是视觉,现在还包括声音、表达和潜在的发展方向。


—— Stealth Startup 产品部长 Chris Messina 人工智能的出现开始形成伦理和道德标准,设计方案和最佳语音聊天体验 用户体验模式也是设计师面临的新挑战。


未来的设计语言可以坚持以人为本的设计原则 Sara Ortloff Khoury 她对如何在语音和人工智能界面发展的推动下进化非常感兴趣。


她指出,用户体验专业人士必须深入学习智能系统的实际操作知识,以确保他们能够解决满足人类需求的实际问题。


为了在设计需要大规模时成功地提供解决方案,用户体验专业人士必须快速理解和适应人工智能和机器学习对产品设计的日益影响。


由于技术进步的发展和智能化,从用户的角度变得越来越重要。


Sara 补充道。


无论是界面还是体验,品牌体验都需要了解一个产品或品牌想要传达什么感觉。


无论技术如何,这种体验给用户带来什么感觉是未来设计语言的首要目标。


因此,这种对目的和感受的关注,以及设计在无形中的趋势,都要求设计系统提供大量的应用场景和支持解释,告诉我们如何在新技术中应用既定的设计原则。


在直接实施一个系统之前,先解释一下背后的原因。


—— Vikram Babu,Gigster 产品设计师 特别说明:本网站的主要目的是收集与互联网运营相关的干货知识,为运营伙伴提供便利。


本网站收集的公共内容来自互联网或用户的贡献,这并不意味着本网站同意其观点,也不对网站内容的真实性负责。


如有侵权行为,请联系网站管理员删除,。


爱短链平台各工具使用方法及功能汇总

短链接

活码系统

微信外链

抖音卡片

相关搜索

创建短链接

注册与登录 首先,访问爱短链的官方网站,点击右上角的“注册”按钮,填写相关信息完成注册。注册成功后,使用账号和密码登录到平台后台。登录过程简单快捷,支持微信扫码和手机验证码等多种方式。 获取长链接 在准备创建短链接之前,你需要先获取想要缩短的长链接。例如,在微信公众号后台,打开需要生成短链接的文章,将该文章的长链接复制到剪贴板中。 生成短链接 登录爱短链平台后,你会看到后台界面提供了多种功能选项。点击“短链”功能,将刚刚复制的长链接粘贴到指定的输入框中。爱短链还允许用户绑定自己的域名,使短链接更具个性化和辨识度。设置完成后,点击“生成短链接”按钮,平台会立即为你生成对应的短链接。 使用短链接 短链接生成后,你可以将其复制并粘贴到公众号推文中需要添加链接的位置,如正文内容、阅读原文链接、公众号菜单栏等。在正文中插入短链接时,可以搭配一些吸引人的引导语,如“点击下方链接查看更多精彩内容”或“详情请戳[短链接]”等,以提高用户的点击率。

爱短链

2025-02-20 14:33:23

抖音链接跳转微信

抖音链接跳转微信不仅为品牌营销和个人推广提供了更多可能性,也为用户带来了更加便捷、高效的信息获取和互动体验。在未来,随着社交电商的蓬勃发展和用户需求的不断变化,抖音链接跳转微信将成为越来越多用户的首选引流方式,助力品牌营销和个人推广迈向新的高度。

爱短链

2025-01-15 16:13:31

活码二维码生成器在线

活码二维码生成器在线工具如爱短链等,操作简单,无需复杂的技术知识。用户只需在网页上打开相应的生成器平台,按照提示进行操作即可。通常,用户需要输入想要关联的信息,如网址、文本、图片、文件等,然后选择一些个性化设置,即可快速生成一个活码二维码。

爱短链

2025-01-15 16:13:31

生成短链接的工具

长链接的繁琐与不便愈发凸显,而一款优秀的短链接生成工具则成为了信息高效传播的关键。爱短链,正是这样一款脱颖而出的卓越工具,为你带来前所未有的链接管理体验。

爱短链

2025-01-15 16:13:31

跳转卡片在线生成

爱短链平台提供高效的跳转卡片在线生成功能,用户可轻松定制卡片模板,填入链接与信息,即刻生成吸引眼球的跳转卡片,适用于社交媒体、营销活动等场景,助力提升点击率与营销效果,实现精准引流。

爱短链

2025-01-15 16:13:31

最通俗易懂的短链接原理讲解

看了看,想要了解短链接算法的伙伴还是蛮多的,那么今天爱短链小编就帮大家带来详细的介绍。

爱短链

2022-05-30 15:20:34

微信活码的功能特点介绍

微信活码是营销推广行业必备的一个神器,它不但可以帮助我们更好的裂变,还能降低用户流失率。

爱短链

2022-05-19 12:37:01

营销推广必备的5个效率小工具

营销推广不仅要靠扎实的专业知识,在工具使用方面也是非常重要,没有好的工具就算自己有多么厉害的技能也会事倍功半。

爱短链

2022-05-18 14:08:22

用户喜欢

缩短链接:链接在线一键秒缩短

缩短链接是一种将长网址转换为短网址的服务,通常用于社交媒体、短信、电子邮件等场合,以便更简洁地分享链接。以下是一些在线一键缩短链接的方法和工具:

爱短链

2025-02-19 10:16:16

网址简化:1秒简化网址

网址简化,也称为URL缩短,是指将冗长的网址转换为简短、易记的链接。以下是几种快速简化网址的方法:

爱短链

2025-02-19 10:16:16

网站链接太长怎么缩短

当遇到网站链接太长需要缩短的情况时,可以采取以下几种方法:

爱短链

2025-02-18 16:04:47

h5页面跳转微信小程序

H5页面跳转微信小程序的需求普遍存在,因为微信小程序只能在微信内部访问,而H5页面可以在任何浏览器中访问,因此需要通过跳转来实现两者之间的衔接。以下是H5页面跳转微信小程序的主要方式:

爱短链

2025-02-18 16:04:46

链接缩短,教程分享,一招把链接缩短

链接缩短是一个方便用户分享和访问长链接的有效方法。以下是一招把链接缩短的详细教程:

爱短链

2025-02-18 14:15:53

微信卡片链接生成

微信卡片链接是指在微信中分享的一个特定格式的链接,通过该链接可以展示网页或内容的相关信息,并以卡片的形式呈现给接收者。以下是生成微信卡片链接的详细步骤:

爱短链

2025-02-18 09:57:08

微信活码免费在线制作

微信活码是一种可以智能切换的二维码,通常用于解决微信群扫码人数限制、微信号无限加好友、多渠道引流等问题。以下是一些免费在线制作微信活码的方法和步骤:

爱短链

2025-02-18 09:57:08

微信群活码,免费生成,永久生效

微信群二维码本身具有7天的有效期,微信官方并未提供直接生成永久有效微信群二维码的功能。但可以通过一些第三方工具实现类似永久有效的效果,以下是几种免费生成微信群活码并尽量保持其长期有效的方法:

爱短链

2025-02-18 09:57:08

全平台跨域跳转微信工具,助力企业全渠道获客

爱发布客服-依依

公网安备32010402001342号

苏ICP备2021048188号-3

© 爱短链 2019 | 南京推吧网络科技有限公司版权所有

客服