YouMind 插件设计的故事

YouMind 的 Chrome 插件完成了新的一轮设计，目前整体已经来到了第四个版本。

这一年里，我们围绕它反复打磨、增减和取舍。现在回头看，不只是多了一个版本号，更像是走完了一小段路。于是我想把这过去一年的经历和一些小总结整理下来，分享给大家，聊聊这个插件背后我们的故事。

YouMind 的基石

要说 YouMind 最早的雏形，其实并不是某个网页里的功能，而是插件。

回想最初和玉伯构思新项目的时候，是在天目里的一家咖啡馆。当时我拿着电脑和几张简单的线框图给他介绍我的想法，展示的第一个版本就是一个插件。那时候，我们对着浏览器左侧这块狭小的空间，有着非常多的想法，也有很多期待。

两年前，插件领域的 AI 产品还不多，不像如今这般层出不穷。我们当时想做的事情很单纯，辅助阅读、总结内容、了解作者，并基于关键词提供适时的扩展阅读。核心目的只有一个，让用户在阅读时能更高效地捕捉关键信息。这个想法，后来也成为了 YouMind 最坚实的基石。

我们当时对这个插件聊得天花乱坠，因为在当时确实没有一个和我们很像的产品。我们几乎把当时「AI native」的能力都往里想了一遍，尝试重新定义阅读这件事。于是我们满怀期待，拿着这版构思底稿去找投资人。可想而知，要么遭到拒绝，要么就被觉得有点异想天开。

当然，这类沟通并不是没有意义。反而是这些对话，让这个事情变得更加「真」。每次和投资人或者机构聊天的时候，他们总能帮我们补充不同的视角，有人从用户出发，有人从商业出发，也有人从节奏和风险出发。慢慢地，我们就有了一个名义上的 0.1 版本。

日出东方

插件的 0.1 已经不只是一个插件了，还有配套的 SaaS 功能。可以看到，我们在这个时候已经把最开始的想法一点点丰满起来了。当然，那时候还只有一个 YouMind 的名字，连 logo 都还没有。Logo 是我随手画的一个日出，寓意着我们的新产品正在东方出生。

回过头看插件的本体，你会发现，和现在的最终版本在主线功能上，其实没有太大的改变。只是在当时，我们想了很多巧思，后来并没有真正走到产品迭代里。

比如我们当时加入过一个叫「人类指数」的功能。出发点是，我们考虑到随着 AI 的发展，通过 AI 产出的内容肯定会越来越多，那么要怎么判断一篇内容里到底有多少是「人写的」呢？于是就想加这么一个指数。在两年前，这个想法其实还挺新鲜的。只是后来无论我们怎么设计，都拿不到一个足够合理、足够靠谱的判断依据和标准。到最后，这个功能慢慢变成了一个噱头，我们也就主动放弃了。

至于为什么最开始是绿色的，那就更简单了，因为我自己喜欢。哈哈。从语雀开始，绿色的定义基本都是我拍板。我希望产品看起来更有活力，也希望插件能给人一种很有朝气的感觉。不过玉伯可能会比较排斥。有一次他悄悄和我说，能不能别再用绿色了，这让他觉得我们还停留在上一个产品里没有走出来。于是乎，好吧，那就改成黑色吧。

很多时候，功能和风格的基调一旦定下来了，后续的发展大多都会围绕着这个大的基调进行。YouMind 插件的基调，其实从最开始的草稿到后面的设计，一直围绕着「辅助阅读 + 材料保存」这条主线。

当然，这个版本的设计，你们是没有在正式插件里看到过的。因为在这个版本结束后，YouMind 的产品正式启动，我们的团队也组建起来了，于是我们有了一些新的思考加进去。

方寸之间，内有乾坤

在 0.1 版本之前，插件整体还是比较克制的，因为它要完成的功能很单一，就是辅助阅读加材料保存。但当我们推出 SaaS 版本之后，很快就发现，我们想要的东西变多了。

有一段时间，我们几乎什么都想往插件里加。于是插件的功能布局就在有限的空间里来回来回调整。要知道，在那么小的一块区域里，既要合理呈现比较复杂的能力，还要容纳一些彼此之间未必强关联的功能，这本身就是一件非常不容易的事情。

那时候我们想加入的东西有很多，像 AI Copilot、Snippet、Thoughts、Media、Overview、Save 等等。关键是在当时的框架稍微稳定的时候，这几个功能谁也不服谁，都想成为主角，都希望自己是用户点开插件时最先看到的那个。

更关键的是，在一开始，Overview 和 Chat 并不是一组能力里的两个状态，而是两套相对独立的功能。Overview 是为特定场景定制的一种总结能力，Chat 则是更自由的对话。为了让这两个功能都能「第一时间」出现在用户面前，我们在布局上真的是来来回回改了很多轮，最后只能先选了一个相对折中的方案。这个方案后来也成为 0.2 版本的基础，很多后续的能力都在这个版本上继续演化。

光看几张设计图，大家可能很难真正体会中间那种复杂感。我补充几个当时我们面对的产品逻辑，可能会更好理解一些：

类似这样的基础逻辑还有很多很多。对于一个产品来说，真正的挑战不只是功能多，而是要把大量的条件判断融合在一起，让它们彼此之间不要打架，同时在不同场景下又显得合理自然。

这个时候也确实有人会批评我们，说你们是不是想要的太多了，你看这些功能加在一起都快塞不下了。回头看，这个批评完全成立。对于 0.2 这个起始阶段，我们确实想要的太多了。而摆在我们面前最重要的一个问题，是在这些欲望之下，我好像有点忘记了插件最开始的使命：辅助阅读加 Save。

所以我们不断地调整和优化，在一次次取舍中，终于有了一个更为轻量，又能恰当好处的 0.2 版本。

局限促进无限

在 0.2 这个版本里，我们实际跑了一整年。从最开始一个人用，到最后有了一万多用户，0.2 版本足以证明，前期在设计上那些反复的讨论和打磨是有价值的。

虽然 0.2 确实可以「挑大梁」，但在过程中，我们也发现了不少当时设计带来的局限。我挑几个比较典型、也挺有意思的问题，有用户会问：

这些问题都来自社区用户，他们其实也很好奇，这些能力看上去并不复杂，为什么就是久久没有在插件上出现？

这里面最关键的问题在于，在 0.2 的版本上，我们对整体空间的利用已经非常极致了。在原有结构不动的前提下，如果要去调整功能，尤其是动一些比较底层的框架，成本就会变得非常高。更麻烦的是，我们又不太愿意随便找个位置塞功能，而是总会去想，它「本来应该」出现在什么地方。

客观来说，YouMind 的插件放眼 Chrome 商店，并不算是一个设计差的产品。但当这些问题接连出现的时候，我们就知道，是时候认真去考虑一个 0.3 版本了。

基于之前暴露出的问题，我们很快画了一个最基础的草稿。

总体来说，有几个比较明显的思路变化。

基于这样的思路假设，我们迭代出了 0.3 的整体产品设计。你会发现一个非常明显的变化，用户默认进来以后，需要先选择一个 Board（当然会有默认值）。这样一来，对于用户来说，Save 的过程会变得更自然、更容易理解。

同时，Overview 也是可以被关闭的。关掉之后，用户可以只使用对应的 Save 功能。插件上的 Chat 和 Picks 也都来自 SaaS 网站上相同的能力，这样两边的体验就不会再让人觉得割裂。在这几个主要功能的右边，我们加入了一个工具区域，比如翻译、裁切、量子阅读等等，把它们集中放在一个清晰的位置上。

还有一个很关键的改造，是新的插件版本里，我们在页面的右下角引入了一个快速唤起区域。你可以在这里快速收藏、和 AI 对话，甚至一键翻译。

这种设计的核心在于，当你不想打开整个插件面板的时候，还能有一个非常轻量的入口，帮你完成在插件上最常做、也最高频的那几件事。它的存在，就是为了在不打扰你阅读节奏的前提下，尽可能帮你辅助阅读和保存材料。

故事未完

插件的故事远不止于此，但写到这里，我突然想起和玉伯在天目那家咖啡馆的下午。那时候我们对着浏览器左侧那块狭小的空间，有着非常多的想法。现在再看，那些想法有的实现了，有的放弃了，有的还在路上。

但最核心的那件事没有变，帮用户在阅读时更高效地捕捉关键信息。这是 YouMind 的起点，也会是我们一直坚持的方向。