决策树用于UI组件

Imagine finally resolving never-ending discussions about UI decisions for good. Here are some practical examples of decision trees for UI components and how to use them effectively. An upcoming part of Smart Interface Design Patterns.

想象一下，最终解决了关于UI决策的无休止讨论。这里有一些关于UI组件决策树的实际示例，以及如何有效地使用它们。这是《智能界面设计模式》的即将推出的一部分。

How do you know what UI component to choose? Decision trees offer a systematic approach for design teams to document their design decisions. Once we’ve decided what UI components we use and when, we can avoid never-ending discussions, confusion, and misunderstanding.

您如何知道选择哪个UI组件？决策树为设计团队提供了一种系统化的方法来记录他们的设计决策。一旦我们决定了何时使用哪些UI组件，我们就可以避免无休止的讨论、混淆和误解。

Let’s explore a few examples of decision trees for UI components and how we can get the most out of them.

让我们探索一些关于UI组件决策树的例子，以及我们如何充分利用它们。

This article is part of our ongoing series on design patterns. It’s also an upcoming part of the 10h-video library on Smart Interface Design Patterns 🍣 and the upcoming live UX training as well. Use code BIRDIE to save 15% off.

本文是我们关于设计模式的系列文章之一。它也是即将推出的Smart Interface Design Patterns 🍣的10小时视频库的一部分，以及即将举办的现场UX培训。使用代码BIRDIE可节省15%。

A fantastic example of a form design component decision trees comes from the Doctolib team. (Image source) (Large preview)

一个出色的表单设计组件决策树示例来自Doctolib团队。（图片来源）（大图预览）

B2B Navigation and Help Components: Doctolib #

B2B导航和帮助组件：Doctolib#

Doctolib Design System is a very impressive design system with decision trees, B2B navigation paths, photography, PIN input, UX writing, and SMS notifications — and thorough guides on how to choose UI components.

Doctolib设计系统是一个非常令人印象深刻的设计系统，其中包含决策树、B2B导航路径、摄影、PIN输入、UX写作和短信通知-以及关于如何选择UI组件的详细指南。

One of the many decision trees on Doctolib: from B2B navigation to help components. (Large preview)

Doctolib上的众多决策树之一：从B2B导航到帮助组件。（大图预览）

I love how practical these decision trees are. Each shows an example of what a component looks like, but I would also add references to real-life UI examples and flows of where and how these components are used. A fantastic starting point that docu...