我用 100 行代码干掉了价值 100 万的社交产品设计 - 一个程序员的反击

[stardustedstand]

一个顶级社交产品请一个产品经理的年薪至少 50 万，请一个交互设计师至少 30 万，他们花费数月时间精心设计的'无限滚动'机制，却被我一个下午写的 100 多行代码完全瓦解...

以下是浏览器插件（下载解压-开发者模式安装即可）： 项目地址

简单总结社交产品"无限滚动"设计背后的核心商业逻辑：

1. 产品设计的核心套路

• 无限滚动就像一个永不见底的幸运盒子
• 每次下拉都给你一个"惊喜"的可能
• 你永远不知道下一条内容是什么，但就是想接着看
• 没有明确的终点，让你失去时间概念

2. 背后的心理学原理

• 期待与奖励：像赌场里的老虎机
• 害怕错过：总觉得再划一下可能有更好的内容
• 沉没成本："都刷了这么久了，再看一会吧"

3. 我的破解方案

// 其实只需要这么简单，就能打破这个精心设计的套路
if (scrollY >= limit) {
    stop();    // 给用户一个明确的终点
    notify();  // 提醒用户该休息了
}

4. 为什么有效？

• 产品设计靠的是让你迷失
• 而我们只是加了个"到站提醒"
• 就像在赌场装了个闹钟，到点就提醒你该回家了

这不是技术的胜利，而是清醒的胜利。

5. 技术实现

• 核心代码仅 100 多行
• 开发时间：1 小时
• 开发成本：16 元一杯星巴克蒸汽奶（别问为什么，问就是最低成本获取一个最佳环境）
• 维护成本：几乎为 0

4. 效果对比

• 产品团队投入：

  • 产品经理月薪：4 万+
  • 交互设计师月薪：2.5 万+
  • 开发团队成本：10 万+
  • 产品迭代周期：3-6 个月
  • 总成本：约 100 万

• 我的方案：

  • 开发时间：1 小时
  • 代码量：100 多 行
  • 开发成本：16 元
  • 维护成本：几乎为 0
  • 效果：完全抵消原产品设计效果

5. 支持的平台

// 一次开发，多平台覆盖
"matches": [
  "*://*.facebook.com/*",
  "*://*.twitter.com/*",
  "*://*.weibo.com/*",
  "*://*.zhihu.com/*",
  "*://*.xiaohongshu.com/*",
  "*://*.bilibili.com/*"
  // ... 更多主流平台
]

也许我就像堂吉诃德一样可笑 —— 用简陋的代码对抗精密的商业设计。但正如堂吉诃德教会我们的：疯狂和理想主义，有时候比精明更有力量。

这不是一场胜利，而是一次浪漫的抗争。

[20015jjw]

蛮好 合理对抗 doom scrolling

[z1829909]

我也写过一个类似的插件, 不过我是直接屏蔽.
检测页面发起的请求, 如果有 recommend, rcmd, flow 之类的直接 block.

[zgsi]

把百度加上，谢谢

[stardustedstand]

@20015jjw 还有 rabbit hole 等等。。。

[stardustedstand]

@z1829909 好思路👍

[stardustedstand]

@zgsi 😂

[mcfog]

笑死

苹果市值 250 亿，我用三秒抠鼻屎决定不买苹果产品，抵消了苹果的商业价值，成本是一团鼻屎

[handsome50]

ios 的 artstation 似乎就有这种机制，刷久了丫直接闪退🤪

[stardustedstand]

@mcfog 能供君一笑，也是这段代码和文章的造化了😄

[stardustedstand]

@handsome50 那可能是内存泄露了😄

[MarginK]

感觉什么都没说，limit 怎么取的呢？ notify 就是提醒一下自己？感觉太简单了，标题党了感觉

[MarginK]

@MarginK 有点精神胜利感觉是

[stardustedstand]

@MarginK 代码里面有的，默认取 8000px 的限制，超过了就禁止滑动了 ，另外用户可以自定义 limit ，在插件弹出窗里。notify 在每次达到限制的时候都会触发一个简单的提示。

[stardustedstand]

@MarginK 最后一句已经说了，这不是胜利，这只是一点点小小的抗争。

[zhmouV2]

题外话，也不是所有人都喜欢无限滚动，或者也不是所有的东西都适合无限滚动。我记得谷歌搜索页就搞过 Infinite Scroll ，后来估计是被投诉太多取消了