写在前面的话:

大概在2008年,很多人为了通过Photoshop认证考试,背过无数关于UI设计的“黄金法则”。

比如:“按钮要有立体感,让人一看就想按。”“菜单层级不要超过三层,否则用户会迷路。”“图标必须直观,一眼就能看懂含义。”

那时候,我们与机器的交互方式是GUI(图形用户界面)。这是一场持续了三十年的视觉教育。

我们教会用户什么是“窗口”,什么是“滚动条”,什么是“复选框”。用户像是在看一张精密的地图,通过点击图标来指挥计算机。

但现在,风向变了。 随着ChatGPT等生成式AI的爆发,我们正在从“点击(Click)”跨越到“对话(Chat)”。 这就是LUI(语言用户界面)的崛起。

对于习惯了画原型的产品经理和UI设计师来说,这是一场灾难,也是一次重生。

因为当你面对一个空白的光标时,以前所有的UI经验——布局、配色、图标隐喻——突然都失效了。 当“菜单”消失,我们该如何引导用户?

一、 核心冲突:从“有限选择”到“无限可能”

GUI的本质是“约束”。 软件设计师预设了用户可能的所有动作,然后把它们做成按钮摆在你面前。你只能做这些事,不能多也不能少。这很安全,因为用户知道边界在哪里。 LUI的本质是“释放”。 面对一个对话框,用户可以说任何话。这就好比把用户扔进了一个没有围墙的游乐场。

  • 困惑: 用户盯着闪烁的光标,第一反应往往是:“我不知道该说什么。”

  • 恐惧: 用户不知道AI能做什么,不能做什么。如果AI听不懂,是用户的问题,还是AI的问题? 设计的挑战在于:在没有按钮引导的情况下,如何让用户建立对系统能力的心理模型?

二、 发现能力的缺失:如何解决“不知道能问什么”?

在GUI时代,我们讲究“可见性”。功能摆在那里,你就能发现它。 在LUI时代,功能是隐形的。

如果我们只扔给用户一个空白的聊天框,这就好比你给一个服务员一张白纸让他自己写菜名,大部分人都写不出来。

新设计策略:Suggested Prompts(建议提示词)就是新按钮。

打开ChatGPT或者Midjourney,你会发现它们永远不会给你一个完全空白的第一屏。它们会摆出几个卡片:“帮我写个周报”、“生成一只赛博朋克的猫”、“解释量子力学”。

这就是GUI时代的遗留在LUI时代的进化。 这些“建议提示词”充当了曾经的“菜单”和“图标”。

它们告诉用户:“看,我可以做这些事,你可以从这里开始。” 作为产品设计者,设计LUI的第一步,不再是画线框图,而是“设计诱饵”。你需要精心设计那些第一次出现在屏幕上的示例,它们必须足够有吸引力,且能覆盖最核心的功能。

三、 从“流程图”到“剧本”:交互逻辑的重构

以前我们画流程图。 用户点击A -> 跳转页面B -> 填写表单C -> 点击提交 -> 结果D。

每一步都是确定的,线性的。

现在LUI的交互是非线性的、上下文相关的。

用户可能一上来就问:“为什么我上周提交的C没通过?” AI需要去理解“上周”、“C”、“提交失败”这些实体,然后背后去调用系统。这完全跳过了传统的A页面和表单B。

设计者的新角色:对话架构师。

你需要设计的是:

  • Persona(人设): AI是严肃的银行柜员,还是幽默的客服助理?这决定了语言的风格。

  • Context Window(上下文): AI应该记多久以前的事?在什么节点应该主动总结对话,防止话题跑偏?

  • Clarification(澄清机制): 当用户说“我要那个便宜的”时,GUI会直接列出价格排序,而LUI必须反问:“您是指价格低于100元的吗?”

    • 设计难点: 如何反问才不会让用户觉得AI很笨?

四、 混合界面:GUI + LUI = Super App

很多激进的人认为“对话框”将取代所有APP。

我不这么认为。

至少在未来5-10年,混合界面才是王道。

语言虽然强大,但在处理“精细操作”时非常低效。 比如,修图。

  • 用LUI说:“把那个穿红衣服的人脸上那个不太明显的痘痘修掉,稍微美颜一点点,别太过。” -> AI大概率修不好,或者把旁边的树也修了。

  • 用GUI:直接双指放大,涂抹,确认。 -> 3秒钟搞定。
    未来的高价值应用是“LUI指挥,GUI执行”。
    用户用语言表达意图(“帮我订一张去北京的票”),AI填充好复杂的表单(GUI),展示给用户确认。
    用户用语言描述需求(“把背景换成蓝天”),AI生成草图,用户用鼠标拖拽微调(GUI)。
    设计迁移的实质,不是抛弃GUI,而是让GUI退居二线,成为“确认器”和“编辑器”,而LUI成为“指令器”。

总结:从“视觉美学”到“对话美学”

对于设计师和产品经理来说,这是一个残酷的时代。

仅仅懂得排版、配色、栅格系统已经不够了。

你需要懂得语言学,懂得人类认知心理学,懂得如何设计对话的“起承转合”。

好的LUI设计,是让用户感觉像在跟一个聪明的助手聊天,而不是在检索一个冷冰冰的数据库。

这比画出漂亮的按钮要难得多,但也更有价值。

当我们搞定了体验设计,用一种全新的方式把产品呈现在用户面前,最后一个经典的创业问题来了:我怎么知道这玩意儿真的有人用?

在AI时代,传统的MVP定义可能不仅不管用,甚至会害了你。

下一篇预告: 第十八篇 MVP的新定义:在AI项目中如何快速验证最小可行性?

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐