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 设计部门那么强大,但往往只能在公司内部做设计,而不能直接出去帮公司赚钱?