Nicelyformed

我们一开始对产品有一个基本的构想：以用户熟悉的LLM布局为基础，结合表单生成的核心功能，设计一个简洁高效的Dashboard界面。这降低了用户的学习门槛，让他们在熟悉的框架内探索新的生成能力，而不是一开始就面对完全陌生的界面。

考虑到孤零零的一个prompt会让用户不知所措，所以我们在输入框下方做了templates enties，既满足了高频场景的直接输入需求，也为不知道怎么用的普通用户提供了参照。

MVP 阶段我们想先跑通最基础的功能，而避免过度设计，完全聚焦于“意图输入”。复杂的表单编辑功能只有在用户输入指令后才会显现，这旨在让产品轻量且易于上手。

我们在Dashboard的设计上，借助interactive prototype做了UX Audit，发现了以下几个主要问题:

a. 视觉层级弱： “更多模板”的按钮缺乏与模版按钮的视觉区分，导致用户将其视为普通模版按钮而非导航控件，从而将其忽略。且当视窗高度降低，更多的按钮不可见了，用户更难发现templates的功能入口。

b. 纯文本负荷：仅依赖文字标签迫使用户去“阅读”不同模版的文字信息，这违背了我们要的帮用户“快速输入看效果”的效果。

c. 图标语义歧义： “星星”图标存在歧义问题。在当下的技术语境中，用户已建立了将“星星/火花”与“AI 生成”关联的心智模型。将其用于推荐的高频已生成模版按钮中，会误导用户这部分与AI有关联。

d. 点击迟疑：对于推荐模版的按钮，用户存在点击迟疑，因为界面未能提供清晰的预览信息。用户无法预判点击模板是会立即生成表单还是打开预览，从而降低了点击的意愿。

针对上述问题，我们做了以下设计改进:

a. Prompt Bar移至页面顶部的Hero Section，并移除冗余的CTA以消除注意力分散。

b. “Create from scratch“按钮降级为三级链接样式，在视觉上进行弱化。

c. 纯文本模版标签升级为带有缩略图预览的卡片。旨在为用户提供点击后的心理预期，去解决“点击迟疑”问题。

d. 我们移除了静态模版上的“星星”图标，避免了用户混淆“生成式功能”与“预设功能。”

这一重组确立了产品“AI Native”的定位。通过建立清晰的视觉焦点，我们引导用户进入“主要路径”（AI 生成），同时保留手动创建作为低干扰的兜底选项。

如何将优化表单的工作流结合进用户熟悉LLM布局，是我们在V1设计中的主要挑战。

从MVP的“一键生成”进化到V1的“CUI 协同编辑”，这使得我们的产品从一个简单AI生成的工具升级为协同工作流的“助手（Co-pilot）。” 这方便用户精细化他们的表单需求。

我们初步将CUI panel设计在中间，并形成了“左侧历史菜单(Menu) - 中间指令(CUI) - 右侧预览(Preview)的”分屏布局。用户在中间输入指令，右侧立刻刷新结果，构成了一条清晰的cause-effect视觉动线及反馈回路。旨在最大程度降低新的交互形式带来的认知负荷。

传统的表单工具中，修改复杂的设置数据校验规则、调整跳转逻辑通常是耗时最长的环节。

在新的设计中，用户可以输入“如果第六个问题选择A选项和C选项，就跳到第十个问题”这样的自然语言指令，系统会自动帮用户完成复杂的逻辑配置。

对于在哪里维护历史版本切换的控件，我们初步给出了四个方案，并对每一个方案进行了Hypothesis、Pros & Cons的探讨。

考虑到B端用户对自己的品牌视觉有自主的需要，我们在results panel顶部引入了专属的品牌识别模块（自定义cover与 Logo）。这主要有三个作用：

1）加强了B端用户表单填写者对品牌的识别度，进而提升表单的完成率（Completion Rate）。

2) 显性的品牌标识（Logo/封面）作为视觉锚点,能够验证发起者的身份的合法性，从而提升受访者对数据安全的信任度。

3）每一个被分发的表单都转化为一个微型营销渠道，在数字生态中持续强化品牌认知。这可以提升B端用户对Nicelyformed平台的忠诚度与依赖感，促进长期使用与续订。

在Cover change气泡卡片的原设计上，我们将Preset和Custom的上传通道用tag做了区分。并把Preset放在了优先级更高的首屏位置。

在外部设计评审的反馈中，我们得知用户对Preset的认知度远低于Custom上传。大部分用户并不会用nicelyformed提供的封面，而是倾向于上传自己的品牌封面。

同时，Preset和Custom因为内容量差异较大，导致切换tab的时候有明显跳变，影响了用户体验。

故我们把层级扁平化，提升了custom通道的层级，并新增了高频率使用的history来存放用户曾经上传过的cover，方便用户快速切换。同时把History、Preset和Custom合并在一起，用户可以在同一个视图下选择预设或上传。

这样旨在更好地契合B端用户的使用习惯，提升品牌定制化的效率。明确封面定制的主要目的是“品牌识别”而不是成为“装饰工具”。