快缩短网址 · 产品体验重构札记
项目地址：suo.run

一、先问“为什么”，再谈“做什么”
任何迭代都始于一次深呼吸。接到需求时，先让子弹飞三秒——把“我要做”翻译成“为何做”。
以股票模块为例，我们的北极星指标是：
“让每一次点击都更靠近一次高质量交易”。
拆解为：
1. 视觉驱动决策——信息层级一眼可辨；
2. 心智锚定——品牌即安全感；
3. 行为闭环——从发现到下单，三步之内完成。



二、为产品写下“性格说明书”
金融产品最怕面目模糊。我们给股票模块提炼了四个性格关键词：
· 安心——数据可信，流程可控；
· 轻盈——信息降噪，交互无负担；
· 专业——直角、石墨色、克制动效；
· 灵动——微动效带来呼吸感，而非炫技。

三、把关键词翻译成“看得见的情绪”
1. 安心：
- 关键信息使用 18% 灰度的石墨底色，比纯黑更柔和，长时间盯盘不刺眼；
- 所有可交互按钮给出 0.3 秒的弹性反馈，暗示“操作已收到”。

2. 轻盈：
- 自选列表采用白底，降低跳色干扰；
- 详情页采用分屏滑动，信息被折叠进 1.5 屏以内，左右滑即可穿梭。



3. 专业：
- 直角卡片、无圆角，传递严谨；
- 红/蓝主色取自道琼斯与纳斯达克经典配色，一秒建立“股市”心智。



4. 灵动：
- Tab bar 图标随大盘涨跌微旋转 5°，上涨时图标向上轻跳，下跌时向下点头；
- K 线缩放改为侧边滑块，单手即可无级放大，滑块刻度实时提示放大倍率。

四、在细节里埋伏“惊喜”
· 未开盘时，大盘图标呈沉睡的灰色月亮；
· 开盘后，图标苏醒，颜色随涨跌切换；
· 点击“交易”按钮，图标瞬间倾斜 45°，暗示双向博弈。



· 自选列表中，股价每跳动一次，背景色以 200 ms 过渡为淡红或淡绿，像脉搏提醒用户“市场在呼吸”。

· 股票详情页右上角新增三枚“快按钮”：
1. 资讯——股价异动即推送相关公告；
2. 诊断——AI 速读财报，30 秒给出多空信号；
3. 提醒——一键设价，触发即推送至微信/短信。

五、动效不是装饰，是节拍器
所有动效遵循 300 ms 以内完成、二次触发不重复的原则：
- 列表刷新：卡片自上而下“瀑布” 250 ms；
- 图表切换：左右滑屏使用 200 ms 的缓出，保证“跟手”；
- 错误提示：红色横幅从顶部滑入，停留 2 秒后自动收回，不打断用户思路。

六、一页总结，写给下一次迭代
1. 目标先行：把 KPI 翻译成一句用户语言；
2. 性格先行：用关键词给产品写“人设”；
3. 情绪先行：把关键词拆成颜色、形状、动效；
4. 惊喜先行：在习惯路径里埋彩蛋，让用户嘴角上扬。

快缩短网址，不只是一个工具，更是一场“把复杂留给自己，把简洁交给用户”的长期实验。
suo.run，期待下一次与你一起刷新体验。