负责 UX 策略、IA、页面布局、互动方案、交互原型和设计说明。最终 UI 由协作设计师完成。
03 / JORDAN TMALL · TAB 3
CONTENT · INTERACTION · COMMERCE
用内容和互动引导商品浏览。
重新安排品牌内容、商品和活动，让用户愿意继续浏览，也愿意再次访问。
RoleUX / Interaction Designer
Time2024.11—2025.01
UX ScopeStrategy · IA · Prototype · Spec
BoundaryUX 主导 · UI 仅作视觉参考
项目概览
重新设计 UX 结构，让内容、互动和商品形成清楚的浏览路径。
页面还需要同时展示日常内容和重点新品互动。
UX 结构确定后，再进入视觉设计。
数据来自可公开的后台材料，只能说明改版前后的变化，不能证明变化完全由设计造成。
Overview / 01
品牌、商品和互动放在同一页时，需要先分清各自的作用和顺序。
Tab 3 既要介绍品牌，也要展示商品和活动。
原页面没有明确区分日常内容和重点活动，用户难以判断先看什么，也看不出页面会持续更新。因此，日常内容与每月互动被分开，再由同一种奖励连接。
更新感弱
页面更像静态陈列，看不到今天有什么不同。
商品表达单一
商品素材形式较少，页面内容也缺少变化。
365 / 23 边界不清
日常探索与新品互动混在同一层级。
品牌感不足
内容被平铺，无法形成鲜明的 Jordan 氛围。
BEFORE / ORIGINAL PAGE信息都在，但缺少浏览节奏。
旧版把品牌故事、在售鞋款和内容入口放在同一层级。用户能看到商品，但看不出页面会持续更新，也不清楚 365 和 23 分别提供什么。
Strategy / 02
两类内容，共用一套参与和奖励规则。
日常探索
定期更新品牌和商品内容，让用户每次进入都有新内容可看。
新品互动
每月 23 号集中展示新品，并安排简单互动和商品入口。
碎片机制
用户通过浏览、互动、订阅和会员任务获得碎片，并因此再次访问。
365 / 03
用可持续更新的页面框架，让用户每次进入都能发现不同内容。
DAILY DISCOVERY
建立一套可以持续更新的内容结构。
启动页用时光隧道引导用户进入 AJ COLLECTION。系列首页通过时间轴和多种卡片展示更新；详情页则根据现有素材，组合品牌故事、商品亮点和商品列表。
启动引导时间轴更新卡片组合商品入口
UX / 启动页
UX / 内容结构
23 / 04
每月 23 号集中发布新品并开放互动。
用明确入口制造当月新品期待。
先介绍新品特点，再进入互动。
通过设计细节与颜色选择理解卖点。
显示互动结果，并提供商品入口。
Reward Loop / 05
用同一种碎片奖励连接浏览、互动和会员任务。
COME持续来每日探索
→
ENGAGE持续互动浏览 · 参与 · 订阅
→
COMBINE碎片合成23 号开放
→
REWARD抽奖反馈结果与商品行动
碎片规则保持一致。
碎片同时出现在 365 和 23 中。用户通过统一的规则获取、累积、合成碎片并参加抽奖。
首页提示累计进度与兑换入口
用活动卡片引导用户再次访问
明确获取、查看与合成规则
在互动页面中显示获取结果
用户从首页的进度提示和活动入口进入碎片页，完成获取、查看、合成和提醒。UX 先定义规则，UI 再呈现具体页面。
Outcome / 06
上线后一个月，三项关联指标均高于改版前。
改版前25.3 秒 / 人
上线后83.6 秒 / 人
改版前42.4%
上线后56.2%
改版前19.7%
上线后27.6%
BACKEND DIRECT AVERAGE · PUBLIC VERSION数据来自材料中标注的“改版前”和“改版上线后 1 个月”后台平均值。现有材料没有精确日期、样本量和同期变量，因此这里只比较数值，不认为变化完全由设计造成。
Reflection / 07
内容型品牌页需要安排好内容、商品和互动的更新节奏。
最终方案把 365、23 和碎片奖励放进同一套页面结构，让 Tab 3 可以长期更新品牌内容和活动。
DESIGN JUDGEMENT
更新频率和用户任务不同，页面结构也需要分别设计。