头像 Avatar
评论区需要让用户快速知道发言者是谁，同时允许头像缺失时继续阅读正文。
前端与交互约 10 分钟 · 从真实需求理解
1头像如何提供身份线索？
评论者
评论者
身份线索等待读取
头像 负责用图片、首字母或占位状态识别对象是谁，并在缺图和窄屏时保持身份线索可读。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
2头像和相近结构，什么时候不能互换？
头像的判断依据不是外观，而是用户正在阅读、比较、筛选或继续操作的关系。[[列表|list]只在语义边界符合时替代它。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
3头像由哪些真实部分组成？
评论者
在线林墨
产品设计 · 在线
组成部分来自真实 DOM：头像本体、身份文字、在线状态。标注只帮助定位结构，不复制一套新的内容。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
4头像如何应对不同身份信息？
有图像图片头像
无图片首字母头像
附加事实带状态头像
让学习者区分尺寸、占位和在线状态的变化。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
5头像放进真实场景后怎样回应？
加载评论者身份
头像加载评论者身份
头像和在线状态出现在同一个评论者旁，正文位置不被替换。评论列表先显示正文，头像资源随后返回。
身份线索可以增强对象识别，但不能成为阅读正文的唯一入口。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
6头像什么时候用、什么时候不用？
林墨产品设计 · 在线
订单对象同步状态已完成
同步状态- 姓名
- 林墨
- 团队
- 设计组
头像与姓名、角色并列，帮助用户确认发言者。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
7怎样把头像需求交给 Agent？
请用头像实现评论区需要让用户快速知道发言者是谁，同时允许头像缺失时继续阅读正文。，先说明内容关系、可观察结果和窄屏策略；不要用相邻结构替代它，也不要添加没有语义责任的装饰。
8不用背，看看你能不能判断
1 / 3
头像的主要职责是什么？
请选择一个最符合题意的答案
社区延伸
看别人真实遇到过什么
社区帖子还没有关联到这个词条。