关注&拉黑 优化

变更日志

背景与目标

当前关注/粉丝列表缺少互相关注的视觉区分，用户无法快速识别哪些人是互关好友；粉丝列表也没有移除能力，用户对自己的粉丝列表缺乏管理权。此外，拉黑用户后关注关系未自动清理，存在逻辑漏洞。

本次优化目标：

• 让用户能一眼识别互相关注关系
• 让用户能主动管理粉丝列表（移除不想要的粉丝）
• 拉黑行为触发关注关系的自动清理，保持数据一致性

全局交互规则

取消关注二次确认

所有场景下执行取消关注操作（关注列表、粉丝列表、个人主页等），均需弹出二次确认弹窗，用户确认后才执行取消。

弹窗原型

关注列表优化

功能描述

在「我的关注」列表中，对已互相关注的用户，将关注按钮状态由「已关注」改为「互相关注」，以便用户快速识别双向关注关系。

按钮状态规则

交互说明

• 点击「已关注」或「互相关注」按钮，触发全局取消关注二次确认弹窗（见「全局交互规则」），确认后按钮恢复为「关注」
• 取消关注后，对方的粉丝列表中该用户条目的按钮状态同步更新（由「互相关注」变回「已关注」）

实时刷新规则

关注列表中的按钮状态需实时刷新：当我在列表页时，若对方关注了我（使关系变为互关）或取消了对我的关注（使互关变为单向），按钮状态应即时更新，无需用户手动刷新页面。

粉丝列表优化

功能描述

在「我的粉丝」列表中新增两项能力：

1. 显示互相关注状态：对已互关的粉丝，关注按钮显示「互相关注」
2. 移除粉丝：每个粉丝条目右侧新增「···」更多按钮，支持将该用户从我的粉丝列表中移除。「···」按钮仅在查看自己的粉丝列表时出现，查看他人主页的粉丝列表时不展示

按钮状态规则

实时刷新规则

粉丝列表中的按钮状态不做实时刷新。若我在粉丝列表页时对某粉丝执行了关注/取消关注操作，按钮状态即时更新；但若对方在此期间取消了对我的关注，粉丝列表不实时感知，下次进入时刷新即可。

移除粉丝交互流程

移除粉丝交互原型

移除粉丝的关系影响

• 移除后，对方对我的关注关系解除，对方的关注列表中我的条目消失
• 若移除前双方互关，移除后：我的关注列表中该用户按钮由「互相关注」变为「已关注」
• 被移除的用户不收到任何通知
• 被移除的用户仍可重新关注我

弹窗 UI 结构

整体结构

关注列表与粉丝列表合并为同一个弹窗，顶部通过 Tab 切换，不再是两个独立弹窗。

Tab 切换规则

• 默认打开时展示「关注」Tab（从个人主页关注数入口进入默认关注，从粉丝数入口进入默认粉丝）
• 切换 Tab 时，列表滚动位置重置到顶部
• 两个 Tab 的数据独立加载，切换时若未加载则触发加载

线框示意

拉黑对关注关系的影响

规则说明

用户 A 拉黑用户 B 时，系统自动处理以下关注关系：

补充说明

• 拉黑操作不通知被拉黑方
• 拉黑后，被拉黑方无法再关注拉黑方（此为拉黑功能已有逻辑，本次不新增）
• 解除拉黑后，关注关系不自动恢复，需双方重新关注

个人主页关注按钮状态

访问他人个人主页时，关注按钮根据双方关系状态展示不同文案：

交互说明

• 点击「已关注」或「互相关注」按钮，触发全局取消关注二次确认弹窗（见「全局交互规则」），确认后按钮变为「关注」
• 点击「关注」，直接执行关注，按钮即时更新为「已关注」或「互相关注」

边界情况

「更多」菜单扩展性