主题
前台 · 会员中心
覆盖页面：个人中心 / 收货地址 / 修改密码 / 我的收藏 / 浏览历史 / 我的优惠券 路由前缀：
/portal/member、/portal/coupon设计目标：让用户感知资产与权益，提升归属感与复购
一、个人中心（/portal/member）
1.1 页面定位
- 角色：会员资产与权益的总览台，"我的"流量的分发中心
- 用户决策：我有什么权益？还有什么待办？接下来做什么？
- 核心指标：会员活跃度、各功能入口点击率、复购率
1.2 页面结构
┌─────────────────────────────────────┐
│ ① 用户信息头部（品牌色渐变背景） │
│ [头像] 用户名 会员等级Tag │
│ 成长值进度条：距下一级还需xxx │
├─────────────────────────────────────┤
│ ② 资产栏（三列） │
│ 积分 xxx | 优惠券 N张 | 余额 ¥xx │
├─────────────────────────────────────┤
│ ③ 我的订单（订单状态快捷入口） │
│ 待付款 待发货 待收货 已完成 全部订单> │
│ (带数量角标) │
├─────────────────────────────────────┤
│ ④ 功能列表 │
│ 收货地址 > │
│ 我的收藏 > │
│ 浏览历史 > │
│ 我的优惠券 > │
│ 修改密码 > │
│ 帮助中心 > │
│ 退出登录 │
└─────────────────────────────────────┘1.3 功能模块
① 用户信息头部
- 头像（圆形，可点击进入编辑）+ 用户名 + 昵称
- 会员等级 Tag：展示当前等级名称（如"黄金会员"），带等级徽章色
- 成长值进度条：当前成长值 / 距下一等级所需，可视化进度
- 点击等级区域 → 会员等级说明页（各等级权益一览）
② 资产栏
| 资产 | 点击跳转 |
|---|---|
| 积分 | 积分明细弹层（积分变动记录：来源/数量/时间） |
| 优惠券 | 我的优惠券页 |
| 余额 | 余额明细（本期只读展示） |
③ 我的订单快捷入口
- 5 个图标入口：待付款/待发货/待收货/已完成/全部订单
- 待办状态显示数量角标（如待付款 2）
- 点击跳转订单列表对应状态 Tab
④ 功能列表
- 列表式入口，右侧箭头，分组排列
- 退出登录：底部独立按钮，二次确认
1.4 业务规则
| 规则 | 说明 |
|---|---|
| 登录态 | 必须登录访问 |
| 等级权益 | 等级对应折扣/免邮/积分倍率等特权，头部展示当前等级核心权益 |
| 积分明细 | 展示积分获取（购物/签到）与消耗（抵扣）记录 |
1.5 验收标准
- AC-M01：正确展示用户头像、昵称、会员等级
- AC-M02：成长值进度条正确反映距下一等级的进度
- AC-M03：订单快捷入口角标数量与实际待办一致
- AC-M04：积分明细正确展示变动记录
- AC-M05：退出登录后清除登录态并跳转入口页
二、收货地址（/portal/member/address）
2.1 页面定位
- 角色：配送信息管理，下单流程的关键支撑
- 核心指标：地址完善率、下单时地址选择耗时
2.2 页面结构
┌─────────────────────────────────────┐
│ 地址卡片 1 [默认] │
│ 收货人 手机号 │
│ 省市区 详细地址 │
│ [设为默认] [编辑] [删除] │
├─────────────────────────────────────┤
│ 地址卡片 2 ... │
├─────────────────────────────────────┤
│ [+ 新建收货地址]（底部固定按钮） │
└─────────────────────────────────────┘2.3 功能模块
地址列表
- 默认地址置顶并打"默认"标签
- 每个地址卡片：收货人/手机/地址全文 + 操作
新建/编辑地址（表单页或弹层）
| 字段 | 规则 |
|---|---|
| 收货人 | 必填，2-20 字符 |
| 手机号码 | 必填，11 位手机号校验 |
| 所在地区 | 必填，省市区三级联动选择 |
| 详细地址 | 必填，5-60 字符 |
| 设为默认 | 开关 |
交互规则
- 新建地址默认勾选"设为默认"（首个地址强制默认）
- 设置新默认地址时，原默认地址自动取消
- 删除地址二次确认；默认地址可删除，删除后最近使用的地址自动设为默认
- 下单流程中进入地址页：选择地址后返回结算页（选择模式）；从个人中心进入：管理模式
2.4 验收标准
- AC-AD01：地址增删改查功能完整，表单校验正确
- AC-AD02：默认地址唯一，切换逻辑正确
- AC-AD03：下单流程中选择地址后正确回传结算页
- AC-AD04：地址数量上限（建议 20 个），超出提示
三、修改密码（/portal/member/password）
3.1 页面定位
- 角色：账号安全管理
- 核心指标：密码修改成功率
3.2 表单设计
| 字段 | 规则 |
|---|---|
| 原密码 | 必填，校验正确性 |
| 新密码 | 必填，6-20 位，字母+数字组合 |
| 确认新密码 | 必填，与新密码一致 |
- 提交成功后退出登录，引导用新密码重新登录
- 新密码不得与原密码相同
3.3 验收标准
- AC-PW01：原密码错误时明确提示
- AC-PW02：新密码强度校验（长度+复杂度）
- AC-PW03：修改成功后强制重新登录
四、我的收藏（/portal/member/collection）
4.1 页面定位
- 角色：种草蓄水池，促进"收藏→购买"转化
- 核心指标：收藏商品的购买转化率
4.2 页面结构
- 商品列表（复用商品卡片，纵向列表式）
- 每个商品项：图+名+价格+收藏时间 + [加入购物车] 快捷按钮
- 失效商品（已下架）灰色标记沉底
- 支持编辑模式批量取消收藏
4.3 验收标准
- AC-COL01：收藏列表正确展示，按收藏时间倒序
- AC-COL02：可直接加入购物车
- AC-COL03：下架商品标记失效
- AC-COL04：可单个/批量取消收藏
五、浏览历史（/portal/member/history）
5.1 页面定位
- 角色：唤醒犹豫用户，"找回看过的商品"
- 核心指标：历史商品的回访购买率
5.2 页面结构
- 按日期分组：今天 / 昨天 / 更早（日期标题分隔）
- 商品列表项：图+名+价格，点击进详情
- 支持清空全部历史（二次确认）
- 仅登录用户记录，保留最近 90 天
5.3 验收标准
- AC-HIS01：浏览记录按日期分组展示
- AC-HIS02：浏览商品后历史中正确出现
- AC-HIS03：可清空全部历史
六、我的优惠券（/portal/coupon）
6.1 页面定位
- 角色：优惠资产管理 + 领券中心，刺激核销与复购
- 核心指标：优惠券核销率、领券率
6.2 页面结构
┌─────────────────────────────────────┐
│ Tab：未使用 | 已使用 | 已过期 │
├─────────────────────────────────────┤
│ 优惠券卡片（票券样式） │
│ ┌────────┬────────────────────────┐ │
│ │ ¥20 │ 满100元可用 │ │
│ │ 满100 │ 有效期至 2026-08-01 │ │
│ │ │ [去使用] │ │
│ └────────┴────────────────────────┘ │
├─────────────────────────────────────┤
│ [去领券中心 >] │
└─────────────────────────────────────┘6.3 功能模块
我的优惠券列表
- Tab 三态：未使用（可用）/ 已使用 / 已过期
- 券卡片票券化设计：左侧面额区（品牌色）+ 右侧信息区
- 未使用券显示 [去使用] → 跳转商品列表/首页
- 已使用/已过期券置灰
领券中心（领券入口）
- 展示可领取的公开优惠券
- 领取按钮：[立即领取] → 领取后变 [已领取]
- 已领完显示 [已抢光] 置灰
- 领取限制：每人每券限领 N 张，超出提示
6.4 业务规则
| 规则 | 说明 |
|---|---|
| 券状态 | 未使用/已使用/已过期，过期自动流转 |
| 领取上限 | 达到领取上限提示"已达领取上限" |
| 使用范围 | 全场券/品类券，展示适用范围说明 |
6.5 验收标准
- AC-CP01：优惠券按三态正确分组展示
- AC-CP02：领券中心可领取，领取后我的优惠券中出现
- AC-CP03：已达领取上限/已抢光的券正确提示
- AC-CP04：下单时可用券与我的优惠券数据一致
七、体验优化（用户视角）
会员中心的体验核心是"资产可见、权益可感、操作可达"。按优先级排列。
个人中心
| 优先级 | 优化点 | 说明 |
|---|---|---|
| P0 | 会员权益说明页 | 点击等级 Tag 进入各等级权益一览（折扣/免邮/积分倍率），让用户明白"升级有什么用"，驱动成长 |
| P1 | 签到积分 | 每日签到领积分（连续签到递增），提升日活的经典手段 |
| P1 | 待办聚合提醒 | 个人中心顶部弱提示"有 N 件事待处理"（待付款/待收货/券快过期），一键直达 |
| P2 | 账号安全等级 | 展示账号安全分（已设密码/已绑手机），引导完善 |
收货地址
| 优先级 | 优化点 | 说明 |
|---|---|---|
| P0 | 智能地址识别 | 粘贴一段文本（如微信复制的地址）自动解析为姓名/电话/省市区/详细，大幅降低填写成本 |
| P1 | 地址标签 | 支持"家/公司/学校"标签，选择时更易辨认 |
| P2 | 地图选点 | 详细地址支持地图定位辅助填写（本期可预留） |
收藏/浏览历史
| 优先级 | 优化点 | 说明 |
|---|---|---|
| P1 | 收藏降价提醒 | 收藏商品降价时个人中心红点/标签提示"已降价"，刺激转化 |
| P2 | 历史搜索 | 浏览历史内按商品名搜索 |
| P2 | 收藏分组 | 收藏夹支持分组/清单（如"装修清单"） |
优惠券
| 优先级 | 优化点 | 说明 |
|---|---|---|
| P0 | 临期提醒 | 未使用券距过期≤3天显示"即将过期"红色标签，提升核销率 |
| P1 | 券找商品 | 券卡片[去使用]跳转到该券可用范围的精选商品列表，而非泛泛首页 |
| P2 | 领券中心个性化 | 领券中心按用户偏好排序可领券 |
设计要点：
- 智能地址识别与临期券提醒是会员体系中 ROI 最高的两个优化
- 会员等级权益必须"可感知"，仅展示等级名称无意义，要点明权益差异
- 积分/余额/券等资产数字必须可点击看明细，建立信任