做前端好还是后端好(我把同一个需求交给UI、前端、产品经理和AI,结果让我沉默了)

做前端好还是后端好(我把同一个需求交给UI、前端、产品经理和AI,结果让我沉默了)
我把同一个需求交给UI、前端、产品经理和AI,结果让我沉默了


上周,我们团队要做一个小程序首页改版。

需求不复杂:一个新的金刚区入口、一个活动Banner位、一个商品瀑布流。这种页面,每个公司每个月都在做。

但我这次做了一件有点“残忍”的事:我把同一个需求,分别交给了——

小雅,工作2年的UI设计师
老周,工作8年的资深前端
ChatGPT(我给了它一份PRD)
还有我们刚来3个月的产品助理小林

5天后,结果出来了。

我盯着这几份产出,沉默了很长时间。


第一个:小雅(UI设计师,工作2年)

小雅速度很快。第三天上午,她就把设计稿发群里了:“做好了,切图已标注,可以开发了。”

做前端好还是后端好(我把同一个需求交给UI、前端、产品经理和AI,结果让我沉默了)

打开Figma,说实话,第一眼是好看的。

配色规范,间距统一,icon用的是最新的设计系统,Banner区域加了毛玻璃效果,金刚区的图标动效都设计好了。年轻设计师的基本功,确实扎实。

但我放大看了两分钟,发现了几个问题:

问题1:金刚区规划了8个入口。但我们的后台数据明确显示,80%的用户只用前4个。剩下的4个,日均点击量不到50。

问题2:Banner位设计成通栏大图,视觉冲击力很强。但运营同学要在后台配图,后台系统只能上传固定尺寸的图片。这个Banner比例的图,运营根本配不出来。

问题3:商品瀑布流用了双列卡片,卡片上放了“销量”“好评率”“收藏数”三个标签。但我们的商品接口里,根本没有“好评率”这个字段。

我去找小雅聊。

她说:“我看竞品都这么设计的,我就照着做了。”

这就是问题所在。她交付的是一个好看的页面,不是一个能落地、能达成业务目标的设计

她想到了视觉规范,没想到数据和接口。


第二个:老周(资深前端,工作8年)

老周拿到设计稿之后,没有立刻切图。

他先给我发了一条消息,问了3个问题:

  1. 这个金刚区入口,是按固定顺序展示,还是支持后台动态配置?
  2. Banner点击后的跳转逻辑是什么?H5还是小程序原生页?
  3. 瀑布流是前端分页还是后端分页?首屏加载性能怎么优化?

我当时看到这3个问题,后背有点发凉。

这3个问题,设计稿和PRD里都没写。

我去问产品,产品想了半天,说:“金刚区要支持后台配置,Banner跳转混搭,瀑布流用后端分页,首屏要控制2秒内。”

老周听完,开始动手。他花了半天搭架构,核心代码长这样:

javascript

// 组件化设计,支持配置化渲染const HomePage = () => {  // 从配置中心获取页面配置  const { config, loading } = usePageConfig('home');    if (loading) return ;    return (          {config.blocks.map(block => (         trackExposure(block)}          onClick={() => trackClick(block)}        />      ))}      );};

代码质量确实高。组件化、配置化、埋点、性能优化,全考虑到了。

但我也发现了一个问题。

他花了整整两天时间,自己手写了一套“可视化拖拽配置后台”。

我问:“这个不是应该用现成的低代码平台吗?”

他说:“那个平台限制太多,我自己写的更灵活,以后所有页面都能用。”

我沉默了一下。

这个配置后台,我们至少3个月内不会用。而且公司已经有现成的低代码平台,虽然有点限制,但完全够用。

他不是在解决问题,是在造轮子

他交付的是一个技术完美的方案,不是一个刚好够用的方案。


第三个:ChatGPT-4(我给了一份详细的PRD)

我给GPT写了一份PRD,包含:功能需求、数据字段、跳转逻辑、性能要求、甚至标注了“参考某某竞品”。

5分钟后,GPT生成了一份完整的首页代码,React + TypeScript,大概400行。

代码质量让人惊讶:

  • 类型定义完整
  • 组件拆分合理
  • 接口Mock数据自动生成
  • 甚至加了错误边界和加载态

但我发现了一个问题。

它生成的商品卡片,展示逻辑是这样的:

typescript

{/* 商品卡片 */}    {product.title}  ¥{product.price}  销量:{product.sales}

看上去没问题。

但我们的业务有一个特殊规则:部分商品是“预售”状态,不能直接展示价格,要展示“即将开售”

这条规则,PRD里没写,只在运营的Excel表格里躺着。

GPT不知道。

除此之外,GPT还有两个地方明显不足:

  1. 它不知道我们公司有一个内部约定——所有图片必须用公司CDN,走图片压缩服务。它直接用了Mock的图片链接。
  2. 它不知道这个页面需要兼容iOS 12以下的旧机型。它用了大量的CSS Grid和新的API,这些在旧手机上会白屏。

它交付的是一段逻辑正确、结构清晰的代码,但不是一段能直接上线的代码。


第四个:小林(产品助理,工作3个月)

小林不是来写代码的。

我的原计划是让他体验一下完整流程,所以让他旁听需求会,然后自己写一份PRD。

3天后,他把PRD发给我。

打开一看,我愣住了。

他的PRD里,除了常规的功能描述,还多了几个部分:

“可能被忽略的用户场景”

  • 用户网络差的时候,页面怎么展示?
  • 用户第一次进入,需要引导吗?
  • 用户退款后,首页还展示这个商品合适吗?

“运营配置成本评估”

  • 金刚区如果支持动态配置,运营每个月需要花多少时间维护?
  • Banner的图片尺寸怎么定,才能让运营不用每次手动裁图?

“数据验证方案”

  • 改版后,核心指标怎么对比?
  • 怎么判断新版比旧版好?

最后,他还加了一条:

“建议不做这个需求”

理由是:这个改版预计提升首页点击率5%,但后台数据显示,首页当前的核心问题是加载速度慢导致的跳出率高。花同样的时间优化性能,ROI可能更高。

我沉默了很长时间。

小林入职才3个月。他没写一行代码,没画一张设计稿。

但他问了一个没人问的问题:我们为什么要做这个?


我为什么沉默了

看完四份产出,我坐在那里想了很久。

我沉默,不是因为AI赢了。

也不是因为谁输了。

我沉默,是因为我意识到一件事:

小雅做的事,AI正在快速赶上。

生成UI稿、标注切图、甚至做动效,AI工具已经能做七八成了。如果小雅继续只是“接需求、画界面、等反馈”,她的竞争对手已经不是其他初级设计师,而是每个产品经理手里的AI。

老周做的事,AI也能做七八成。

写组件、搭架构、做优化,AI生成的代码质量已经不输中级工程师。如果老周继续沉迷于“写完美的代码、造通用的轮子”,他的价值也在被压缩。

小林做的事,AI做不了

至少现在做不了。

AI可以生成PRD,但AI不会告诉你“这个需求不该做”。

AI可以分析数据,但AI不会顶着业务方的压力,说“优化性能比加功能更重要”。

AI可以模拟用户场景,但AI不会站在用户、运营、技术三方之间,找到那个平衡点

小林的价值,不在于他写了多少文档,而在于他思考了那些“需求之外”的东西

这就是让我沉默的原因。

工具越强大,人的价值就越往“判断”上集中。

不是写代码的速度,不是画图的美观度,而是——

知道什么该做,什么不该做。

知道这个功能上线后,用户会怎么骂。

知道这个设计虽然好看,但运营配不出来。

这个“知道”,是AI替代不了的。


3点真实的建议

做完这个对比,我想说3件具体的事。

第一,如果你是设计师,现在最重要的一件事是:从“画图”走向“产品”。

别只盯着色彩、间距、阴影。去问:这个入口用户真的点吗?这个字段接口有吗?这个图运营能配吗?

AI画图比你快,但AI不懂业务。你去搞懂业务,你就赢了。

第二,如果你是前端,用AI提升效率,把省下来的时间去做“代码之外的事”。

AI帮你把页面写完了,省下来半天时间。这半天不是用来刷抖音的,是用来去问产品:这个功能真的需要吗?是用来去问后端:接口性能能优化吗?是用来去问测试:这个场景覆盖了吗?

第三,如果你是产品,守住那个“说不”的能力。

AI可以生成PRD,可以画流程图,可以做竞品分析。但AI不会在会议上说:“这个需求ROI太低,我建议砍掉。”

这个“说不”的能力,是你的护城河。


最后说一句让我印象最深的话。

事后我问小林:你怎么看AI做产品?

他想了想,说:

“AI可以帮我想得更周全,但它不会替我做决策。”

“因为决策错了,是我背锅,不是AI。”

我笑了。

AI让画图、写代码、写文档变容易了。

但让成为一个好设计师、好程序员、好产品,变得更难了。

因为你再也没有借口说“我只会干活”了。


你们团队有没有类似的经历?欢迎评论区聊聊。

文章版权声明:除非注明,否则均为边学边练网络文章,版权归原作者所有

相关阅读

最新文章

热门文章

本栏目文章