R to @nishuang: 2,用 AI 工具代替 UX 设计师 对不懂设计的程序员(及 PM、运营…),直接用 AI 做 UI 设计就是撞大运、使劲往水里扔钱 更好的方法,是建立一套基于 AI 的 UX 设计流程 假定我要设计一款针对独立开发者的专用 to-do 工具,我已经确定了产品需求,那么我用 AI 帮我完成三个阶段的 UX 设计 1)概念设计(Claude) 基于模糊的产品思路和核心功能,设计出完整的信息架构、用户操作流程,并确定设计的重点 Prompt 类似这样: “你是 UX 设计专家,我是不懂设计的程序员,你帮我完成一款产品的 UX 设计。下面我提出基本要求,你帮我完成设计任务,并且在设计过程中引导我做出重要的设计决策” “我要设计一款专门针对独立开发者的 to-do list 工具 – 把 list/任务 分成开发、设计、运营三类,把 list/任务 的属性分为 独立完成、与外部合作两类 – 以帮助开发者节约时间为主要目标” “下面开始设计信息架构和用户流程” Claude 会按照我的描述,输出粗略的设计思路,我根据我的想法,要求它做出调整。比如: “忽略用户权限系统,以后再设计” “独立开发者一人身兼多职,会在多个任务之间反复切换,你帮我重点优化这部分的流程” “简化功能,用邮件实现通知功能” 输出物是输出简略的设计需求 选择 Claude,是因为它善于画框架图、流程图(图一) 2)设计产品原型(Bolt) 把 Claude 输出的简略设计需求扔进 Bolt 初始 Prompt 类似这样: “我要设计一款专门针对独立开发者的 to-do list 工具 – 信息架构如下:… – 用户流程如下:… 先设计主界面” 它会直接输出代码和页面,实现了我需要的 UI 和基本交互。不出意外,这个页面既不好看、也不好用,连程序员也忍受不了(图二) 接着我开始优化 UI 设计,我先找了以前给客户做的 SaaS 系统页面作为参考 UI,直接扔进 Bolt,并指示它: “按照这个图片里的 UI 设计风格,修改现在的设计” 它会模仿参考 UI 的排版、配色、字体,改进 UI 然后就到了“老板”们最喜欢的“站在设计师背后指手画脚对着脖子吹气一个响度的微管理阶段”了,我会反复要求 Bolt 做视觉上的微调。Prompt 类似: “把‘项目管理’移到左边” “颜色太单调了,给控件加点高光” “搞个简单版的菜单给我看看” 最后 Bolt 输出了图三这样的设计,为了节约设计时间,我先勉强同意了吧 以此类推,用 Bolt 来完成这个 to-do 工具的所有页面设计,并得到一个可以操作的原型 Bolt 的优点是直接输出前端代码,而且它属于网红 AI 嘛 3)验证和优化设计(Claude 和 ChatGPT) 今天的 Claude 和 ChatGPT,能轻松地实现各种类型的设计评审、用户反馈,比如 a,整体评估(模拟设计总监、艺术指导) Prompt 类似这样: “你是 UX 设计专家,这是我设计的“独立开发者 To-Do list”主界面,请你从 UX 设计的角度,评判这个设计并提出修改意见” “我们的主要竞争产品是 XXX,对比我们和他们设计的优劣” b,具体优化信息架构、用户流程和人机交互(模拟资深 UX 设计师) Prompt 类似于: “这是新增和管理任务的流程图,结合 UI 和流程图,评估和优化这个用户操作流程” “我不确定要不要把新增按钮放到顶部导航栏,分析一下” c,从用户角度评估设计(模拟真实用户,图四) Prompt 类似于: “你是独立开发者,这是我设计的“独立开发者 To-Do list”主界面,请你从你的个人角度,评判这个设计并提出修改意见” “你觉得哪个操作最浪费时间” Claude 和 ChatGPT 默认给出的建议会比较宽泛,需要细化问题、问最具体的问题 一般而言,如果能对关键页面、关键流程持续 50 轮验证和优化,得到的 UX 设计就不容易拖后腿、也不容易搞死整个产品了,我们也就不用傻逼逼地往水里扔钱了 — 利用这个流程,程序员可以绕过 PM 和设计师,在 1、2 天内得到很专业的 UX 设计(包括高质量的 UI) 跳过的子任务包括: – 制作详细产品需求文档 – PM 和设计师交接任务 – 制作详细设计需求 – 绘制线框图 – 绘制 UI 设计稿 – 制作互动原型 – 输出设计稿 – 设计师和前端工程师交接任务 – 前端开发 – 反复测试、沟通、修改、对接 更牛逼的事,在这个流程里,程序员不依赖真实用户,就能完所有必须得试用、反馈和改进 — 这个层级的 AI 设计,本质上是用 AI 替代了整个 UX 设计部门 而且这个设计流程,充分利用了 LLM AI 强大的分析能力,一方面用保证了产品的可用性、易用性、美观,另一方面可以反复测试、极大地降低了试错成本 当然,在这个层级上做 UX 设计、UI 设计也有局限… 我问个简单问题:为什么大厂的 UX 设计部门那么强大,但往往只能在公司内部做设计,而不能直接出去帮公司赚钱?

2,用 AI 工具代替 UX 设计师

对不懂设计的程序员(及 PM、运营…),直接用 AI 做 UI 设计就是撞大运、使劲往水里扔钱

更好的方法,是建立一套基于 AI 的 UX 设计流程

假定我要设计一款针对独立开发者的专用 to-do 工具,我已经确定了产品需求,那么我用 AI 帮我完成三个阶段的 UX 设计

1)概念设计(Claude)

基于模糊的产品思路和核心功能,设计出完整的信息架构、用户操作流程,并确定设计的重点

Prompt 类似这样:

“你是 UX 设计专家,我是不懂设计的程序员,你帮我完成一款产品的 UX 设计。下面我提出基本要求,你帮我完成设计任务,并且在设计过程中引导我做出重要的设计决策”

“我要设计一款专门针对独立开发者的 to-do list 工具

– 把 list/任务 分成开发、设计、运营三类,把 list/任务 的属性分为 独立完成、与外部合作两类
– 以帮助开发者节约时间为主要目标”

“下面开始设计信息架构和用户流程”

Claude 会按照我的描述,输出粗略的设计思路,我根据我的想法,要求它做出调整。比如:

“忽略用户权限系统,以后再设计”

“独立开发者一人身兼多职,会在多个任务之间反复切换,你帮我重点优化这部分的流程”

“简化功能,用邮件实现通知功能”

输出物是输出简略的设计需求

选择 Claude,是因为它善于画框架图、流程图(图一)

2)设计产品原型(Bolt)

把 Claude 输出的简略设计需求扔进 Bolt

初始 Prompt 类似这样:

“我要设计一款专门针对独立开发者的 to-do list 工具

– 信息架构如下:…
– 用户流程如下:…

先设计主界面”

它会直接输出代码和页面,实现了我需要的 UI 和基本交互。不出意外,这个页面既不好看、也不好用,连程序员也忍受不了(图二)

接着我开始优化 UI 设计,我先找了以前给客户做的 SaaS 系统页面作为参考 UI,直接扔进 Bolt,并指示它:

“按照这个图片里的 UI 设计风格,修改现在的设计”

它会模仿参考 UI 的排版、配色、字体,改进 UI

然后就到了“老板”们最喜欢的“站在设计师背后指手画脚对着脖子吹气一个响度的微管理阶段”了,我会反复要求 Bolt 做视觉上的微调。Prompt 类似:

“把‘项目管理’移到左边”

“颜色太单调了,给控件加点高光”

“搞个简单版的菜单给我看看”

最后 Bolt 输出了图三这样的设计,为了节约设计时间,我先勉强同意了吧

以此类推,用 Bolt 来完成这个 to-do 工具的所有页面设计,并得到一个可以操作的原型

Bolt 的优点是直接输出前端代码,而且它属于网红 AI 嘛

3)验证和优化设计(Claude 和 ChatGPT)

今天的 Claude 和 ChatGPT,能轻松地实现各种类型的设计评审、用户反馈,比如

a,整体评估(模拟设计总监、艺术指导)

Prompt 类似这样:

“你是 UX 设计专家,这是我设计的“独立开发者 To-Do list”主界面,请你从 UX 设计的角度,评判这个设计并提出修改意见”

“我们的主要竞争产品是 XXX,对比我们和他们设计的优劣”

b,具体优化信息架构、用户流程和人机交互(模拟资深 UX 设计师)

Prompt 类似于:

“这是新增和管理任务的流程图,结合 UI 和流程图,评估和优化这个用户操作流程”

“我不确定要不要把新增按钮放到顶部导航栏,分析一下”

c,从用户角度评估设计(模拟真实用户,图四)

Prompt 类似于:

“你是独立开发者,这是我设计的“独立开发者 To-Do list”主界面,请你从你的个人角度,评判这个设计并提出修改意见”

“你觉得哪个操作最浪费时间”

Claude 和 ChatGPT 默认给出的建议会比较宽泛,需要细化问题、问最具体的问题

一般而言,如果能对关键页面、关键流程持续 50 轮验证和优化,得到的 UX 设计就不容易拖后腿、也不容易搞死整个产品了,我们也就不用傻逼逼地往水里扔钱了

利用这个流程,程序员可以绕过 PM 和设计师,在 1、2 天内得到很专业的 UX 设计(包括高质量的 UI)

跳过的子任务包括:

– 制作详细产品需求文档
– PM 和设计师交接任务
– 制作详细设计需求
– 绘制线框图
– 绘制 UI 设计稿
– 制作互动原型
– 输出设计稿
– 设计师和前端工程师交接任务
– 前端开发
– 反复测试、沟通、修改、对接

更牛逼的事,在这个流程里,程序员不依赖真实用户,就能完所有必须得试用、反馈和改进

这个层级的 AI 设计,本质上是用 AI 替代了整个 UX 设计部门

而且这个设计流程,充分利用了 LLM AI 强大的分析能力,一方面用保证了产品的可用性、易用性、美观,另一方面可以反复测试、极大地降低了试错成本

当然,在这个层级上做 UX 设计、UI 设计也有局限…

我问个简单问题:为什么大厂的 UX 设计部门那么强大,但往往只能在公司内部做设计,而不能直接出去帮公司赚钱?

R to @nishuang: 2,用 AI 工具代替 UX 设计师 对不懂设计的程序员(及 PM、运营…),直接用 AI 做 UI 设计就是撞大运、使劲往水里扔钱 更好的方法,是建立一套基于 AI 的 UX 设计流程 假定我要设计一款针对独立开发者的专用 to-do 工具,我已经确定了产品需求,那么我用 AI 帮我完成三个阶段的 UX 设计 1)概念设计(Claude) 基于模糊的产品思路和核心功能,设计出完整的信息架构、用户操作流程,并确定设计的重点 Prompt 类似这样: “你是 UX 设计专家,我是不懂设计的程序员,你帮我完成一款产品的 UX 设计。下面我提出基本要求,你帮我完成设计任务,并且在设计过程中引导我做出重要的设计决策” “我要设计一款专门针对独立开发者的 to-do list 工具 - 把 list/任务 分成开发、设计、运营三类,把 list/任务 的属性分为 独立完成、与外部合作两类
- 以帮助开发者节约时间为主要目标” “下面开始设计信息架构和用户流程” Claude 会按照我的描述,输出粗略的设计思路,我根据我的想法,要求它做出调整。比如: “忽略用户权限系统,以后再设计” “独立开发者一人身兼多职,会在多个任务之间反复切换,你帮我重点优化这部分的流程” “简化功能,用邮件实现通知功能” 输出物是输出简略的设计需求 选择 Claude,是因为它善于画框架图、流程图(图一) 2)设计产品原型(Bolt) 把 Claude 输出的简略设计需求扔进 Bolt 初始 Prompt 类似这样: “我要设计一款专门针对独立开发者的 to-do list 工具 - 信息架构如下:…
- 用户流程如下:… 先设计主界面” 它会直接输出代码和页面,实现了我需要的 UI 和基本交互。不出意外,这个页面既不好看、也不好用,连程序员也忍受不了(图二) 接着我开始优化 UI 设计,我先找了以前给客户做的 SaaS 系统页面作为参考 UI,直接扔进 Bolt,并指示它: “按照这个图片里的 UI 设计风格,修改现在的设计” 它会模仿参考 UI 的排版、配色、字体,改进 UI 然后就到了“老板”们最喜欢的“站在设计师背后指手画脚对着脖子吹气一个响度的微管理阶段”了,我会反复要求 Bolt 做视觉上的微调。Prompt 类似: “把‘项目管理’移到左边” “颜色太单调了,给控件加点高光” “搞个简单版的菜单给我看看” 最后 Bolt 输出了图三这样的设计,为了节约设计时间,我先勉强同意了吧 以此类推,用 Bolt 来完成这个 to-do 工具的所有页面设计,并得到一个可以操作的原型 Bolt 的优点是直接输出前端代码,而且它属于网红 AI 嘛 3)验证和优化设计(Claude 和 ChatGPT) 今天的 Claude 和 ChatGPT,能轻松地实现各种类型的设计评审、用户反馈,比如 a,整体评估(模拟设计总监、艺术指导) Prompt 类似这样: “你是 UX 设计专家,这是我设计的“独立开发者 To-Do list”主界面,请你从 UX 设计的角度,评判这个设计并提出修改意见” “我们的主要竞争产品是 XXX,对比我们和他们设计的优劣” b,具体优化信息架构、用户流程和人机交互(模拟资深 UX 设计师) Prompt 类似于: “这是新增和管理任务的流程图,结合 UI 和流程图,评估和优化这个用户操作流程” “我不确定要不要把新增按钮放到顶部导航栏,分析一下” c,从用户角度评估设计(模拟真实用户,图四) Prompt 类似于: “你是独立开发者,这是我设计的“独立开发者 To-Do list”主界面,请你从你的个人角度,评判这个设计并提出修改意见” “你觉得哪个操作最浪费时间” Claude 和 ChatGPT 默认给出的建议会比较宽泛,需要细化问题、问最具体的问题 一般而言,如果能对关键页面、关键流程持续 50 轮验证和优化,得到的 UX 设计就不容易拖后腿、也不容易搞死整个产品了,我们也就不用傻逼逼地往水里扔钱了 --- 利用这个流程,程序员可以绕过 PM 和设计师,在 1、2 天内得到很专业的 UX 设计(包括高质量的 UI) 跳过的子任务包括: - 制作详细产品需求文档
- PM 和设计师交接任务
- 制作详细设计需求
- 绘制线框图
- 绘制 UI 设计稿
- 制作互动原型
- 输出设计稿
- 设计师和前端工程师交接任务
- 前端开发
- 反复测试、沟通、修改、对接 更牛逼的事,在这个流程里,程序员不依赖真实用户,就能完所有必须得试用、反馈和改进 --- 这个层级的 AI 设计,本质上是用 AI 替代了整个 UX 设计部门 而且这个设计流程,充分利用了 LLM AI 强大的分析能力,一方面用保证了产品的可用性、易用性、美观,另一方面可以反复测试、极大地降低了试错成本 当然,在这个层级上做 UX 设计、UI 设计也有局限… 我问个简单问题:为什么大厂的 UX 设计部门那么强大,但往往只能在公司内部做设计,而不能直接出去帮公司赚钱? 1R to @nishuang: 2,用 AI 工具代替 UX 设计师 对不懂设计的程序员(及 PM、运营…),直接用 AI 做 UI 设计就是撞大运、使劲往水里扔钱 更好的方法,是建立一套基于 AI 的 UX 设计流程 假定我要设计一款针对独立开发者的专用 to-do 工具,我已经确定了产品需求,那么我用 AI 帮我完成三个阶段的 UX 设计 1)概念设计(Claude) 基于模糊的产品思路和核心功能,设计出完整的信息架构、用户操作流程,并确定设计的重点 Prompt 类似这样: “你是 UX 设计专家,我是不懂设计的程序员,你帮我完成一款产品的 UX 设计。下面我提出基本要求,你帮我完成设计任务,并且在设计过程中引导我做出重要的设计决策” “我要设计一款专门针对独立开发者的 to-do list 工具 - 把 list/任务 分成开发、设计、运营三类,把 list/任务 的属性分为 独立完成、与外部合作两类
- 以帮助开发者节约时间为主要目标” “下面开始设计信息架构和用户流程” Claude 会按照我的描述,输出粗略的设计思路,我根据我的想法,要求它做出调整。比如: “忽略用户权限系统,以后再设计” “独立开发者一人身兼多职,会在多个任务之间反复切换,你帮我重点优化这部分的流程” “简化功能,用邮件实现通知功能” 输出物是输出简略的设计需求 选择 Claude,是因为它善于画框架图、流程图(图一) 2)设计产品原型(Bolt) 把 Claude 输出的简略设计需求扔进 Bolt 初始 Prompt 类似这样: “我要设计一款专门针对独立开发者的 to-do list 工具 - 信息架构如下:…
- 用户流程如下:… 先设计主界面” 它会直接输出代码和页面,实现了我需要的 UI 和基本交互。不出意外,这个页面既不好看、也不好用,连程序员也忍受不了(图二) 接着我开始优化 UI 设计,我先找了以前给客户做的 SaaS 系统页面作为参考 UI,直接扔进 Bolt,并指示它: “按照这个图片里的 UI 设计风格,修改现在的设计” 它会模仿参考 UI 的排版、配色、字体,改进 UI 然后就到了“老板”们最喜欢的“站在设计师背后指手画脚对着脖子吹气一个响度的微管理阶段”了,我会反复要求 Bolt 做视觉上的微调。Prompt 类似: “把‘项目管理’移到左边” “颜色太单调了,给控件加点高光” “搞个简单版的菜单给我看看” 最后 Bolt 输出了图三这样的设计,为了节约设计时间,我先勉强同意了吧 以此类推,用 Bolt 来完成这个 to-do 工具的所有页面设计,并得到一个可以操作的原型 Bolt 的优点是直接输出前端代码,而且它属于网红 AI 嘛 3)验证和优化设计(Claude 和 ChatGPT) 今天的 Claude 和 ChatGPT,能轻松地实现各种类型的设计评审、用户反馈,比如 a,整体评估(模拟设计总监、艺术指导) Prompt 类似这样: “你是 UX 设计专家,这是我设计的“独立开发者 To-Do list”主界面,请你从 UX 设计的角度,评判这个设计并提出修改意见” “我们的主要竞争产品是 XXX,对比我们和他们设计的优劣” b,具体优化信息架构、用户流程和人机交互(模拟资深 UX 设计师) Prompt 类似于: “这是新增和管理任务的流程图,结合 UI 和流程图,评估和优化这个用户操作流程” “我不确定要不要把新增按钮放到顶部导航栏,分析一下” c,从用户角度评估设计(模拟真实用户,图四) Prompt 类似于: “你是独立开发者,这是我设计的“独立开发者 To-Do list”主界面,请你从你的个人角度,评判这个设计并提出修改意见” “你觉得哪个操作最浪费时间” Claude 和 ChatGPT 默认给出的建议会比较宽泛,需要细化问题、问最具体的问题 一般而言,如果能对关键页面、关键流程持续 50 轮验证和优化,得到的 UX 设计就不容易拖后腿、也不容易搞死整个产品了,我们也就不用傻逼逼地往水里扔钱了 --- 利用这个流程,程序员可以绕过 PM 和设计师,在 1、2 天内得到很专业的 UX 设计(包括高质量的 UI) 跳过的子任务包括: - 制作详细产品需求文档
- PM 和设计师交接任务
- 制作详细设计需求
- 绘制线框图
- 绘制 UI 设计稿
- 制作互动原型
- 输出设计稿
- 设计师和前端工程师交接任务
- 前端开发
- 反复测试、沟通、修改、对接 更牛逼的事,在这个流程里,程序员不依赖真实用户,就能完所有必须得试用、反馈和改进 --- 这个层级的 AI 设计,本质上是用 AI 替代了整个 UX 设计部门 而且这个设计流程,充分利用了 LLM AI 强大的分析能力,一方面用保证了产品的可用性、易用性、美观,另一方面可以反复测试、极大地降低了试错成本 当然,在这个层级上做 UX 设计、UI 设计也有局限… 我问个简单问题:为什么大厂的 UX 设计部门那么强大,但往往只能在公司内部做设计,而不能直接出去帮公司赚钱? 2R to @nishuang: 2,用 AI 工具代替 UX 设计师 对不懂设计的程序员(及 PM、运营…),直接用 AI 做 UI 设计就是撞大运、使劲往水里扔钱 更好的方法,是建立一套基于 AI 的 UX 设计流程 假定我要设计一款针对独立开发者的专用 to-do 工具,我已经确定了产品需求,那么我用 AI 帮我完成三个阶段的 UX 设计 1)概念设计(Claude) 基于模糊的产品思路和核心功能,设计出完整的信息架构、用户操作流程,并确定设计的重点 Prompt 类似这样: “你是 UX 设计专家,我是不懂设计的程序员,你帮我完成一款产品的 UX 设计。下面我提出基本要求,你帮我完成设计任务,并且在设计过程中引导我做出重要的设计决策” “我要设计一款专门针对独立开发者的 to-do list 工具 - 把 list/任务 分成开发、设计、运营三类,把 list/任务 的属性分为 独立完成、与外部合作两类
- 以帮助开发者节约时间为主要目标” “下面开始设计信息架构和用户流程” Claude 会按照我的描述,输出粗略的设计思路,我根据我的想法,要求它做出调整。比如: “忽略用户权限系统,以后再设计” “独立开发者一人身兼多职,会在多个任务之间反复切换,你帮我重点优化这部分的流程” “简化功能,用邮件实现通知功能” 输出物是输出简略的设计需求 选择 Claude,是因为它善于画框架图、流程图(图一) 2)设计产品原型(Bolt) 把 Claude 输出的简略设计需求扔进 Bolt 初始 Prompt 类似这样: “我要设计一款专门针对独立开发者的 to-do list 工具 - 信息架构如下:…
- 用户流程如下:… 先设计主界面” 它会直接输出代码和页面,实现了我需要的 UI 和基本交互。不出意外,这个页面既不好看、也不好用,连程序员也忍受不了(图二) 接着我开始优化 UI 设计,我先找了以前给客户做的 SaaS 系统页面作为参考 UI,直接扔进 Bolt,并指示它: “按照这个图片里的 UI 设计风格,修改现在的设计” 它会模仿参考 UI 的排版、配色、字体,改进 UI 然后就到了“老板”们最喜欢的“站在设计师背后指手画脚对着脖子吹气一个响度的微管理阶段”了,我会反复要求 Bolt 做视觉上的微调。Prompt 类似: “把‘项目管理’移到左边” “颜色太单调了,给控件加点高光” “搞个简单版的菜单给我看看” 最后 Bolt 输出了图三这样的设计,为了节约设计时间,我先勉强同意了吧 以此类推,用 Bolt 来完成这个 to-do 工具的所有页面设计,并得到一个可以操作的原型 Bolt 的优点是直接输出前端代码,而且它属于网红 AI 嘛 3)验证和优化设计(Claude 和 ChatGPT) 今天的 Claude 和 ChatGPT,能轻松地实现各种类型的设计评审、用户反馈,比如 a,整体评估(模拟设计总监、艺术指导) Prompt 类似这样: “你是 UX 设计专家,这是我设计的“独立开发者 To-Do list”主界面,请你从 UX 设计的角度,评判这个设计并提出修改意见” “我们的主要竞争产品是 XXX,对比我们和他们设计的优劣” b,具体优化信息架构、用户流程和人机交互(模拟资深 UX 设计师) Prompt 类似于: “这是新增和管理任务的流程图,结合 UI 和流程图,评估和优化这个用户操作流程” “我不确定要不要把新增按钮放到顶部导航栏,分析一下” c,从用户角度评估设计(模拟真实用户,图四) Prompt 类似于: “你是独立开发者,这是我设计的“独立开发者 To-Do list”主界面,请你从你的个人角度,评判这个设计并提出修改意见” “你觉得哪个操作最浪费时间” Claude 和 ChatGPT 默认给出的建议会比较宽泛,需要细化问题、问最具体的问题 一般而言,如果能对关键页面、关键流程持续 50 轮验证和优化,得到的 UX 设计就不容易拖后腿、也不容易搞死整个产品了,我们也就不用傻逼逼地往水里扔钱了 --- 利用这个流程,程序员可以绕过 PM 和设计师,在 1、2 天内得到很专业的 UX 设计(包括高质量的 UI) 跳过的子任务包括: - 制作详细产品需求文档
- PM 和设计师交接任务
- 制作详细设计需求
- 绘制线框图
- 绘制 UI 设计稿
- 制作互动原型
- 输出设计稿
- 设计师和前端工程师交接任务
- 前端开发
- 反复测试、沟通、修改、对接 更牛逼的事,在这个流程里,程序员不依赖真实用户,就能完所有必须得试用、反馈和改进 --- 这个层级的 AI 设计,本质上是用 AI 替代了整个 UX 设计部门 而且这个设计流程,充分利用了 LLM AI 强大的分析能力,一方面用保证了产品的可用性、易用性、美观,另一方面可以反复测试、极大地降低了试错成本 当然,在这个层级上做 UX 设计、UI 设计也有局限… 我问个简单问题:为什么大厂的 UX 设计部门那么强大,但往往只能在公司内部做设计,而不能直接出去帮公司赚钱? 3R to @nishuang: 2,用 AI 工具代替 UX 设计师 对不懂设计的程序员(及 PM、运营…),直接用 AI 做 UI 设计就是撞大运、使劲往水里扔钱 更好的方法,是建立一套基于 AI 的 UX 设计流程 假定我要设计一款针对独立开发者的专用 to-do 工具,我已经确定了产品需求,那么我用 AI 帮我完成三个阶段的 UX 设计 1)概念设计(Claude) 基于模糊的产品思路和核心功能,设计出完整的信息架构、用户操作流程,并确定设计的重点 Prompt 类似这样: “你是 UX 设计专家,我是不懂设计的程序员,你帮我完成一款产品的 UX 设计。下面我提出基本要求,你帮我完成设计任务,并且在设计过程中引导我做出重要的设计决策” “我要设计一款专门针对独立开发者的 to-do list 工具 - 把 list/任务 分成开发、设计、运营三类,把 list/任务 的属性分为 独立完成、与外部合作两类
- 以帮助开发者节约时间为主要目标” “下面开始设计信息架构和用户流程” Claude 会按照我的描述,输出粗略的设计思路,我根据我的想法,要求它做出调整。比如: “忽略用户权限系统,以后再设计” “独立开发者一人身兼多职,会在多个任务之间反复切换,你帮我重点优化这部分的流程” “简化功能,用邮件实现通知功能” 输出物是输出简略的设计需求 选择 Claude,是因为它善于画框架图、流程图(图一) 2)设计产品原型(Bolt) 把 Claude 输出的简略设计需求扔进 Bolt 初始 Prompt 类似这样: “我要设计一款专门针对独立开发者的 to-do list 工具 - 信息架构如下:…
- 用户流程如下:… 先设计主界面” 它会直接输出代码和页面,实现了我需要的 UI 和基本交互。不出意外,这个页面既不好看、也不好用,连程序员也忍受不了(图二) 接着我开始优化 UI 设计,我先找了以前给客户做的 SaaS 系统页面作为参考 UI,直接扔进 Bolt,并指示它: “按照这个图片里的 UI 设计风格,修改现在的设计” 它会模仿参考 UI 的排版、配色、字体,改进 UI 然后就到了“老板”们最喜欢的“站在设计师背后指手画脚对着脖子吹气一个响度的微管理阶段”了,我会反复要求 Bolt 做视觉上的微调。Prompt 类似: “把‘项目管理’移到左边” “颜色太单调了,给控件加点高光” “搞个简单版的菜单给我看看” 最后 Bolt 输出了图三这样的设计,为了节约设计时间,我先勉强同意了吧 以此类推,用 Bolt 来完成这个 to-do 工具的所有页面设计,并得到一个可以操作的原型 Bolt 的优点是直接输出前端代码,而且它属于网红 AI 嘛 3)验证和优化设计(Claude 和 ChatGPT) 今天的 Claude 和 ChatGPT,能轻松地实现各种类型的设计评审、用户反馈,比如 a,整体评估(模拟设计总监、艺术指导) Prompt 类似这样: “你是 UX 设计专家,这是我设计的“独立开发者 To-Do list”主界面,请你从 UX 设计的角度,评判这个设计并提出修改意见” “我们的主要竞争产品是 XXX,对比我们和他们设计的优劣” b,具体优化信息架构、用户流程和人机交互(模拟资深 UX 设计师) Prompt 类似于: “这是新增和管理任务的流程图,结合 UI 和流程图,评估和优化这个用户操作流程” “我不确定要不要把新增按钮放到顶部导航栏,分析一下” c,从用户角度评估设计(模拟真实用户,图四) Prompt 类似于: “你是独立开发者,这是我设计的“独立开发者 To-Do list”主界面,请你从你的个人角度,评判这个设计并提出修改意见” “你觉得哪个操作最浪费时间” Claude 和 ChatGPT 默认给出的建议会比较宽泛,需要细化问题、问最具体的问题 一般而言,如果能对关键页面、关键流程持续 50 轮验证和优化,得到的 UX 设计就不容易拖后腿、也不容易搞死整个产品了,我们也就不用傻逼逼地往水里扔钱了 --- 利用这个流程,程序员可以绕过 PM 和设计师,在 1、2 天内得到很专业的 UX 设计(包括高质量的 UI) 跳过的子任务包括: - 制作详细产品需求文档
- PM 和设计师交接任务
- 制作详细设计需求
- 绘制线框图
- 绘制 UI 设计稿
- 制作互动原型
- 输出设计稿
- 设计师和前端工程师交接任务
- 前端开发
- 反复测试、沟通、修改、对接 更牛逼的事,在这个流程里,程序员不依赖真实用户,就能完所有必须得试用、反馈和改进 --- 这个层级的 AI 设计,本质上是用 AI 替代了整个 UX 设计部门 而且这个设计流程,充分利用了 LLM AI 强大的分析能力,一方面用保证了产品的可用性、易用性、美观,另一方面可以反复测试、极大地降低了试错成本 当然,在这个层级上做 UX 设计、UI 设计也有局限… 我问个简单问题:为什么大厂的 UX 设计部门那么强大,但往往只能在公司内部做设计,而不能直接出去帮公司赚钱? 4

Author picture

倪爽设计顾问,倪爽设计工作室