展厅里，人们在哪个展台停留？办事大厅里，队伍为什么绕过一块空地？客户拿着手机查资料时，是站在入口、坐在等待区，还是边走边看？这些问题都有一个共同点：人的活动发生在具体地点，位置、路线和环境会影响使用体验。
行为地图将观察到的活动放回空间中。它不是凭记忆画一张“理想流程图”，而是借助平面图、符号和时间记录，说明人们实际在哪里、做了什么、怎样移动。
《通用设计方法》的行为地图章节区分了以地点为中心和以个人为中心的观察。对企业官网与UI/UX项目，这种方法尤其适合有线下接触点的场景：先了解真实使用环境，再判断数字界面应提供什么支持。
1. 行为地图首先是一种物理空间观察方法
一张基本地图可以包括空间边界、入口、设备、座位、通道，以及活动发生的位置。观察者再用约定符号标记停留、行走、交谈、阅读或操作，让不同时间的记录能放在一起比较。
以地点为中心，重点是某个区域如何被使用。例如，观察展厅入口在不同时段有哪些活动，哪些地方容易拥挤，哪些设施被绕过。以个人为中心，重点是参与者的路径与活动顺序，例如记录他从入口到咨询台经历了哪些步骤。后者需要得到参与者同意，也更适合结合事后交流。
两种视角可以配合，但不要混成一张无法解释的图。区域里停留的人多，和某位参与者停留很久，是两类信息；它们的时间范围、计数方式与结论都不一样。
网页点击热力图也带有位置，但它并不等同于书中讨论的行为地图。把屏幕路径标在页面上，可以说是借用了空间记录的思路；它不能告诉你访客身处什么环境，也不能替代对真实场所的观察。
2. 先提出一个与空间有关的问题
下面是一组假设情境，不是58UI客户案例：一家设备企业在展厅放置产品二维码，扫码后进入官网产品页。团队发现，现场经常有人向工作人员询问型号之间的区别，却不清楚是资料不够，还是扫码时的使用环境造成困难。
这时适合问：“访客在查看设备和查询参数时，在哪些位置停留，如何使用手机，何时向工作人员求助？”这比“观察客户体验”更具体，也能决定该画什么、记录什么。
若问题是品牌印象或采购预算，单靠地图通常不够。若问题完全发生在线上，又与线下情境无关，可优先选择可用性测试或其他数字研究方法，没必要为方法名称硬造一座展厅。
| 观察视角 | 记录内容 | 可形成的设计线索 | 仍需确认的问题 |
|---|---|---|---|
| 某个地点 | 扫码位置、停留、排队、交谈 | 标识位置或信息入口可能不合适 | 人为什么绕过这里 |
| 一位参与者 | 到达、查看、扫码、返回的顺序 | 手机查询可能与实物比较脱节 | 他在寻找哪项信息 |
| 不同时间 | 活动分布与通道使用变化 | 高峰时的使用条件需要另行考虑 | 是否由临时活动造成 |
3. 五步建立一张能讨论的地图
第一步：确定区域、时段和记录单位
先画出实际观察范围，不必绘制整栋建筑。选定问题相关的入口、展台、咨询区和通道，并记录会影响体验的设施与条件，例如屏幕朝向、照明和可坐的位置。
约定以什么为一条记录：一次区域扫描、一次完整活动，或一位同意参与者的一段路径。不同单位不要直接相加。观察时段也要写清楚，否则很容易把某次接待活动当成日常模式。
成功标志： 换一个观察者，也能指出同样的观察范围，并理解一条记录代表什么。
第二步：让符号只描述看得见的行为
可以用圆点表示停留，箭头表示移动，三角表示操作手机，短线表示交谈；具体形状由团队选择，但图例要统一。观察者先一起看同一段活动，比较记录差异，再调整定义。
“低头看手机”是可观察的行为，“对产品没兴趣”是推测；“在咨询台交谈”可以记录，“被成功说服”不能仅凭站在一起判断。与问题无关的外貌和身份信息不必收集，更不要依据衣着猜测客户预算。
成功标志： 两个人使用同一图例时，对主要活动的分类基本一致，并能区分观察与解释。
第三步：按约定记录，保留空白与异常
观察时写下时间、位置、活动及必要的环境变化。如果采用固定间隔扫描，要注明间隔；如果记录连续路径，要说明开始和结束条件。无法看清的活动标为未知，不要补出一个看似完整的故事。
研究应避免打扰正常服务。跟随特定参与者或进行录像前，应清楚说明目的并征得同意；尽量用匿名编号与简单符号，减少可识别信息。即使采用现场笔记，也需要考虑记录内容是否必要及保存范围。
成功标志： 每个标记能追溯到观察时间和规则，特殊活动、视线遮挡或中断都有说明。
第四步：比较模式，不急着解释原因
可以分别叠加不同时段的地点记录，或并列查看几位参与者的路径。先找反复出现的现象：某处经常停留、某段路线经常回返、某个查询动作经常转成求助。
计数也要说清楚。一次停留可能在多次扫描中被重复记到，不能把每个圆点都称为一个不同访客；一个人走了多条路线，也不等于多个人。不同区域的观察时长不一致时，原始标记数量更不宜直接比较。
成功标志： 团队能够描述某个模式怎样得出，以及它受哪些计数方式和观察条件限制。
第五步：通过询问和设计验证补上解释
假设观察到访客扫码后又走回实物前，不能直接断言产品页难用。他可能是在比对型号，也可能只是等同事。对同意参与者进行简短交流，可以问“刚才返回这里，是想确认什么？”再把答案与路径对照。
随后形成一个小改动：例如，若多位参与者明确表示难以把手机参数与现场型号对应，可以尝试更清楚的型号标识与产品页入口，并在相近场景重新检查。地图提供线索，改动是否有用仍要验证。
成功标志： 结论写成“观察事实、解释依据、待验证改动”三部分，没有把猜测当成证据。
4. 如何把线下观察转成官网与UI/UX决策？
线下记录的价值，不是把展厅平面图搬到网页上，而是让界面设计理解使用条件。站着比较设备的人，可能需要快速识别型号；等待区里的客户，可能有时间阅读完整资料。两种情境不应默认使用同样的信息深度。
仍以假设展厅为例，可以将得到验证的需求转成产品页检查项：扫码入口是否直达正确型号，关键参数是否容易定位，同类产品是否便于比较，返回实物信息时是否需要重新寻找。具体内容要由产品与业务团队确认，不能由路线图替代专业判断。
若是在手机上查阅，响应式适配也应检查实际内容，而不仅是页面有没有缩小：长参数是否被截断，比较表是否能操作，下载资料后是否还能回到刚才的页面。你可以结合58UI官网与界面设计案例观察信息组织方式，再用自己的使用情境验证。
5. 一张画满路线的图，未必是一份好研究
行为地图容易出现三种误读：路线长就是混乱，停留久就是喜欢，没有活动就是空间没价值。实际情况可能分别是比较选择、等待服务、需要保留的通行区域。地图越直观，越需要保留解释的不确定性。
观察本身也可能改变人的行为，特别是以个人为中心的跟随记录。让参与者有一段适应时间，保持观察方式一致，并在结论中说明可能的影响，比假装观察完全没有干扰更可靠。
适合进入改版讨论的成果，不必是一张复杂图纸。清晰的图例、一段反复出现的活动、几条解释依据，再加一个可验证的设计方向，就足以让团队理解：为什么需要改这一处，以及改后应该看什么。
关于58UI设计工作室
58UI设计工作室提供企业官网设计与开发、UI/UX设计、品牌设计、响应式适配，以及已有网站与数字产品的体验诊断和改版支持。我们关注品牌内容、信息层级与使用情境如何配合，具体合作范围可查看58UI设计服务。
如果你的官网与展厅、销售沟通或线下服务相连，可以整理常见使用场景、客户求助的问题和现有页面，与我们沟通官网设计与改版需求。这些具体线索，有助于确定界面应优先解决什么。
相关服务
