Superame 案例研究:公开项目排行榜的设计

让竞争规则一目了然

排行榜能带来紧迫感,但如果名次变动没有任何解释,也会引发质疑。Superame 把排名作为核心对象,并以项目身份、发现视图和对产品的清晰说明作为支撑。由于名次正是用户评判的承诺所在,界面需要在桌面端和移动端一致地呈现状态变化。

视觉上的活力可以鼓励用户探索,而标签和反馈则说明每个操作产生了什么结果。悬停效果、计数器和动态变化应当强化当前状态,而不是暗示某个无法使用的交互。

打通发现、提交与反馈

这款产品有三项相互关联的任务:帮助访客发现项目,帮助创作者了解如何参与,并在不丢失上下文的前提下反映操作的结果。设计评审应把这些任务当作完整的流程来梳理,而不是孤立地逐个通过单个页面。

每个名次都需要稳定的项目身份和易于理解的更新状态。
提交指引应说明参与资格以及接下来可见的状态。
移动端的交互需要提供同等的反馈,而不依赖悬停。

随着产品运营而补充的证据

未来的案例研究版本可以在产品所有者提供后,加入经核实的参与总量、审核规则、排名变化说明和留存观察。这些指标可以回答截图无法回答的产品问题。本案例记录的是公开界面和验收逻辑,不会把设计笔记变成未经核实的增长说法。

Dardo 于 2026 年 9 月 20 日核实了线上自定义域名和生产环境的实现。该 Astro 应用将排名存储在 Neon 中,并把买家引导至 Dodo Payments 托管的结账页面。服务器会验证带签名的支付服务商回调和支付详情,然后再增加额度;对退款和争议采用同样的幂等记账方式,并记录外链的项目访问。这支持了以下说法:可见的排名是作为一款正在运营的产品实现的;在经批准发布带日期的产品报告之前,参与量、留存和收入的总数仍不予公布。