U6.06.1Focus plus context keeps detail and global in one view设计
焦点加上下文在同一视图内同时保留细节与全局
别名: 焦点加上下文 · focus plus context
概念解释
焦点加上下文(focus plus context)是一类技术的统称:在同一个视图里同时呈现放大的焦点区域与压缩的周边环境——可折叠的树形目录、边缘弯曲的鱼眼列表、放大镜镜头。它的承诺是"深入不失去方位":焦点区提供细节,上下文区持续告诉你这块细节在整体里的位置。
机制
这个模式解决的是总览加细节(overview + detail)方案的固有税——视线切换:两个视图意味着每次对照都要在画布间往返,工作记忆要跨越视图搬运信息。焦点加上下文把两个尺度折叠进一个视野,对照成本降到零:焦点区与上下文区的相邻呈现让"细节在整体中的位置"成为直接感知而非记忆推理。它的适用前提也由此而来——焦点与上下文之间必须存在空间或结构上的连续性(列表项、地图区域、树节点),连续性是"同一视野内对照"的载体;数据只有抽象关系(高维散点)时,这个模式没有着力点。
边界
同一视图容纳两个尺度是有代价的:焦点区被压缩在部分画布里,能提供的细节上限低于全屏视图;上下文区被压缩或变形后,自身的可读性下降。这个模式适合"频繁对照、中等细节深度"的任务,不适合"长时间精读"(直接切全屏)或"全局模式发现"(直接看概览)。它也不是一种技术而是一族技术——鱼眼、折叠、放大镜、魔术镜头各有取舍,选型要看任务(见后续各叶)。
怎么落地
- 判断任务画像:需要频繁在细节与整体间对照的(导航树、长列表、大图巡检)优先考虑焦点加上下文。
- 确认数据有空间或结构连续性,再选具体技术;抽象关系数据改用联动视图方案。
- 验证:让用户在焦点区完成一次操作并回答"这个元素在整体中的位置";无需切换视图即可答对,即模式成立。