U6.01.2Zooming and filtering are two ways to narrow scope设计

缩放与筛选是收窄范围的两种手段

别名: 缩放 · 筛选 · 收窄

概念解释

从概览走向深入有两条正交的路径:缩放改变空间范围——看同一数据更小的一块区域,数据本身不变;筛选改变数据范围——按条件剔除不符合的数据,视野不变。地图放大是缩放,"只看华东区"是筛选。两者常被混用,但它们收窄的对象不同、用户心智模型不同、界面反馈也应不同。

机制

区分两者的意义在于它们服务不同的分析动作:缩放服务空间性深入——"这块区域里有什么",回答的是"哪里";筛选服务条件性深入——"满足条件的有哪些",回答的是"哪些"。混用的代价是状态不可预测:用户放大后应用筛选,再缩小时筛选仍在生效,"我看到的为什么少了"这类困惑正来自两种手段的叠加未被区分呈现。设计上让两者有独立的操作入口与独立的状态显示,用户才能预测每次操作会改变什么、保留什么。

边界

两者并非总能干净分离:语义缩放同时改变范围与呈现层级(见下一组),交叉筛选(brushing)在框选时就同时完成"选择区域"与"过滤其他视图"。界面上真正要保证的不是概念纯净,而是可预测性:每次收窄操作后,界面应明确显示"当前范围"(空间上到哪里、数据上剩多少),叠加操作的结果可以被用户解释。缩放与筛选的可逆性(返回、清除)也要分别提供。

怎么落地

  • 缩放控件与筛选控件分区放置,样式区分;两者产生的状态分别显示(当前视野范围、当前筛选条件)。
  • 提供"重置缩放"与"清除筛选"两个独立动作,不合并成一个"重置"。
  • 验证:让用户完成"放大到某区域并只看某类数据"的组合任务,观察他们能否说出当前的空间范围与数据范围;说不清即两种状态未分开呈现。

延伸

  • 同组U6.01.1 先给整体结构再允许深入 · U6.01.3 细节应按需调出而非默认全展
  • 相邻U6.02.1 一个视图的选择应同步到相关视图 · U6.03.1 已应用的筛选需全部可见
  • 站内检索zoom vs filter · scope narrowing · interactive visualization

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U6.01.2