黑羽
C 端产品体验设计

黑羽

2026

项目概览

黑羽是一款已经上线运行的羽毛球社区 App——社区、赛事、装备商城与个人数据都已经在同一个产品里,也已经有了稳定的用户群。这一版是在现有产品上做体验改版:不改产品方向,而是解决现有版本里信息层级不统一、核心入口分散、视觉一致性不足这三个问题,让用户更快找到要看的内容、更快做完要做的事。

项目背景

这是一款已经上线的成熟产品,问题不在于功能不够,而在于功能各自长出来之后,产品整体变得不好用了。社区、赛事、装备商城与我的装备库分属不同时期建设,单独看每一块都成立,放在一起却缺少统一的规则。

改版聚焦在三个问题上:信息层级不统一——同一类内容在不同页面用了不同的组织方式,用户每进一个新页面都要重新建立阅读习惯;核心入口分散——用户高频要做的事散落在不同层级,从首页出发往往要绕两三个页面;视觉一致性不足——卡片、按钮与状态的样式随各页面改版时间不同而各自演化,同类操作在不同页面长得不一样。

所以这一版的判断是:不做加法,先把已经存在的东西重新组织清楚。信息架构、内容卡片与操作路径按同一套层级重排,视觉与组件语言收敛到一套规范,并重做 AI 装备配置这条链路,让它可以被完整走通。

项目挑战

信息层级不统一。同一个产品里,同一类内容在不同页面用了不同的组织方式。改版的第一步不是画新界面,而是先定一套层级规则再让所有页面服从它——这一步没有可以直接展示的界面产出,但缺了它,后面每一页都会重新打架。

核心入口分散。用户高频要做的事散落在不同层级,从首页出发往往要绕两三个页面。收敛入口意味着要动导航结构,风险比改视觉高得多,所以先判断哪些是真高频,再动结构。

视觉一致性不足。卡片、按钮与状态样式随各页面改版时间不同而各自演化。统一它们不是换一套配色,而是先建立组件语言、再逐页替换——顺序反了,就会一边统一一边产生新的不一致。

这一版要解决的核心问题可以收成一句:产品里的功能已经足够,但用户找不到、看不惯、也串不起来。

我的职责

  • 产品定位
  • 用户策略
  • 信息架构
  • AI 装备配置流程
  • 视觉与组件系统
  • 交互状态设计

设计过程

  1. 01

    先定层级规则,再改页面ONE RULE SET

    改版的起点不是打开设计工具,而是先把信息层级与内容卡片的组织规则定下来:同一类内容在哪些层级出现、用哪种卡片承载、信息按什么顺序排。规则定完之后再逐页替换,否则每改一页都要重新讨论一次,页面之间也会继续各长各的。

  2. 02

    收敛核心入口与操作路径CONVERGE ENTRIES

    把用户高频要做的事从散落的位置收到可预期的地方,缩短从首页到达的步数。这一步动的是导航结构,所以先判断哪些操作是真高频,再决定收敛到什么程度——改版里最容易过火的地方也在这里:入口收得太狠,低频但必要的功能会变得难找。

  3. 03

    三类 AI 能力,共用一套任务逻辑ONE AI LOGIC

    AI 装备配置、AI 赛事分析和 AI 训练计划共用同一条流程:明确任务 → 获取上下文 → 补充信息 → 用户确认 → 结构化结果 → 后续行动 → 保存结果。AI 的作用不是聊天,而是帮用户完成一件具体的事,所以三者在交互上是同一套模式,只是任务不同。

  4. 04

    把 AI 装备配置拆成六步THE MAIN FLOW

    进入任务(可从首页、商城、商品详情或我的装备进入,不同入口自动携带不同上下文)→ 对话理解需求(分步了解购买目的、当前水平、单双打场景、预算、现有装备和希望改善的问题,每次只问一个主要问题,并提供快捷选项与自由输入)→ 画像确认(生成需求摘要,允许逐项修改后再生成结果)→ 输出 2—3 套差异明确的方案(如稳定易上手、偏进攻升级、双打轻量灵活,每套给出推荐球拍、球线与磅数、适合原因、使用限制、参考价格和推荐依据)→ 比较与决策(加入装备对比、查看商品详情与社区评价、继续追问或保存方案)→ 沉淀结果(进入「我的装备」,为后续升级建议和训练内容提供依据)。

  5. 05

    定下四条关键交互原则INTERACTION RULES

    对话负责理解,页面负责决策——模糊需求用对话收集,装备参数、推荐方案和对比结果用结构化页面呈现,不全部塞进聊天气泡。AI 结果必须可解释——页面区分官方参数、用户输入、社区评价、AI 分析与商业信息,并且必须说明推荐原因、不适合点和信息不足之处。用户拥有控制权——可以修改画像、跳过不确定的问题、重新生成、删除记录,也可以不进入购买流程。结果不能生成后就结束——必须继续连回装备对比、商品详情、社区内容、训练计划和个人档案。

  6. 06

    用克制的 AI 视觉承载运动感VISUAL SYSTEM

    整体以年轻运动社区为主体,通过清晰的信息层级和克制的 AI 视觉建立活力、专业与陪伴感。主色是荧光绿 #B0F100,只用于核心操作、选中状态、AI 入口、关键进度和品牌识别,不做大面积页面背景和长段正文。页面基础是浅色背景、黑灰文字、真实内容图片、轻量卡片、克制阴影和适量圆角。AI 不额外引入蓝紫渐变的科技风;IP 只出现在品牌、空状态和轻量反馈里,不进入参数、赛事和装备对比这类高信息密度页面。

核心界面

黑羽 · 发现 · 首页内容与 AI 入口
发现 · 首页内容与 AI 入口
黑羽 · 赛事 · 直播、赛程与榜单
赛事 · 直播、赛程与榜单
黑羽 · 社区 · 热榜与内容流
社区 · 热榜与内容流
黑羽 · 商品详情 · 规格与评价
商品详情 · 规格与评价
黑羽 · 下单成功 · 订单与物流
下单成功 · 订单与物流
黑羽 · 我的 · 数据分析与装备库
我的 · 数据分析与装备库

项目状态

黑羽已交付。项目涉及真实业务数据,具体指标、用户量与效果数字不在作品集的公开范围内。

项目复盘

这一版刻意没有动支付与物流、商家后台、赛事报名、实时比分与直播这些已经在稳定运行的模块——改版的范围收在用户能直接感知的部分:信息层级、核心入口与视觉一致性。在成熟产品上做改版,难点和从零设计不一样:每一处改动都要替换一个已经在跑的东西,所以「不改什么」往往比「改什么」更需要判断。做完之后更确定的一点是:AI 的价值不在于能对话,而在于它能不能把模糊需求转成结构化、可解释、并且可以继续被使用的决策结果。黑羽最终想展示的不是功能数量,而是一条把 AI 嵌进真实任务、再连回内容、商品与个人数据的完整链路。

项目信息

角色

UI/UX 设计师

年份

2026

项目类型

C 端产品体验设计

项目性质

真实项目 · 独立负责设计

产出物

  • 产品定位与用户策略梳理
  • 关键页面结构与操作路径重理
  • AI 装备配置主流程重构
  • 高保真视觉与组件语言统一
闫嘉星 — UI/UX 设计师