用途:该技能负责设计用户与 Loom 的交互方式,从用户视角评估每个界面、按钮和信息是否易找、易懂、易完成。
主要能力:以三个问题为默认视角——用户能否找到(信息架构、导航、视觉层级)、能否理解(标签、布局、渐进披露)、能否完成任务(交互流程、错误恢复、反馈)。设计流程为:用一句话明确目标;绘制从进入到完成的流程并标出决策点与错误状态;建立视觉层级,主操作突出、次操作可及但不竞争;校验无障碍,包括颜色对比(至少 WCAG AA)、触控目标(至少 44px)、键盘流程与屏幕阅读器顺序;最后以首次、回访、高级三类用户走查。
使用方式:资料给出一个示例——设计 bead 状态筛选器,包括目标、流程(列表默认显示全部状态,点击筛选控件弹出下拉,选择后列表即时更新,已选筛选以可移除标签显示在列表上方)、布局决策(筛选控件置于左上并与列表表头对齐,标签带 44px 的关闭按钮,空状态提示“No beads match this filter”并提供清除全部操作)以及无障碍要求(下拉使用 aria-haspopup="listbox" 与方向键导航,标签使用 role="status" 与 aria-label,变更时通过 live region 播报数量)。该技能不限于设计,必要时可直接用 HTML、CSS、JavaScript 实现设计,更新界面截图与使用指南,或自行做小幅后端调整(如为 API 响应增加展示字段)。判断标准:简单 CSS/HTML 且比写交接说明更快时自己做;涉及复杂状态管理、数据库变更或性能关键代码时委派;影响多个产品区域或改变既有交互模式时开会。
适用场景:界面与交互设计、信息架构、无障碍审查、设计到代码的落地。
限制:资料未提供具体收费、价格、平台支持与效果数据;组织上向产品经理汇报,无直接下属。模型选择上,设计决策用最强模型,CSS/布局实现用中档模型,快速草图用轻量模型。