翘首以待！Ant Design 4.0 正式版发布

• 当技能高于挑战的时候，我们会感觉到无聊、松懈。
• 当挑战高于技能的时候，我们会感觉到担心、焦虑。而数字世界中的我们，长时间面临过大的挑战，使得担心和焦虑成为了常态。

而只有挑战和技能匹配的时候，我们的工作才会有快乐。同时，随着技能不断提升，又能匹配更高的挑战，就能在工作上持续体会到快乐。那么，工作就会如游戏般好玩，是一种别样的快乐。

全情投入，快乐工作

工作中的快乐，和我们在沙滩上晒太阳的那种快乐，很不一样。大家看一下这张图，回想一下自己的工作，一定会有这样的体会。当你面临一件非常有挑战的事情，你需要集中所有注意力，保持专注，做一件事。一抬头，2 个小时过去，居然下班了。过程中，你不会有任何感受，而完成后，你会有很强的成就感和满足感。这才是工作的快乐，是全情投入的快乐，也是成长的快乐。

Ant Design 基本假定：每个人都追求快乐工作

我们认为「每个人都追求快乐工作」。因为这两个主要原因：

• 第一，每个人，都曾经有快乐工作的经历。只要让挑战持续匹配技能，就能创造连续的快乐工作。
• 第二，工作不可避免。因为我们一半以上时间都在工作。如果我们想要一个快乐的人生，那么快乐工作，对我们每个人都意义重大。

今天，「每个人都追求快乐工作」正式成为 Ant Design 的基本假定，就像「光速不变」至于相对论一样。我们期待这个假定，能引领 Ant Design 能不断传承、发展、演进，活过三十年。

基本假定衍生 4 个设计价值观

基于「每个人都追求快乐工作」这一基本假定，我们分别为两类人：用户（最终使用用户的人）、设计者（创造应用的人），带去两种感受：快感、乐趣。自此，我们衍生出 4 个价值观：

• 设计者的快—确定性 Certain：绝大部分数字产品，都是分工合作的产物。而人越多，团队合作的熵就会变高，这是一切低效的来源。尽可能少的功能，尽可能简单易学的规则，尽可能模块化的方案，让所有人都在一个思维频道推理出同样的方案，这能明显降低合作熵。Ant Design 的各类资产，都在落实这个理念，让更少人更快、更好的完成研发工作。
• 用户的快—确定性 Certain：一致性的方案，降低学习成本。同样的问题，同样的解决方案，有利于用户在系统内外快速学习和操作，降低学习熵。
• 用户的乐—意义感 Meaningful：用户通过和系统的互动和连接实现超我，并完成他的目标，体验到心流，产生一种工作的意义感。前提要实现两者：互动要有利于他的目标的产生和完成，形成意义感；互动应该是自然的，让他对过程也有意义感。Ant Design 对 JCD 方向的探索，就是在工作场景中寻找目标的意义和过程的意义。有趣的 JCD 是 Job Centered Design，也可以是 Joy Centered Design
• 设计者的乐—生长性 Growing：设计的系统有用户互动，有越来越多的用户互动。并不是指用户群体的变大，系统功能的增长，而是指用户群体和系统功能的互动关系更加紧密，生长和演化出一个群体。
• 用户/设计者—自然 Natural：所有价值观的底座，未来会孕育出更多价值观。自然可以分成感知自然和行为自然两个方向，分别映射人机交互中的反馈和前馈。

限于文章篇幅，在这里，我们给大家讲讲「自然」，了解详尽内容，可以阅读设计价值观。

自然

视觉是人获取信息的最主要途经，也是人类感知的最主要通道，所以在 Ant Design 3.0 的时候，我们重点讨论视觉的自然之美。这一次，我们在前馈层面，讨论行为的自然之美。

一次收纳，用户就记不住、找不到

有一天晚上，在我们语雀（十万人阿里人喜欢的文档协同软件）的用户交流群，发生了一段很有代表性的对话：

用户：语雀可以插入图片么？
语雀负责人：😅当然可以，最基础的功能。
用户：可是我们找不到在哪里？

让我们来还原一下过程：在语雀编辑页面的左上角，有一个绿色的 icon；点击之后，可以在第一行发现图片上传功能。但只是把它收纳了一次，就会有很多用户，记不住这个功能；就会有很多用户，找不到这个功能。

这不是语雀特有的问题，是我们这个时代产品的通病，因为我们都采用 WIMP 界面的组织方式。

WIMP 界面：用户找功能

整个人机交互界面发展，经历了多个不同的发展阶段，从批处理界面，到命令行界面，再到 WIMP 界面，以及学术界正在探索的 Post-WIMP 界面和 Non-Command 界面。每过一段时间，系统的易用性会得到很大提升，用户生产力就会得到极大提高，尤其对于普通用户而言。

1973 年，Xerox 首创的 WIMP 界面，是一种划时代的界面组织方式，后来被苹果和微软传承和发展，影响了一代又一代人。WIMP 极大降低人机交互的门槛，提升易用性，让人人都能使用计算机。即使到了 49 年后的今天，大部分系统仍然采用 WIMP 界面进行组织。

WIMP 是 Window, Icon, Menu, Point Device 的简称，即：窗口、图标、菜单、点击设备。这种界面交互的本质上，可以理解成：开发者首先组织好功能，然后让用户记住这个功能，并在需要的时候找到这个功能，进行人机交互。简单理解，让用户找功能。

当系统只有几十个功能组织的时候，这是非常好的组织方式，带来了质的飞跃，让普通人也能使用电脑。但现在，50 年过去了，功能几十倍增长之后。无论怎么组织，都会有人记不住，找不到。

所以，在功能爆炸的今天，WIMP 界面变得越来越不自然。

WIMP 界面不自然的两大原因

第一，过于依赖用户触发，容易走不通。让我们看看人机交互的 7 个过程。当功能太多的时候，用户记不住有没有这个功能，这就导致了用户无法计划。当功能太多的时候，用户找不到这个功能在哪里，这就导致了用户无法迅速确认动作，不知道从哪里开始？

这是 WIMP 交互不自然的第一个原因：过于依赖用户触发，一旦用户记不住、一旦用户找不到，这条路就会走不通。

第二，过度依赖意识触发，容易费脑力。我们回到人身上：根据消耗的能量不同，人的意识行为分为两层：意识和无意识。意识好比耗能，消耗更多的卡路里和氧气。而 WIMP 界面交互中，系统功能是被动的，它需要人有意识的触发动作，激活所有的功能。

这是 WIMP 交互不自然的第二个原因：过于依赖意识的触发，比一般活动更耗脑力，如果长期做，这条路就会越走越累。

增加主动式交互，让功能找到用户

如何去解决 WIMP 界面下的这两个问题呢？首先，明确将系统功能分成主动功能和被动功能，人也要分成意识和无意识。其次，我们要守正出奇：

• 守正：保留 WIMP 界面的常见模式，让用户有意识触发被动功能。
• 出奇(jī)：奇是奇数的奇，而奇数要比偶数多一点。所以，我们要在守正的基础上，多做一步。增加系统主动式交互，让功能找到用户。

既然用户记不住、找不到功能，那么这一次，我们就让功能主动找用户。一般情况下，常见的主动交互可以分成两种类型。

• 相逢不相识：系统主动式交互，由于不是用户有意识触发的。所以用户能看到变化，但不一定明白背后的逻辑。
• 可用不可见：系统主动式交互，用户压根看不见，可能从来没有意识到过。

举一个相逢不相识的例子。在使用支付宝的收款码时，当你的设备旋转达到一定角度之后，界面会自然翻转。此时，对面的人通过扫一扫，就能看到人的正面。仔细想想这个细节，非常自然。

举一个可用不可见的例子。iOS 的键盘很特别，它会根据你的上一个动作，主动调整每个字母的点击热区。比如：你输了 Ant Desig 之后，那么 n 出现的可能性会大于旁边的 b 和 m，让你更容易点击。这一切，非常自然，自然到我们完全意识不到它的存在。

解决图片上传的问题

回到刚开始的语雀上传的案例，我们可以通过将「图片」icon 拿出来，解决用户找不到、记住不的问题。但是，明天表格找不到了？后天附件找不到了？我们不可能将所有的 icon 都拿出来，通过打平的方式解决。

今天，我们用另外一种思路「主动式交互」，去解决记不住、找不到的问题。

第一种，上下文（上一个动作）。我们发现用户在使用同类型产品时，经常会下意识的将图片拖到文档里，这一动作在桌面软件中尤其盛行。虽然语雀是 Web 应用，但为了让用户的上下文保持串联，我们让用户可以直接将图片拖进去。直接拖进去，而不需要费力的寻找对应的 icon。

第二种，元数据。图片是一种特殊格式数据：jpg、png，系统是很容易识别的。所以当用户粘贴了这种格式，在进入到编辑页面时候，适时的冒出一个提示，询问用户是否粘贴。

这两种方式，并不惊世骇俗，甚至比较常规。但是它们都跳出了 WIMP 界面的思维模式（让用户记、让用户找的模式），用全新的视觉，更自然的交互方式来弥补 WIMP 的不足。而自然交互工具，就是提供一种思维框架，让设计者快速得出水准之上的设计方案。

我们认为：传统的 WIMP 界面在海量功能面前，变得越来越不自然了。需要更多的主动式交互，让系统功能找到用户，节省用户脑力和体力。这是我们的自然之道，这也是用户的快乐之道。