人不知所措。当你进入那个空间时,有很多东西可以吸收!在本文中,Dan Donald 深入研究了一个简单的组件,并探讨了我们可能遇到的一些问题、复杂性和功能。 在我们开始深入研究组件的细节和剖析之前,让我们从更高的层次开始,看看我们在设计系统中所做的工作。 全力以赴 # 无论我们是处于设计系统之旅的开始阶段,还是正在努力改进我们现有的系统,审核都是一个有用的过程,可以弄清楚我们的网站或应用程序中实际使用的内容。在设计系统的开始,假设它是针对现有产品的,审核我们拥有的设计工件有助于了解当前的运行状态。您可能会使用在线协作工具或办公室的墙壁打印输出和便利贴。
其进行分组和分类有助于量化
“野外”使用的内容。 由此,我们可以放大一点,一次选择一个组件,并提出一些问题:这个组件的用途是什么?它是做什么用的?在早期,这让我们进 卡塔尔电话号码列表 行了一系列提问,以找出给定组件的意图,从而明确要解决的问题。毕竟,我们的组件是已解决问题的集合。 可能有很多事情要做,并且可能已经有许多相同或相似外观组件的变体,那么我们如何合理化它们并更深入地了解它们是什么? 选择一个组件 # 让我们选择一个组件来深入研究一下。对于这个例子,我将在 zeroheight 上使用我们的注册表单。 Zeroheight 登录表单 zeroheight网站上的当前登录表单。(大预览) 这是一个非常简单的表单,包含简单的元素,例如文本、表单输入、按钮、链接和某种分隔线。
属性可能是可重用的这
里有一些有限的排版、一些颜色和一些交互元素。 此表单的用例非常明确:它使您能够登录到您的帐户。这是唯一这样的组件吗?我进行了非常快 BTC 数据库欧盟 速的审核,发现了其他一些问题,例如我们的帐户创建和忘记密码表格。他们的目的是什么?由于我们还没有任何其他组件,我将调用此Form,但我知道在未来,随着审计提出其他类型的表格,这可能会改变。 “创建帐户”表格 创建一个帐户(大预览) 忘记密码表格 忘记密码表格(大预览) 系统思考、分解并寻找原型 # 该过程的一部分是从用户旅程中抽象出一个组件,并尝试从系统的角度来看待它: 它是什么? 它有哪些用例? 人们如何在工作中使用它? 当我们考虑命名时,这种抽象也很有用。