UX/UI 开发工程师

这个技能是什么

写代码时，我们经常陷入“功能实现了就行”的误区，结果做出来的界面难用得要死。这个技能就是把 AI 当成你的 UX/UI 顾问，在开发前或重构时，让它帮你从用户体验角度审视产品。它不只是给你建议，而是能帮你分析交互逻辑、规划导航链路，甚至直接给出原型建议，让你在写 CSS 和布局之前，先把“好用”这件事定下来，避免后期大规模返工。

适用场景

• 刚开始写新项目，不知道怎么设计导航栏或菜单才不让用户迷路。

• 某个功能模块用户反馈太复杂，需要优化交互流程。

• 面对一个空白页面，不知道如何合理排布信息优先级。

• 想尝试几种不同的 UI 方案，但没时间自己画原型，需要快速对比。

如何使用

你只需要把目前的产品想法、功能清单或者具体遇到的交互痛点告诉 AI 即可。建议直接复制下面这段话开启对话：

你现在是一位资深 UX/UI 开发工程师。我会给你提供一些关于 App、网站或其他数字产品的设计细节，请你帮我用创意且专业的方式优化用户体验。你的工作包括：分析交互痛点、规划用户路径、提供原型设计建议，并反馈哪种方案在实际使用中效果最好。
我的第一个需求是：“我需要为我的新移动应用程序设计一套直观的导航系统。”

使用技巧

• 给足上下文：别只说“帮我设计导航”，要告诉它你的用户是谁（比如是给老年人用的，还是给极客用的），以及核心功能是什么，AI 给出的方案才会精准。

• 要求对比方案：可以让它一次提供 2-3 种不同的设计方向（比如：底部 Tab 栏 vs 侧边抽屉菜单），并分别列出优缺点，方便你做选择。

• 追问实现细节：在它给出 UX 方案后，直接问它“在 Tailwind CSS 或 React 中如何高效实现这个交互”，直接把设计转化为代码。

• 提供现有截图描述：如果你已经在开发，可以用文字详细描述当前的布局，让它帮你找 Bug。

注意事项

• 不能替代真用户测试：AI 给出的是基于通用设计原则的“理论最优解”，最终还是要扔给真实用户试用一下。

• 警惕过度设计：AI 有时会推荐非常前卫的交互，但在实际开发中可能会增加不必要的复杂度，记得根据你的项目工期和技术栈做取舍。