We're sunsetting PodQuest on 2025-07-28. Thank you for your support!
Export Podcast Subscriptions
cover of episode #12 UX Design systems

#12 UX Design systems

2021/3/16
logo of podcast Honest UX Talks

Honest UX Talks

AI Deep Dive AI Chapters Transcript
People
A
Anfisa
I
Ioana
Topics
Ioana: 设计系统是可重复使用的组件集合,基于一些指导方针或标准,可以提高效率,确保一致性,并促进团队协作。大型或复杂的产品或拥有多个产品的公司更需要设计系统。设计系统可以帮助解决组织上的问题,例如不一致性和沟通问题,从而促进团队协作。设计系统使测试更容易,因为可以快速原型制作和验证解决方案。设计系统通过建立可预测性,使设计师能够专注于解决问题,而不是重复构建视觉效果。设计系统可能失败的原因包括沟通不足、缺乏维护以及低估了构建所需的工作量。公司往往低估了构建设计系统所需的工作量,需要足够的资源和时间,并将其视为一个严肃的项目。设计系统需要工程团队的支持和参与。 Anfisa: 设计系统是团队和利益相关者之间共享的单一事实来源,更像是一个系统,而不是交付物。小型团队可能不需要正式的设计系统,而大型团队则需要设计系统来保证一致性和效率。设计系统是团队共同的事实来源,用于构建一致的产品。设计系统的组成部分通常包括样式指南、组件库和使用规则。设计系统通常从样式指南(包括颜色、字体、图标等)开始,然后构建组件库,最后制定使用规则和原则。设计系统有时可能会限制创造力,因为需要在一致性和创新之间取得平衡。设计系统的维护和更新流程需要明确,以确保系统的一致性和有效性。设计系统的成功取决于沟通的有效性,以及人们访问和查找信息的能力。Anfisa 分享了她构建设计系统的三个不同经验,包括个人设计系统、大型公司设计系统和社交媒体设计系统。在大型公司中,由于团队成员众多且分布广泛,设计系统有助于保持一致性。在个人项目中,设计系统可以提高效率并节省时间。Anfisa 还分享了她对原子设计系统、Google Material Design 系统以及其他一些设计系统的看法。

Deep Dive

Chapters
The hosts define design systems as a collection of reusable components and guidelines that ensure consistency and efficiency in product design.

Shownotes Transcript

在本期节目中,让我们来解读一下“设计系统”这个流行词,真正尝试理解它是什么以及它能带来什么价值? ➡️ 什么是设计系统? ➡️ 设计系统的组成部分是什么? ➡️ 拥有设计系统的优缺点 ➡️ 我们在构建设计系统中获得的经验和教训 ➡️ 我们最喜欢的系统和资源 ➡️ 六大主要收获 —— 提到的资源: 1️⃣ http://adele.uxpin.com 2️⃣ https://bradfrost.com/blog/post/atomic-web-design 3️⃣ https://material.io/design —— 关注我们的 Instagram,以便及时了解下一集的内容。 如果您希望我们讨论某个问题,请随时私信提问。 🗂 instagram.com/honest_ux_talks 👩‍💻 instagram.com/anfisign 👩🏻‍💻 instagram.com/uxgoodies </context> <raw_text>0 拥有这种可预测性,拥有这个已建立的库,让你更容易专注于解决问题,而不是一遍遍地构建视觉效果。大家好,欢迎收听《诚实 UX 谈话》的新一期节目。我是 Ioana,今天的主持人,我与我的常驻联合主持人 Anfisa 共同主持。

今天我们将讨论一个非常令人兴奋的话题,那就是设计系统。

正如你们可能都知道的,设计系统在过去几年里一直非常流行。感觉它就像每个人都在四处抛出的流行词一样。现在我甚至需要为我的个人品牌建立一个设计系统。所以我们在这里澄清什么是设计系统。

为什么它们很重要,什么时候需要它们,以及围绕它们的许多其他事情。但在我们继续讨论之前,我想尊重我们每周的惯例,并邀请 Anfisa 与我们分享她的一周过得如何。♪

非常感谢你的邀请,欢迎大家收听下一集。让我们快速回顾一下。我们实际上刚刚简短地谈论了我们过去几周的情况。这很奇怪。我们互相分享说我们有点

一些新冠症状,但这不是新冠,因为我们的检测结果呈阴性。所以上帝知道现在世界上发生了什么,以及为什么我们会有所有这些奇怪的感觉、症状、头痛、发烧等等,虚弱等等。但幸运的是,据报道,我们现在都感觉好多了。这是一个好消息。

除此之外,还有一些不错的更新。例如,我终于完成了设计系统的最终定稿,这基本上是今天的主题,我的社交媒体的设计系统。我希望我能快速地介绍一下我是如何完成这个过程的。也许这对我们的听众会有用。

是的,我现在正处于收尾阶段,我试图从社交媒体中总结出一个设计系统,因为我从 Instagram 和几乎所有其他社交媒体网络上休息了两个月。这仅仅是因为我觉得

我现在的系统一团糟。我不知道。好像我不得不花费太多时间,但努力很大,影响却很小。所以我好像浪费了太多时间,但我并不喜欢我的努力投资的回报。我需要优化和简化我为创建帖子和内容所做的所有努力。设计系统只是一个答案,完美的答案。首先,答案是创建一个新的品牌,

然后我需要找到一个助手来帮助我使用新的品牌和设计系统,这将使整个内容创作过程更加流畅,我想,更容易、更令人愉快,更专注于内容,而不是,你知道,现在在互联网上构建内容。

所以我正处于这个最终阶段。希望在三月份,我们将开始发布一些内容。我确实非常兴奋。我迫不及待地想开始分享我们一直在努力创作的内容。但就是这样,我的部分就到这里。你呢?自从我们上周没有谈话以来,你这两周过得怎么样?

感谢你与我们分享你的一周,Nafisa。这比我的一周好多了,因为我度过了很糟糕的一周。就像你说的那样,我也有一些非常……

奇怪的健康症状。它们在星期六晚上突然出现,我有一次美好的散步。一切都很顺利。我在房子周围跳舞,然后砰的一声,高烧,剧烈头痛。嗯,由于它在星期天晚上24小时后没有消退,我在医院急诊室试图弄清楚发生了什么。我无法弄清楚发生了什么。这是最奇怪的部分。嗯,

但是是的,所以我从昨天开始感觉好多了,由于我们晚了两个节目,我说,好吧,我们需要这样做。我将参与播客的制作并完成它。就我的专业活动而言,是的。

是的,我认为在过去几周里,许多公司都通过招聘问题与我取得了联系。我认为这对整个设计行业以及我周围的市场来说都是一个非常健康的信号,即公司开始雇用越来越多的设计师,并且到处都有空缺职位。所以我试图推荐人们,但人们也……

对他们的角色感到满意,因为我认为这是设计行业的一个好时机。我不知道发生了什么。是的,所以我最近一直在做很多招聘工作。我正在努力与我的优秀团队一起推出 UX 学院。我们计划很快上线,这也占据了我很多时间,其余的,是的,俱乐部会所,社交媒体,诸如此类的事情。

就是这样。让我们不要再浪费时间进行介绍,我们可以直接进入设计系统的这个有趣的话题。我说我们可以先大致谈谈什么是设计系统,为什么它们好,什么时候会失败,然后我们可以更深入地探讨我们自己使用或构建设计系统的个人经验。所以今天第一个问题,什么是设计系统?

我不确定你是否想开始,我可以先来,随便哪个,我最亲爱的联合主持人。我认为我们可以用不同的方式来识别它,但长话短说,对我来说,个人设计系统是单一事实来源。

对于你的团队和你的利益相关者或参与你正在从事的项目或设计的任何人来说。我认为它更像是一个系统,不一定是交付物。它基本上需要与开发人员、经理和你的设计团队合作构建。我认为设计系统在你的团队规模相当大的时候使用效果最好

当你试图构建一个项目或构建一个产品时。例如,如果你在一个初创公司工作,你并不一定需要建立一个已建立的设计系统,因为如果你坐在同一个房间里,如果团队只有五个人,你可以不用站起来就能与他们交谈,你实际上可以一起找出事情,你可以

说,嘿,怎么样?你可以在旅途中一起找出事情。但是一旦你的团队开始壮大,你可能坐在不同的房间里,不同的椅子上,不同的,你参与了不同的团队。在那里,实际上,参与你项目的人越多,事情搞砸的可能性就越大。所以如果你没有建立任何设计系统,没有规则,没有某种规则

Stalina Mersin:样式指南或模式库,我们如何一起构建东西,你可以快速构建一个弗兰肯斯坦设计,不同的人以不同的方式解释事情,并且。Stalina Mersin:构建不很好地协同工作的东西,它会很快变成一团糟,所以我认为设计系统。

非常好,再次强调,它是一个系统,而不是一个交付物,为了使其超级清晰。因此,一旦你的团队开始壮大,设计系统就变得非常有用,它是每个人都知道在哪里查找、参考和使用以一致地构建产品的事实来源。这是我对这方面的看法。你呢?

我喜欢你对这方面的看法。我实际上喜欢关于弗兰肯斯坦产品的观点,我们经常看到这种情况,或者我们曾在这样的公司工作过,呃,

即使是出于最好的意图,事情也会开始,嗯,最终会变成那样。所以回到我的定义,它与你的定义非常相似。它是通用的。因此,基本上,设计系统只是你根据某些指南或标准重复使用的组件的集合。而且,呃,是的,你创建它们是为了轻松、快速和安全地组装它们,呃,不会出错。所以,嗯,你稍微触及了,呃,

什么时候考虑拥有设计系统是个好主意。我同意这与团队规模、公司规模、产品规模也有很大关系。我还将其与复杂性联系起来,与产品复杂性或产品组合联系起来

因此,你可能不需要设计系统来构建登录页面或投资组合网站,但如果你是一家拥有多个产品甚至只是一个足够复杂的产品的大公司,你肯定需要一个设计系统。

当你刚才谈到登录页面时,我想到也许对于自由职业者来说,即使你是一个人的团队,拥有一个设计系统也很重要。但是,如果你不断地从头开始构建登录页面,那么什么阻止你构建一个可以重复用于不同客户的设计系统,这可以为你节省大量时间呢?所以我认为,如果你是一个人的团队,但你正在与相同的人一起工作,这仍然可能对你有用

一遍又一遍地使用相同的组件,这无论如何对你来说都可能非常有用,是的,让我们继续吧,这是一个很好的观点,我认为我还想谈到的另一个观点是,就其有用性而言,我认为它也可以作为一种非常好的解决方案或辅助工具,用于解决组织问题,因此设计组织问题是指,也许事情总是

最终不一致,或者存在一些沟通问题,设计系统还可以帮助创建更好的协作和沟通文化。所以我认为设计系统有很多用例,只是为了确保你需要一个设计系统才能创建它,不要为了创建而创建它。

所以我想问你的另一个问题,Anfisa,如果你想的话,在实际定义方面,设计系统的常用元素是什么?是的,这是一个很好的问题,我认为这可能也有些令人困惑,设计系统正如我所说的那样,不一定是交付物,我

我认为一般来说,主要组件是,你可能需要从样式指南开始。我称它们为令牌,你将在其中定义构建的基础内容。例如,这些可能是排版样式,

在排版级别上彼此不同的应用程序,可能是颜色,可能是图标,一些填充,也许,我不知道,网格系统等等。所以你有点,这就像一个基础的东西,你开始在其基础上构建你的,

更多可重复使用的组件。再次强调,一旦你建立了颜色、排版、网格系统、布局等基本内容,你就可以开始构建组件库了。同样,组件编号 1 是试用指南,即令牌。在此基础上,你构建组件库。这些更像是可重复使用的组件,

Figma 中的符号或组件,如果我们真的把它说得非常实际的话。因此,这些可能是你在不同上下文中一遍又一遍地重复使用的不同组件。可能是图像、画廊、文章、导航、按钮,所有这些你将在以下方面使用的内容,我不知道,网页设计或你的产品设计。

然后在组件库之后,它会成为所有这些组件之下的某种帽子或保护伞,我通常将其称为规则和连接或原则。我们如何使用

一起工作。我们什么时候使用,我不知道,这个组件?规则是什么?状态是什么?诸如分类法、基础、内容原则,甚至 UX 写作,例如一些语气原则。但这实际上是所有可能的组合以及它们是如何被调节和

彼此之间,以便如果假设你有一个组件,你知道例如它在这种情况下有效,但在这种情况下由于这个或另一个原因而无效。所以它更像是一种保护伞,它控制你的样式和组件的应用程序,我想。最基本的是,你总是需要从样式开始,然后你继续到组件。然后随着你的成长以及产品变得越来越复杂,你需要开始考虑指南和应用程序规则,我想。

我喜欢你的回答,我没有什么要补充的。所以在我们继续讨论设计系统的陷阱或可能出错的地方之前,也许在此之前我可以补充一下拥有设计系统的益处,然后我们可以深入研究可能出错的地方,因为设计中的所有事情都可能出错。

那么拥有设计系统有哪些好处呢?当然,这些是一般的。这在很大程度上取决于你的具体情况和你的特定问题,以及你决定构建设计系统的原因。因此,这个答案也有很多变化。但总的来说,设计系统非常适合确保你的产品或解决方案或你正在构建的任何东西的一致性。

它们还可以提高你构建和迭代解决方案的速度,这也是一件好事。特别是如果你是一家大公司,一旦你拥有一个设计系统,它将在速度方面带来巨大的改进。当然,输出质量也会更高,因为你……

你确保错误更少、不一致性更少、异常更少、弗兰肯斯坦解决方案等等。所以质量更高。还有一个重要的点,根据我的经验,我注意到这可能是最强大的一个点,那就是你为团队建立了一个共享词汇表。

因此,这也创建了一种共同的语言,一种共同的基础,每个人都在谈论相同的事情。而这个词对团队中的每个人都意味着相同的意思。呃,但它也强制性地,如果你愿意的话,它促使人们更多地协作,更好地协作,因为你不可能在没有像你所说的那样,让每个人都参与的情况下构建一个设计系统,而且,嗯,呃,

每个人都需要做出贡献。每个人都需要使用设计系统,然后用他或她已实施的任何更改或其他元素来告知设计系统。所以,是的,它是鼓励团队和公司协作的绝佳工具。

最后,我想说它还可以使所有内容更容易测试,因为你可以快速原型设计,然后你可以非常快速地验证或否定解决方案。这些是一些主要好处或设计系统的一般好处。我想你刚才说的也完全与我一致,但我还想说,也许拥有这种可预测性,拥有这个已建立的库,

让你更容易专注于解决问题,而不是一遍遍地构建视觉效果。所以,再次强调,这是我在我的社交媒体设计系统中遇到的问题。基本上没有设计系统。所以如果你已经弄清楚了这些事情,事情是如何协同工作的以及所有这些模板和组件是如何建立的,你真的不再关注视觉效果和不断地制作另一个布局项目了,对吧?你专注于对设计、解决问题或你试图传达的信息或视觉效果最重要的事情。所以这取决于

你想要做什么,但你不必关注视觉效果,对吧?你专注于作为设计师对你来说最重要的事情。那只是我的某种感觉,当我想到设计系统时,这就是我的主要原因,为什么我要构建设计系统,以使其如此可预测,以至于你不必担心事情以及它们是如何协同工作的。

非常强大且非常重要的一点。是的,感谢你提出这一点,我真的很喜欢它,我可能会在节目的最后分享它,当我们分享我们最重要的三个见解时。所以现在让我们来探讨一下可能出错的地方。我很想听听你对设计系统为什么会失败或构建时可能出错的看法,或者

方法很有趣,因为我认为我从未参与过设计系统失败的项目,当然在使用的工具上存在一些问题,嗯

所以这个单一事实来源并不总是最好的。例如,在一个项目中,我们使用的是 Zeppelin,它不像是一个非常适合建立令牌和一些库、一些组件库的工具,但它不是最理想的方式。它很难调节。它会很快在不同的项目中堆积混乱,你可以在其中找到东西等等。

我想说,这一切都归结于你如何沟通你的系统以及人们如何轻松地访问它并在适当的地方找到东西。所以设计系统本身并不一定会失败。对我个人来说,更多的是我们如何沟通设计系统。但我宁愿更多地关注

什么是,我想,设计系统的错误之处以及设计系统的局限性或约束是什么?因为我认为对我来说,这在某些情况下是痛点。所以对我个人来说,设计系统有时可能会受到限制。例如,如果你想构建一个你没有组件的东西,但你有一个独特的案例。

你处于一个奇怪的位置,你有一个想法,如何以一种非常有趣的方式来传达流程或一个点,而不是,比如说,平凡的、非正统的方式。但它不是你设计系统的一部分。你就像处于这样的位置,好吧,我们优先考虑一致性。对吧?

但这现在不起作用。如果我们从我们的设计库中选择任何元素,它都不会起作用。那么我们该怎么办?我们是创建另一个例外,还是坚持一致性?这就像你需要真正理解你优先考虑什么的问题。它不像是一刀切的。有时你需要优先考虑一致性。有时你需要选择这种非正统的解决方案。这就是我在某些地方曾经遇到的痛点。

但限制设计系统的不仅仅是例外和这个新例外的沟通,你需要进行的持续对话也更少。我们允许这个例外吗?我们不允许吗?而且,你知道,我们如何规范这些新组件?但另一个点或痛点,我想,是关于,再次强调,规范。所以,是的。

我们调节系统的方式是什么?谁更新系统?谁有权更新系统?这样做的步骤是什么?人们如何知道系统已更新、新的规则和应用程序。所以整个更新过程和规范过程是另一个步骤。

我个人没有弄清楚如何最好地做到这一点的痛点。我认为我非常期待听到其他经历过这个过程并弄清楚了的设计师的一些经验。所以对我来说,这仍然是一个关于如何使其对整个团队更有效的大问题。但除此之外,我认为设计系统运行得相当好,而且拥有它们肯定比没有它们更好。你的意见呢?

感谢你分享你的想法。确实非常宝贵的观点。我将分享我对设计系统为什么会失败的看法。你提到了一个最重要的点,如果你愿意的话,或者是最重要的点之一,那就是没有足够的社会化,如果你愿意的话,没有足够的沟通和宣传,以提高采用率。所以我认为另一个

我注意到公司的一个模式是,最初会努力推动创建设计系统,然后设计系统最终出现了,然后就这样了,每个人都忘记了设计系统,我的意思是他们可能会开始使用它,他们正在使用它,但它仍然是某种

很快就会再次变得混乱,因为我认为围绕设计系统的主要挑战之一是理解它也需要维护,你创建它并付出一次性努力是不够的,然后你所有的问题都会神奇地永远消失,它实际上需要持续的工作,持续的更新,就像你说的那样,也许有一些实例没有涵盖,或者也许需要做出一些例外,并且

这应该将信息反馈给设计系统。所以我认为这是一个持续的努力。它不应被视为一个不断发展的生命体。是的,人们倾向于将其视为构建设计系统的一次性项目,从那时起我们就使用它,就是这样。而事实上并非如此。

另一个问题是,很多时候人们不知道他们为什么要创建设计系统,这会影响团队成员的认同、兴奋度和采用率。所以我认为我看到过团队、公司或个人只是在讨论设计系统,因为每个人都在讨论它们,并且因为,好吧,也许它们会解决一些问题,但我们不太确定是哪些问题。

我认为你需要明确,就像你在社交媒体故事中分享的那样,你需要明确地阐明你为什么选择设计系统作为解决问题的方案,以及你试图通过构建设计系统来解决哪些问题。是的,关于这个问题,我要快速说明两点,然后我们将分享一些个人故事。

是的,我认为另一个可能出错的事情是,公司往往低估了构建设计系统所需的努力。感觉就像,好吧,这是一个样式指南,这是一个库,这个人可以在两周内完成它,请继续去做吧。事实上,这真的是一项巨大的工作,因为你必须查看所有产品、所有差异、所有弗兰肯斯坦的东西

我现在对此很痴迷。你必须查看公司中的所有内容,然后了解为什么它不起作用,我们应该做什么才能使其起作用,我们可以为每个组件选择哪些最佳解决方案或可能的解决方案。

所以这是一项巨大的工作。这是一项巨大的工作,公司很多时候都低估了这一点。所以我认为,如果没有调动足够的资源,肯定会损害设计系统的成功。我认为我曾经在某个地方读到过,这对我产生了影响,设计系统在某种程度上本身就是一个产品,它需要自己的路线图和自己的负责人

另一个也是最后一点,这确实是一个快速说明,那就是,是的,你还需要工程方面的认同。所以我认为人们将设计系统视为设计交付物或设计工作,但它实际上更像是一项工程工作,因为工程团队需要构建这个组件,以便它们可以重复使用并快速

使用它们构建解决方案。所以我认为在倡导、说服和获得认同方面需要做很多工作,并让工程师看到构建这个设计系统的益处,因为正如我所说,这是一项巨大的努力。这并非微不足道。

我想在这里补充五分钱。当你提到我们需要认同时,我觉得,好吧,我在这方面有一些经验。在我的上一家公司,我们正在构建一个设计系统,它就像你描述的那样。我们构建了它,后来它被推给了开发人员。有些人对这一点非常容易接受,并且非常愿意构建我们建议的内容。但有些人抵制设计系统,而且,呃,

有很多疑问,我想,消极情绪也随之而来。所以我认为我从这段经历中学到的东西是,也许,而且我还没有体验过,所以我以后可能会报告我的经验,但也许一种方法是不要仅仅在你的筒仓中构建设计系统,与你的团队一起坐下来,并共同协作如何构建事物,而是实际上尽早让他们参与进来,就像我们所说的那样,就像在任何设计项目中一样。

也许甚至可以进行一些协作研讨会,让每个人都有发言权,并可以贡献并解释他们认为如何更有效地构建事物,以及如何更好地协同工作,以及他们认为为什么以这种方式更好地协同工作的原因。

所以我认为也许可以举办一个研讨会,让每个人都有发言权,并且可以听到他们的声音,并且可以对它是否有意义进行投票。通过这种方式,你不会将任何人排除在流程之外。通过这种方式,也许你可以确保工程决策者有兴趣将其传达给他们的团队,但也以更……

有影响力的方式解释其价值,如果我们可以这样称呼它的话。但可以肯定的是,关键是我们需要让所有参与者都参与到这个过程中。否则,将很难将其推行下去,并看到这个系统被使用、蓬勃发展并对每个人都非常有帮助和有效。特别是如果你有一个大型团队,这对你来说将非常困难。但是是的,我们现在在我的公司里才刚刚开始这样做。所以

我们将看看结果如何,以及这个研讨会是否通常有意义,我们将拭目以待

Anfisa 的观点非常宝贵。你已经分享了一些经验片段,例如你遇到的社交媒体困境,以及发现你需要一个设计系统,以及与构建设计系统的团队合作,然后将其交给开发人员。有些人可以接受,但有些人却像,这是什么?为什么我们没有参与?也许他们甚至不知道他们从一开始就想参与。所以是的,非常重要的观点。

我很想知道你是否想分享其他任何内容,例如你过去的经验或当前正在发生的与设计系统的经验,例如一些个人故事或经验教训或任何类似的东西,是的,当然,我想说我过去参与了三个设计系统,嗯

它们非常不同。一个系统是我作为自由职业设计师时构建的,所以我可以,正如我所说的那样,使自己能够在不同客户的不同上下文中轻松重复使用它们。所以我构建了一个个人设计系统,不是为了协作,而是为了更有效地与客户合作。

并为未来的项目节省时间。这是我构建的第一个系统。我构建的第二个系统是为一家更大的公司构建的。在那家公司,我们大约有 100 人,我作为承包商在那里工作了一年。我们基本上处于一种有趣的情况,因为我们有三个设计师,并且

我们有100名开发人员,所以开发人员与设计师的比例非常不平衡,根本不成比例。因此,在每个正常的项目中,我们都在领先于开发工作,我认为我们在开发人员接手之前提前了两个月来构建,只是建立了设计系统的地基。

这正是我所说的并非每个开发人员最终都感到满意的那一个项目。你可以想象,当你拥有100名开发人员,而且大多数都是新手时,这是一个外包项目。所以大多数人都是大约三个月内来的,每天都会有新的开发人员。你甚至不知道他们的名字。你从未见过他们,但这简直是一团糟。这完全是一团糟。我们甚至还没有那个设计工具。在某个时候,我们终于得到了我们的Zeppelin,但我们几乎没有时间

比如说,找到如何使用它的最佳实践。所以我们把这个扔了,我认为我们在我们能做的三个人、400个开发人员和一个后来才给我们提供的工具方面尽了最大努力,但是

正如我所说,我确实从我过去没有有效的系统和有效的工具来沟通的错误中吸取了教训。但如果你每天都有新人加入,你真的需要找到一种有效的方式来沟通你的系统。我认为我从这次经历中学到的是,你需要

一个非常重要的位置。它不仅仅是某些开发人员可以访问的Zeppelin,有些则不能。仅仅因为你不知道有人加入,他们没有帐户,现在他们无法访问你的设计系统。那是一团糟。但你可能还想拍摄一些视频,一些你可以说的地方,

这是一个针对任何开发人员的入门流程。如果你想找到这个,这个,这个,这个,这个,这就是你去的地方。这就是它的工作原理。这就是你如何获得你的规格等等。所以它需要是一个非常有效的沟通过程,特别是如果你每天都有新人加入你的项目,也许可以制作一些视频,或者其他任何可以帮助你简化沟通过程的东西,因为每天为新开发人员做演示根本没有效率。当然,

设计系统并不一定需要向下推送到开发人员团队。你需要有利益相关者,来自你将一起工作的每个团队、每个部门的代表。在理想情况下,我建议让这些人尽早与你一起合作构建这个设计系统。

但要快速分享一下我关于第三个设计系统的经历,我刚才提到了,那就是我的社交媒体系统。

嗯,这是一个很长的故事。我认为社交媒体的存在本身可能又是另一个话题,我们可以在未来的某个时候讨论,但我在这里会尽量简短。所以,正如我所说,我的主要问题,我的基本问题是,你知道,继续我在社交媒体和内容创作方面的旅程,是,

是这样的,好吧,我已经做了很长时间了。而且每年我都感到同样的挣扎。我觉得我一直在花两三个小时,如果不是四个小时的话,来制作一个会被观看三秒钟的帖子。它的影响只是……

我想每次都在减少,我觉得我只是花了越来越多的时间,但却没有任何影响,因为我不够一致,我一直在寻找时间,在任何可能的时刻,我不知道能不能找到三四个小时,有时这是一种奢侈,所以你花了大量的时间,你把所有空闲时间都花在了制作这个帖子上面,但这并不是

而且它不一致,所以人们并不知道你会发布它们,或者你什么时候发布是不可预测的,当你有了这个空闲时间。总而言之,社交媒体平台会惩罚你不够一致,并且不经常创建帖子。如果你的社交媒体不一致,

你的覆盖范围就会下降。有更多内容创作者更一致。你的可见性下降,你带来的影响随着时间的推移也在减少。所以,总的来说,我意识到,仅仅因为我总是要花三四个小时来制作一个影响力不够大的帖子,而且每个下一个帖子的影响力都会越来越小,或者覆盖范围越来越小。

这让我越来越沮丧,不愿把时间花在这上面。所以随着时间的推移,我意识到我往往找不到这个空闲时间,根本不把时间花在这上面。这是一个悲伤的故事,因为,再说一次,我有起起伏伏。有时我会建立

帖子的管道并推送它。但随后会有两个月我没有时间,我什么也不会推送。就像上上下下一样。你可见,你不可见,你可见,不可见。所以社交媒体,如果你没有空闲时间,这是一个有点令人沮丧的游戏。在此之前,我是一个自由职业者,所以我有很多空闲时间。但现在作为一个全职人员,我

我几乎没有空闲时间。所以我意识到,我非常需要建立一个可重用的系统,任何人都可以使用它。比如说,如果我想委托一些帖子由我合作的人来制作,那个人可以做到这一点,但这仍然是我。这将是我的风格。这将是我的公司。

视觉沟通原则,这几乎就像我的声音,但花在组合一些片段上的时间将由其他人来花费,因为我没有这个时间,但它仍然会保持一致,所以仅仅是因为所有这些令人沮丧的经历,我

我强烈意识到,A,我需要一个更好的沟通视觉原则。所以我聘请了一位品牌设计师,他帮助我更好地了解自己。这是一个漫长的过程,因为我做了一些战略规划。我对我的受众是谁进行了研究?我的沟通风格原则是什么?人们如何解读我,他们如何看待我?我的,我想,是我想传达的人格特质是什么?

还有我想传达的内容或帖子的类型,我需要为之而闻名。在那之后,社交媒体设计师帮助我构建了标记,比如说,颜色、排版、……

图标,比如说笔触和将在帖子中重复使用的不同元素,之后我用这些原则把它捡起来并构建了这个设计系统,就像我说的那样,所以我们现在有了分叉标记,我开始构建组件,不同的可重用元素,然后我为它构建了模板,我已经知道我会发布什么样的帖子,所以,我不知道封面单元原则、报价原则、游戏化帖子、讲故事类型的帖子,所以我尝试构建

它们全部,并对其进行模式化,以便它可以像一个模板,我合作的人会把它捡起来,然后放入他们的内容。这样,再次,现在它仍在进行中,因为我认为设计系统,很难以一种可预测的方式构建它,以适应所有类型的内容。但是

我试图让它成为一个几乎即插即用的系统,但我们将拭目以待,因为我认为一旦我们开始发布这个,它是否有效就会很清楚。但到目前为止,我对我自己来说有一个Figma文件作为交付物。所以我有一个带有标记、原则和模板的Figma文件,并且

我目前仍然需要做的最后一件事是向我合作的女孩传达这个设计系统以及我们如何使用它来帮助我发布帖子。这就是我现在与我的最后一个设计系统,社交媒体设计系统,所处的位置。

我可能会在以后向你更新它的工作情况。你的经验如何?你过去做过哪些项目?也许你从这些项目中学到了什么教训?我在大公司做过两个大型设计系统。所以公司员工超过1500人,我不知道,也许银行有10000人,我在我目前的雇主那里有3000人。所以是大公司,设计团队不是很大。所以在银行,呃,

罗马尼亚的当地团队。我们正在为我们自己构建一个设计系统,因为该应用程序也是一个本地产品,所以它不是一个全球解决方案。我们与我们的工程团队和设计师团队一起在本地定制构建它。所以我们的设计团队并没有那么大。这是我们第一次探索构建设计系统。设计系统

刚刚开始成为新的流行趋势,你需要一个设计系统。所以每个人都在进行所有这些实验性的反复试验的方法,所以我们对我们在做什么以及我们是否做对了并不十分清楚。但我们着手要做的是创建这些Confluence页面,我们在其中记录了每个组件,所有我们做出的设计决策

所以团队中的每个人都可以选择他们最喜欢的组件来工作。有些人想处理按钮,其他人想处理控件等等。所以每个人都选择了他们最喜欢的元素来工作。

结果和我们看到的情况是,我们的进展相当缓慢。我认为这是因为没有人是明确的所有者,就像你之前提到的那样,没有明确的官方所有者来推动设计系统。所以我们只是试图互相鼓励。嘿,你能在本周完成日历组件吗?因为我们某种程度上需要它用于其他项目

所以这是我们之间的对话。我们没有得到利益相关者、经理或我们上级的任何人的认可。所以我们自己组织。与此同时,我们还需要完成日常工作

我们正在进行的项目。所以这是一个挑战,优先考虑为设计系统工作。所以如果让我再来一次,我会说这是负责设计系统的人,你负责推动设计系统的创建和监控Confluence页面,缺少什么,需要更新什么等等。而且

是的,Confluence页面与我们开始使用的Sketch库相辅相成。但这不一定是成功的故事。它更像是一个实验故事。当我离开那家公司时,我们仍在开发设计系统,所以我没有看到它最终完成。在我目前的雇主那里,也有很多……

是的,需要解决的产品之间存在不一致之处。这只是导致需要设计系统的问题之一。另一个问题是设计团队非常全球化。我们在印度有设计师,在纽约有设计师,在西雅图有设计师,在欧洲有设计师。所以有,我们一直都在所有可能的时间区域。所以不一致,

确保我们正在构建一致的解决方案成为一个相当大的挑战。所以我们决定我们需要一个设计系统,我们开始在Figma中工作,这是一个构建设计系统的绝佳工具,因为它具有超强的协作性,并且每个人都可以同时在自己的……

Sigma角落的责任框中工作。我认为这是构建设计系统的绝佳选择。一开始,我们很长时间进展都相当缓慢。原因与我提到的相同,没有明确的设计系统负责人。每个人都被期望将其作为副项目来处理,但每个人也都忙于工作。所以当……

我们的设计主管任命了负责或需要推动这个项目的人员后,事情开始进展得更快,他们感到更有能力,并且他们

他们对这项工作的成功负有责任。所以事情突然开始快速发展,然后砰的一声,我们有了一个设计系统,我想说它作为一个项目永远不会结束。所以不是说有一天你说,好吧,完成了。

完成了。我完成了。你不仅需要维护它,而且总会有关于它的未决问题。所以总有一些没有澄清的事情需要重新审视或解决等等。

所以这是我对设计系统的两次体验。在我们进入最后的要点之前,分享我们从这次谈话中获得的最喜欢的要点,我想问你一个更轻松的快速问题。

如果你有任何最喜欢的设计系统是什么?是的,当然。喜欢这个问题。在我的实践中,从Brad Frost的原子设计系统方法中汲取了很多灵感。我真的很喜欢这种方法,因为他采取了一种非常……

具体的例子和某种关联来帮助你理解设计系统。他称之为原子设计系统,因为他从元素周期表中获得了灵感,你会有不同的元素,并且

基本上,他建议在系统中使用的是原子、分子和有机体以及模板和页面。我尝试在我的……

我正在使用的系统中使用它,因为它很容易。例如,原子是按钮,分子是按钮和表单,有机体是更大数量的元素组合。然后你有了模板,例如,现在对于社交媒体,我将使用模板或页面,例如,关于我们的主页当前外观的一个真实来源。

所以这是一个非常容易理解和思考的方法。但是,我在那里添加了像样式指南这样的标记元素,因为我认为原子设计系统并没有考虑标记之类的东西。

在我们使用原子之前会发生什么。我真正从中获得灵感的另一个系统是谷歌的Material系统。这是一个共享的劳动库。它很容易上手。这是一个非常常见的库。所以,例如,即使你没有设计团队,你也可以访问谷歌的Material资源,找到构建一致且可预测的用户界面所需的一切,任何用户都知道如何使用。

他们有如此出色的示例和原则,说明如何使用,如何不将事物组合在一起。所以我认为这绝对是关于如何记录你的系统的一个很好的灵感来源。它非常先进。所以并非每家公司都需要构建如此先进的文档,但这是一个很好的灵感来源。当我工作时,我喜欢的另外两个系统,

当我需要为我的设计系统寻找灵感时,是Atlassian设计系统和Shopify系统。我认为他们称之为Polaris。关注它们并从中寻找灵感绝对很有趣。还有一本书我想在这里推荐,叫做《设计系统手册》。我认为它是InVision出版的。它就像一本你可以免费在线下载的电子书。

所以是的,如果你即将构建你的设计系统,这是另一个很好的资源。你的建议是什么?我将补充资源主题,并为所有想要探索不同设计系统的人分享另一个资源。这是一个设计系统存储库,它帮助我发现了

新的设计系统。在我命名它之前,我只想说这是一个非常有价值的练习,每个人都需要做。所以我认为没有一个最终的设计系统能够解答所有问题,你查看它,它就完成了,就是这样。你不需要检查其他设计系统。如果让我选择一个,那确实是Material Design。但我鼓励每个人

去探索尽可能多的设计系统,因为每个设计系统都有不同的视角,为不同的行业解决不同的需求,具有不同的风格。所以你总是可以通过查看公司的公共设计系统来找到一些有价值的东西来学习。为此,我想推荐一个名为Adele的存储库,就像那位歌手一样,但它不是以那位歌手的名字命名的。所以Adele.com。

uxpin.com,就像我说的那样,这是一个设计系统的存储库,链接到它们的页面,在那里你可以开始探索设计系统,并为自己的……选择你最喜欢的,我没有绝对的最爱,如果要说的话,Material Design是设计系统的圣经,如果你想要……

我也喜欢Adobe Spectrum,如果去年不是,我想是前年推出的。IBM的Carbon设计系统是我发现的第一个,我惊叹不已,我的天哪,这些人太有条理了。但每个人都应该去探索尽可能多的,并做出明智的选择。好的,我们又到了另一集精彩节目的结尾。我认为这是我今天最喜欢的谈话之一。

所以是的,我想听听你从这次谈话中获得的前三点见解。耶,我今天先来。

好的,我的前三点。我实际上做了便利贴。我将直接读出来。第一点。我认为设计系统是一个活文档并且需要更新非常重要。它需要是一个活文档,需要更新,而不是一次性完成,否则构建一个适合所有目的的系统将非常困难。你不仅需要考虑基础,还需要考虑如何更新它以及如何对其进行审核?

第二点是,系统,也许系统需要与不同的团队、不同的利益相关者或决策者一起构建,如果你愿意的话。我认为,至少在我的经验中,如果它不是自上而下地推送到需要采用它的人,那就更好,因为人们

以不同的方式工作,这完全正常,我们是性格,我们有不同的思维过程,我们可能更喜欢不同的工作方式,所以我们不能期望如果你向下推一些东西,人们会立即跳上去并采用它

那样,所以我确实认为,当你试图为你的公司构建如此庞大而庞大的东西时,协作很重要,还有一点我真的很喜欢,那就是你提到的,你可能想要一个烤箱,比如设计系统的家庭烤箱

设计系统的项目所有者,负责维护进度、更新、文档的活跃程度,也许定义更新过程、拥有发言权和更新权的角色,这样事情就不会搞砸。因为如果你允许,你知道,向任何人开放商店。如果有人进去更改某些内容,但其他人不知道,那么你极有可能搞砸事情,人们开始构建一个沟通不畅的系统。所以我认为审核非常重要。它是这个维护过程的一部分,需要尽早建立。

我还喜欢你刚才提到的一个小点,那就是你现在在线找到的每个设计系统都有其自身的风格。我认为很有趣的是,你可以寻找这个特定行业如何为这个行业采用设计系统,例如Shopify,对吧?对于电子商务来说,这是一个很好的例子。它是特定行业、特定细分市场的。我相信你可以在那里找到一些你在其他行业找不到的有趣元素。

行业系统。所以寻找这些细微差别以及这些细微差别如何在不同的环境中真正不同,绝对是一个很好的练习。好的,这是我的观点。你呢?我的第一个是你提到的,以及设计系统将使你能够专注于解决问题,而不是构建视觉效果或解决方案或构建,是的,

实际的UI决策。这是一个确保你关注设计过程的重要部分,而不是同样重要但不太重要的部分的好方法。好的。另一个是

只有当你沟通它们、使它们社会化、让每个人都参与其中、确保它们易于访问、公开,每个人都可以使用它们等等时,设计系统才会成功。持续地使设计系统社会化是其成功的关键。

最后一点我想对任何想要构建设计系统的人说,不要低估它所需的工作量。

这可能需要大量的工作,具体取决于产品的复杂性和公司规模。因此,请确保你留出足够的时间,调动足够的资源,并将其视为一个非常严肃的项目本身。说到这里,

我想感谢所有收听本集节目的听众。感谢Anfisa在我们的Honest UX Talks主题中进行了另一次精彩的谈话。是的,如果你在告别之前有一些最后的总结性评论。

不,我只是想再次说,非常感谢你所有的精彩观点。我真的很喜欢你的经验和观点。我希望这对我们的听众有所帮助或有用。如果你想让我们讨论更具体的主题,也许是利基主题,请继续在iHeartRadio上找到我们。

在我们的社交媒体上,我们使用Instagram,你可以找到我们,作为诚实的UX谈话,只需给我们发送DM,我们会尽快尝试涵盖你的主题或你的具体问题请求,这就是我的观点,非常感谢你的收听,我希望看到我们希望在下一集节目中见到你,再见大家,再见