组件分析怎么用？从客户手边的物件与资料找到官网设计线索

一本产品手册，为什么某几页折了角？一张参数表，为什么被打印后重新画了线？客户已经能在官网查看产品，为什么还要另做一份对照表？

这些物件和资料保留着工作留下的痕迹。它们可能说明客户怎样找信息、保存判断、与同事协作，也可能只是一次偶然使用。认真看一看，再请使用者解释，往往能找到网站截图之外的设计线索。

这里的组件分析（Artifact Analysis），指对物件及其材料、外观、互动特征和使用情境进行系统检查。它更接近“物件分析”。本文讨论客户使用的手册、样品、表格和数字资料；UI组件库中的按钮、卡片和样式规范属于另一类工作。

物件能告诉我们什么，也会隐去什么

组件分析先关注物件本身，再理解它所在的生活或工作情境。材料与磨损能留下使用痕迹；形态、颜色与制作方式可能带有审美和时代特征；拿取、打开、修改、共享的方式，能提示人与物怎样互动。

同样重要的是位置和归属。物件放在公共会议室，还是个人抽屉里？谁拥有它，谁能修改它？是正式文件、临时工具，还是团队共同维护的资料？相同的表格，在不同关系中可能承担完全不同的作用。

但痕迹不会自己说话。手册折角可能是标记常用页面，也可能只是运输中受损。表格存在多个版本，可能反映协作不便，也可能是不同项目本来就需要不同内容。研究者要记录可见特征，再追问来源和用法。

对官网设计，这种方法的价值在于发现“页面之外仍要完成的工作”。它可能提示内容该如何组织、哪些资料值得保留、客户怎样把网页信息带进内部决策，但不能独立证明设计原因或改版效果。

先选一段流程，再收集其中的物件

把目标限定为一个任务，例如“客户如何把候选产品送交内部评估”。然后请参与者展示最近一次任务用到的材料：官网页面、下载文件、纸质记录、样品、报价资料或自己整理的表格。

尽量同时看物件和它实际出现的位置。如果只让企业准备一份崭新的宣传册，容易看到希望展示的形象，却看不到客户如何改写、折叠、补充或弃用它。数字资料也要了解使用过程：谁下载，保存到哪里，如何命名，怎样转发。

建立简短清单：物件代号、来源、时间、使用者、用途和记录方式。拍照、复制或带走之前获得同意。客户报价、联系人或内部备注涉及工作信息，可以遮挡、用空白示例替代，或只记必要的特征。

成功标志： 每件材料能对应到一个真实任务和使用者，团队知道它来自哪里，以及哪些内容允许研究和保存。

检查时，用四个视角把问题问具体

不需要每件物品都做一份复杂鉴定。根据设计问题选择相关特征，建立同一套记录口径，才能比较材料之间的差别。

下面这张表，可以用于检查客户手边的产品资料：

“外观与意义”也包括社会和文化脉络。例如，同一种标记在一个团队里表示审批完成，在另一个团队里可能只表示待讨论。若不清楚，就请使用者解释；不要仅凭颜色、摆放方式或个人喜好判断其意义。

数字资料不必硬套物理磨损。对网页保存文件或电子表格，可以检查修改痕迹、版本、命名与传播方式，并记录哪些属性无法看到。物理物件和数字物件都需要回到具体使用情境。

成功标志： 记录包含可检查的特征与使用者说明，疑问和推测单独标注，不把物件变成猜故事的道具。

一张自制对照表，怎样提示官网问题

以下是一个假设情境，并非58UI客户研究过程。某设备采购人员把几家供应商的信息整理成电子表格，打印后带去评审会议。每行是一个候选型号，每列放接口、尺寸、维护条件和待确认事项。

检查这份材料时，研究者看到同一型号旁有不同来源的截图，部分参数被手写补充。此时可以记录：“评审资料需要从多个位置汇集信息。”暂时不能写成“官网参数不完整”，因为补充信息可能来自新的使用要求或内部约定。

请参与者走一遍最近一次制作过程，才发现他先下载手册，再从网页截取适用条件，最后向销售确认接口说明。这为官网提出了一个值得核查的问题：决定产品是否适配的信息，是否分散在客户不易串联的材料中？

可尝试先整理一个产品页面，让关键参数、适用条件、资料版本和进一步确认方式更容易找到。原型不用一次覆盖所有产品，先检验客户能否按自己的评审项目取到信息，再判断是否值得推广。

这里的目标不是消灭客户的表格。那份表可能本来就承担跨供应商比较和内部审批的作用。网站可以提供更完整、便于提取的资料，却未必应该替代客户自己的决策工具。

把物件证据和改版建议分成两步

研究结束后，为关键材料保存允许留存的照片、截图或特征描述，并附上使用者解释。只保存一张物件照片，几周后往往已经不知道它为何重要。

然后写一份短的发现记录：看到了什么特征，它在哪个任务中出现，使用者怎样解释，可能影响什么设计，下一步如何核实。比如“手册参数页有多处标记”，只能支持这些页面曾被标记；“某些参数是评审必需项”，则需要使用者说明与任务材料支持。

将拟议改动拿回任务中测试。可以请目标客户用原型完成“整理一份供工程师核验的候选资料”，观察是否漏项、是否还需反复找来源。记录结果与未解决的问题，而不只询问页面是否更漂亮。

成功标志： 一项设计建议能对应到物件特征、使用情境和核实过程；团队能区分现有证据与待检验方案。

哪些情况适合用，哪些情况还要补研究

官网与线下销售、产品样品、下载手册相互配合时，组件分析尤其有用。企业品牌设计也可以用它检查真实材料怎样被识别、保存和使用，而不仅比较设计稿中的视觉效果。

如果材料只来自企业展示柜，结论应限定在展示材料；如果只看到最新文件，就不能推断客户过去一直这样工作。新旧版本、常用与备用物件、不同角色保存的材料，都可能提供不同线索。

有些物件已经脱离使用者，无法确认来源、时间和意义。这时可以做特征描述，保留不确定性；不要凭一个旧文件就断言某个行业的文化或习惯。物件分析可以生成问题，访谈和现场观察有助于补足原因。

方案形成后，还要验证使用体验。网站流量与测量条件合适时，也能参考企业官网A/B测试实操指南比较具体改动的线上表现。物件上的痕迹不能直接换算成询盘提升或业务成果。

准备改版时，可以先请一位目标客户展示最近一次决策用到的三四件资料，逐件问清它们如何进入流程。不是为了收集更多东西，而是为了看见网页如何参与一项实际工作。

关于58UI设计工作室

58UI设计工作室提供企业官网设计与开发、UI/UX设计、品牌设计和响应式适配，也支持网站与数字产品的体验诊断及改版。我们会结合品牌材料、网站内容和客户使用任务，讨论设计应该解决的具体问题。

你可以查看官网与品牌设计服务。如果官网与产品手册、线下资料之间经常出现信息衔接问题，欢迎沟通官网设计与改版需求，介绍现有材料和客户的使用方式。

相关服务