渐变光、聊天气泡、星星图标、“Powered by AI”的标签……这些元素逐渐组成了一套默认的视觉语言。它们当然有用，可以快速建立用户对产品的预期。只是用得多了，有些更基础的问题也容易被盖过去。
信息有没有主次？操作之后能不能得到明确反馈？出错时有没有补救办法？产品希望用户关注什么？
这些事情听起来不新鲜，却很大程度上决定了一个工具是否顺手。
最近几个月我一直在用一款叫Typeless的AI语音输入工具。按下fn键说话，松开后，整理好的文字会直接出现在当前输入框里（不是简单的转译，还会结构性整理你的话）。写邮件、记想法、回消息时都很方便，这个工具真的很提效（前提是你需要找到独立安静空间，或者你是E人把自己的想法大声说出来也无所谓😂）。
页面里的功能其实很完整：使用数据、推荐计划、反馈入口，该有的基本都有。只是这些内容放在一起时，信息层级还有一些整理空间。
出于对产品的认可和热爱，我尝试给它做了一版首页概念稿优化。
先说明一下：这是一次非官方的个人设计练习，无任何商业目的。我没有 Typeless 的用户数据、业务目标和技术约束，文中的判断主要来自现有界面与个人使用体验，更适合作为设计假设，而非对原产品的定论。
Typeless的核心使用场景，发生在邮件、文档和聊天软件里。用户大部分时间不需要停留在Typeless本身。
线上版本把核心数据放在一张浅灰色大卡片里，里面又分成多个独立小卡片，每组信息都有自己的背景、圆角和图标。
卡片本身没有问题。麻烦出在每张卡片的视觉权重太接近：
在界面里，一个独立容器往往意味着：“这是一组值得单独关注的信息。”当六组信息都被同等强调时，用户反而需要多花一点时间判断哪里最重要。
从产品语义看，Personalization 可能是这一组数据里的核心指标。它反映Typeless对用户表达习惯的学习程度，也最接近这类产品的长期价值。使用时长、口述字数和节省时间，则更像是对使用情况的补充说明。
所以在概念稿里，我把Personalization和64%放到了第一视觉层级，同时放大了环形图。其他数据取消独立卡片，作为辅助信息排在下方。
这样处理以后，用户不需要逐张阅读卡片，扫一眼就能理解这一块在讲什么。
不过，视觉层级只能解决“先看到什么”，解决不了指标本身的含义。
64% 究竟代表识别了多少语言习惯？距离更准确的个性化还有多远？用户可以做什么来提高它？这些问题仍然需要产品文案或进一步说明来回答。
如果进入真实项目，我会继续确认这个指标的计算方式、用户理解程度，以及它与留存之间的关系，再决定是否值得获得这么高的视觉权重。
概念稿先处理了表现层，指标定义仍然是下一步需要验证的问题。
线上版本里的Refer friends 和Affiliate program 使用了插画、大标题、彩色背景和独立按钮，整体很像两张营销Banner：
在拉新页面里，这种表达很有效。它可以制造视觉焦点，把用户快速引导到转化动作。
但放在工具产品的控制面板里，两张高饱和度的推广卡片会持续与核心数据争夺注意力。用户每次打开首页，看到的都是同一组强营销信息，时间一长，它们也容易变成被自动忽略的“固定广告位”。
概念稿保留了两个入口，也保留了原来的优惠信息，只降低了它们的表达强度：
插画被拿掉，常规按钮收成右下角的箭头，信息集中在标题和收益点上。它们依然可见，但不再抢走核心模块的注意力。配色也沿着同一条思路做了收敛。深灰负责标题和主要操作，蓝色主要留给个性化图表和局部装饰，其他区域使用接近的浅灰梯度建立层次。
工具型产品里的颜色，最好带着明确任务：提示状态、建立层级、引导操作。每增加一种颜色，都应该知道它在帮用户识别什么。
如果数据表明这两个入口承担着重要的增长和收入目标，大幅弱化可能会影响转化。更稳妥的做法，是分别测试模块位置、视觉强度、曝光频率和点击率。
设计很少只是把界面变干净。它还要在用户注意力和业务目标之间找到合适的分配方式。
线上版本已经考虑得比普通意见箱更深入：用户可以关联最近一次转写，界面也提示可以通过语音提交反馈
遗憾的是，它们目前被收在页面底部的一条横向输入区域里。用户第一眼看到的仍然很像一张表单：选择一条记录，输入内容，然后提交。
表单传达的是一次性任务。写完、提交，这件事就结束了。
但对于一款持续学习用户表达习惯的语音工具，反馈还有另一层价值。每一次识别错误、语气偏差和不自然的整理结果，都可能帮助产品理解用户真正想要什么。
因此，我在概念稿里把这块做成了一块竖向的对话式反馈面板。
这里改变的主要是关系和表达方式，语音输入与关联转写并非新增加的能力。
竖向区域更适合承载多行文字、原始转写和后续消息。它可以随着内容自然向下生长，也更接近用户熟悉的沟通场景。
用户可以引用某次转写结果，再说明具体哪里不准确。这样一来，“识别得不好”会变成一条带有对象的反馈，产品团队也更容易理解问题发生在哪里。
语音按钮被放在了面板底部更明确的位置。用户刚刚通过说话完成输入，也可以继续用同一种方式说明问题。操作方式与产品定位保持一致，反馈成本也更低。
如果产品能够显示历史记录、接收状态或处理结果，用户就知道自己的意见去了哪里。反馈会从一次提交，逐渐变成用户与产品之间可追踪的沟通。
当界面看起来像聊天窗口，用户自然会期待回复、历史记录和处理状态。如果后台只能接收一条单向意见，这种界面反而可能制造误解。
我更想先表达一个方向：Typeless已经拥有“转写上下文”和“语音反馈”这两项不错的能力，首页可以把它们组织得更完整，让用户真正感受到这是一条产品学习和改进的通道。
这次没有改变左侧的 Home、History 和 Dictionary，也保留了顶部的产品说明与快捷键提示。
原因很简单：原来的整体架构足够清楚，没有必要为了让改版显得更“大”而重新组织一遍。
重设计很容易产生一种冲动，仿佛改得越多，工作量和价值就越大。但在真实项目里，保留已经有效的部分同样重要。每一次结构调整都会带来新的学习成本和实现成本，需要有足够明确的收益来支撑。
这次更关心的是：首页有没有清晰回答用户的问题，核心数据是否容易理解，推广内容有没有打断任务，反馈能否形成闭环。
AI系统本身带有不确定性。用户需要知道系统学到了什么、当前发生了什么、结果不理想时可以做什么。信息层级、状态反馈和错误恢复，会直接影响用户愿不愿意继续信任它。
算法决定了产品可以做到什么，设计则影响这份能力能不能被理解、信任和持续使用。
对现阶段的很多AI产品来说，真正需要补上的，可能并不是更多“像AI的设计”，而是这些已经谈了很多年的基本功。
这次的Typeless首页重构练习，主要做了三点：
没有特别炫的功能，但页面更像一个有明确任务的Dashboard了。
接下来，我还会继续做一些AI产品的重设计和体验拆解。既会聊界面，也会聊界面背后的产品判断、业务取舍和实现边界。
-----------------------------------------------------
我目前在运营专注AI与出海产品的设计工作室，为AI初创团队提供产品体验和界面设计支持。如果你正在做相关产品，刚好遇到体验梳理、关键流程或视觉表达上的问题，欢迎来聊聊~
如果你最近用到过哪些有意思、真正好用的AI产品，也欢迎推荐给我。它或许会成为下一期重设计的对象~
