
黑羽
项目概览
黑羽是一款已经上线运行的羽毛球社区 App——社区、赛事、装备商城与个人数据都已经在同一个产品里,也已经有了稳定的用户群。这一版是在现有产品上做体验改版:不改产品方向,而是解决现有版本里信息层级不统一、核心入口分散、视觉一致性不足这三个问题,让用户更快找到要看的内容、更快做完要做的事。
项目背景
这是一款已经上线的成熟产品,问题不在于功能不够,而在于功能各自长出来之后,产品整体变得不好用了。社区、赛事、装备商城与我的装备库分属不同时期建设,单独看每一块都成立,放在一起却缺少统一的规则。
改版聚焦在三个问题上:信息层级不统一——同一类内容在不同页面用了不同的组织方式,用户每进一个新页面都要重新建立阅读习惯;核心入口分散——用户高频要做的事散落在不同层级,从首页出发往往要绕两三个页面;视觉一致性不足——卡片、按钮与状态的样式随各页面改版时间不同而各自演化,同类操作在不同页面长得不一样。
所以这一版的判断是:不做加法,先把已经存在的东西重新组织清楚。信息架构、内容卡片与操作路径按同一套层级重排,视觉与组件语言收敛到一套规范,并重做 AI 装备配置这条链路,让它可以被完整走通。
项目挑战
信息层级不统一。同一个产品里,同一类内容在不同页面用了不同的组织方式。改版的第一步不是画新界面,而是先定一套层级规则再让所有页面服从它——这一步没有可以直接展示的界面产出,但缺了它,后面每一页都会重新打架。
核心入口分散。用户高频要做的事散落在不同层级,从首页出发往往要绕两三个页面。收敛入口意味着要动导航结构,风险比改视觉高得多,所以先判断哪些是真高频,再动结构。
视觉一致性不足。卡片、按钮与状态样式随各页面改版时间不同而各自演化。统一它们不是换一套配色,而是先建立组件语言、再逐页替换——顺序反了,就会一边统一一边产生新的不一致。
这一版要解决的核心问题可以收成一句:产品里的功能已经足够,但用户找不到、看不惯、也串不起来。
我的职责
- 产品定位
- 用户策略
- 信息架构
- AI 装备配置流程
- 视觉与组件系统
- 交互状态设计
设计过程
- 01
先定层级规则,再改页面ONE RULE SET
改版的起点不是打开设计工具,而是先把信息层级与内容卡片的组织规则定下来:同一类内容在哪些层级出现、用哪种卡片承载、信息按什么顺序排。规则定完之后再逐页替换,否则每改一页都要重新讨论一次,页面之间也会继续各长各的。
- 02
收敛核心入口与操作路径CONVERGE ENTRIES
把用户高频要做的事从散落的位置收到可预期的地方,缩短从首页到达的步数。这一步动的是导航结构,所以先判断哪些操作是真高频,再决定收敛到什么程度——改版里最容易过火的地方也在这里:入口收得太狠,低频但必要的功能会变得难找。
- 03
三类 AI 能力,共用一套任务逻辑ONE AI LOGIC
AI 装备配置、AI 赛事分析和 AI 训练计划共用同一条流程:明确任务 → 获取上下文 → 补充信息 → 用户确认 → 结构化结果 → 后续行动 → 保存结果。AI 的作用不是聊天,而是帮用户完成一件具体的事,所以三者在交互上是同一套模式,只是任务不同。
- 04
把 AI 装备配置拆成六步THE MAIN FLOW
进入任务(可从首页、商城、商品详情或我的装备进入,不同入口自动携带不同上下文)→ 对话理解需求(分步了解购买目的、当前水平、单双打场景、预算、现有装备和希望改善的问题,每次只问一个主要问题,并提供快捷选项与自由输入)→ 画像确认(生成需求摘要,允许逐项修改后再生成结果)→ 输出 2—3 套差异明确的方案(如稳定易上手、偏进攻升级、双打轻量灵活,每套给出推荐球拍、球线与磅数、适合原因、使用限制、参考价格和推荐依据)→ 比较与决策(加入装备对比、查看商品详情与社区评价、继续追问或保存方案)→ 沉淀结果(进入「我的装备」,为后续升级建议和训练内容提供依据)。
- 05
定下四条关键交互原则INTERACTION RULES
对话负责理解,页面负责决策——模糊需求用对话收集,装备参数、推荐方案和对比结果用结构化页面呈现,不全部塞进聊天气泡。AI 结果必须可解释——页面区分官方参数、用户输入、社区评价、AI 分析与商业信息,并且必须说明推荐原因、不适合点和信息不足之处。用户拥有控制权——可以修改画像、跳过不确定的问题、重新生成、删除记录,也可以不进入购买流程。结果不能生成后就结束——必须继续连回装备对比、商品详情、社区内容、训练计划和个人档案。
- 06
用克制的 AI 视觉承载运动感VISUAL SYSTEM
整体以年轻运动社区为主体,通过清晰的信息层级和克制的 AI 视觉建立活力、专业与陪伴感。主色是荧光绿 #B0F100,只用于核心操作、选中状态、AI 入口、关键进度和品牌识别,不做大面积页面背景和长段正文。页面基础是浅色背景、黑灰文字、真实内容图片、轻量卡片、克制阴影和适量圆角。AI 不额外引入蓝紫渐变的科技风;IP 只出现在品牌、空状态和轻量反馈里,不进入参数、赛事和装备对比这类高信息密度页面。
核心界面






项目状态
黑羽已交付。项目涉及真实业务数据,具体指标、用户量与效果数字不在作品集的公开范围内。
项目复盘
这一版刻意没有动支付与物流、商家后台、赛事报名、实时比分与直播这些已经在稳定运行的模块——改版的范围收在用户能直接感知的部分:信息层级、核心入口与视觉一致性。在成熟产品上做改版,难点和从零设计不一样:每一处改动都要替换一个已经在跑的东西,所以「不改什么」往往比「改什么」更需要判断。做完之后更确定的一点是:AI 的价值不在于能对话,而在于它能不能把模糊需求转成结构化、可解释、并且可以继续被使用的决策结果。黑羽最终想展示的不是功能数量,而是一条把 AI 嵌进真实任务、再连回内容、商品与个人数据的完整链路。
项目信息
角色
UI/UX 设计师
年份
2026
项目类型
C 端产品体验设计
项目性质
真实项目 · 独立负责设计
产出物
- 产品定位与用户策略梳理
- 关键页面结构与操作路径重理
- AI 装备配置主流程重构
- 高保真视觉与组件语言统一
下一项目