《快缩短网址·设计需求六维清单》

——让每一次灵感，都精准命中靶心

一、开场白：别让“灵感”裸奔
在 suō.run 的会议室里，曾上演过这样的对话：
“我们要一条会飞的鱼，代表灵活。”
“飞多高？什么颜色？给鱼穿西装还是比基尼？”
“……你们不是设计师吗？先画再说。”
于是，飞鱼变成了飞猪，项目延期两周。
为了避免下一次“飞猪惨案”，我们总结出一套六维清单，把混沌的需求翻译成设计师听得懂的语言。



二、六维清单：像 URL 一样短，像代码一样准



1. 设计目的（Why）
一句话：我们为何此刻需要这次设计？
• 业务痛点：当前 suō.run 的统计面板缺少“实时访客”模块，用户无法即时追踪流量。
• 目标用户：日均创建 50 条以上短链的运营同学，他们习惯早上 9:30 打开面板做日报。
• 设计类型：新增功能，需交互 + 视觉双输出。

2. 原型（What）
把“大概”变成“像素级”。
• 低保真：Axure 或 Figma 线框图，标出模块顺序、字段、按钮状态。
• 流程图：用户点击“实时访客”→ 弹出抽屉 → 展示 10 条最新访问记录 → 支持一键导出 CSV。
• 数据字典：字段“访问时间”精确到秒，“来源渠道”枚举 8 种。

3. 设计发挥空间（How Free）
给创意划跑道，而不是戴手铐。
• 交互：可颠覆现有左侧导航，尝试 Tab + 浮层组合。
• 视觉：主色保持 suō.run 的「极速蓝」，但允许在数据可视化上使用渐变强化动感。
• 禁区：不可改变 logo 比例，不可使用红色系（与错误状态冲突）。

4. 预期工期（When）
把“越快越好”翻译成“日历上的格子”。
• 设计启动：本周五 10:00 a.m. Kick-off。
• 初稿评审：下周一 3:00 p.m.，会议室 3F-樱花。
• 终稿交付：下周四 6:00 p.m. 前上传 Figma 并 @前端。
• 缓冲：预留 1 天应对老板“再亮一点”的玄学反馈。

5. 竞争产品（Who Else）
站在巨人肩上，而不是脚趾上。
• 直接竞品：Bitly 实时面板、Short.io Dashboard。
• 借鉴点：Bitly 的“地图热力”可视化动效；Short.io 的卡片式访客记录。
• 差异策略：我们加入“访问轨迹回放”微动画，3 秒内展示用户从入口到转化的路径。

6. 设计风格（Tone）
让品牌 DNA 一眼可辨。
• 参考：Stripe 官网的留白与阴影层级、GitHub 的暗黑模式。
• 情绪板：关键词「极速」「可信」「极客」。
• 禁止：圆角大于 8px 的卡通风格、渐变霓虹（与金融级安全形象冲突）。



三、使用清单的三步仪式
① 需求方在 suō.run 的「需求看板」新建卡片，按六维填空。
② 设计师 2 小时内给出“可行性 + 风险”回复，双方确认里程碑。
③ 评审日，对照清单逐条打钩，未打钩项自动进入下一轮迭代。

四、尾声：让好设计像短链一样，一键直达
当需求被压缩成一条清晰的 suō.run/需求编号，设计师不再“盲飞”，产品不再“返工”。
六维清单不是枷锁，而是让创意在精准坐标系里，自由起舞。