怎样盘点现有网站的界面？

先记录网页里实际存在的样式、部件和状态，再判断哪些需要统一。

界面盘点，是把网站里实际存在的页面、部件和交互状态整理出来。它让团队看见问题发生在哪里，避免凭印象决定要重做什么。

先记住这几件事

• 界面 是用户看到并操作的部分； 状态 是它在不同情况下的表现，例如输入错误或正在加载。
• 按用户任务收集代表性页面，同时检查宽屏、窄屏和键盘操作。
• 同时记录样式差异、操作差异和使用场景，不能只收集截图。
• 先合并意思和行为相同的项目，再保留有实际需要的差别。

Figma 官网团队的盘点案例 展示了从标题、按钮和重复建页问题寻找系统起点的方法。

盘点流程

盘点清单的示意

下面的页面和判断都是假设例子。

用一个例子走一遍

团队沿着“邀请一位成员”的过程，打开名单页、邀请表单和完成提示。设计师记录按钮和字段样式，开发者核对实际行为。随后把重复的保存操作归为一类，把删除操作单独记录。修改后再走一次邀请流程，检查原来的问题是否解决。

边界与常见误解

截图只能显示某一刻的外观，不能证明加载、错误和键盘操作正常。差异也不都等于错误：主要操作和危险操作可能需要不同表达。盘点先说明事实和原因，再决定取舍。