Lubulu 健康决策转盘:量化选择逻辑,提升医疗决策理性度

19次阅读
没有评论

Lubulu:用理性随机对抗诱惑的健康决策工具

Lubulu 是一款追求极简与优雅的健康决策应用。它通过一个 99 等分的转盘机制,将枯燥的克制过程转化为一种带有仪式感的随机游戏。在面对诱惑时,用户可以通过转动轮盘获得一个理性且有趣的建议,同时依然保留最终的决定权。

Lubulu 健康决策转盘:量化选择逻辑,提升医疗决策理性度

核心功能拆解

决策转盘

  • 概率分布 :轮盘被精细分为 99 份,其中 1 个红色格为“Lu!”,98 个绿色格为“不 Lu”。
  • 公平机制 :调用 Web Crypto API 实现真随机算法,确保结果不可操纵。
  • 感官体验 :配备 5 秒时长、旋转 12 圈的流畅动画,并伴随相应的提示音效。
  • 自主确认 :即便抽中“Lu!”,用户仍可根据实际情况决定是否执行。

记录与统计

  • 可视化日历 :以彩色圆点记录每日结果(红点代表 Lu,绿点代表不 Lu,灰杠为未抽取),支持月份快速导航与今日高亮。
  • 量化分析 :实时统计 Lu 与不 Lu 的总次数,并即时计算“克制率”,让健康习惯的养成数字化。

高级配置与分享

  • 保底机制 :用户可自定义连续“不 Lu”的天数上限,达到阈值后将必然触发“Lu!”,缓解长期克制的压力。
  • 数据管理 :支持历史记录的导入与导出,确保数据可备份、可迁移。
  • 一键快照 :通过 html2canvas 自动生成包含当前结果的高质量 PNG 截图,方便分享决策瞬间。

视觉设计与技术栈

视觉风格 :以深紫色(#673AB7)为主色调,传达理性与克制感,搭配淡紫色(#EDE7F6)背景。界面融合了扁平化、新拟态与玻璃拟态设计,适配从移动端(390×844)到桌面端(1440×1024)的响应式布局。

技术实现

  • 前端 :原生 HTML5 / CSS3 / JavaScript (ES6+)
  • 核心 API:Web Crypto API(随机数)、Web Audio API(音效)、Web Animations API(动画)
  • 存储与工具 :localStorage(本地存储)、html2canvas(截图)

设计理念:以随机性引导理性

人们在面对诱惑时常陷入“就这一次”的心理陷阱。Lubulu 通过极低概率(约 1.01%)的奖励机制,让用户在绝大多数时间(约 98.99%)被引导做出健康选择,而偶尔出现的“Lu!”则打破了刻板的禁欲感,使习惯养成过程更加轻松且具有趣味性。

快速开始

访问地址 https://l.qaq.al/

开源仓库 https://github.com/xvhuan/Lubulu

正文完
 0
Administrator
版权声明:本站原创文章,由 Administrator 于2025-07-04发表,共计966字。
转载说明:除特别说明外,本站原创内容采用 Creative Commons Attribution 4.0 (CC BY 4.0) 许可协议发布,转载请注明来源并保留原文链接。 本站部分内容基于公开资料整理,并可能经 AI 技术辅助生成或优化,仅供参考,不构成任何专业建议,请读者自行判断与核实。 本站不对第三方资源的可用性、安全性或合法性承担任何责任。
评论(没有评论)
验证码