C3.22.1Content versus viewport scrolling models设计研究
移动内容与移动视口是两种相反的心智模型
别名: 内容滚动 · 视口滚动 · natural scrolling
概念解释
滚动有两种相反的心智模型。移动内容(content-centric):手指把纸往下拉,纸上的字跟着下来,上面露出更早的内容。移动视口(viewport-centric):窗口在固定文档上往下爬,滚动条拇指往下走,看到更后面的内容。两种模型对同一手部方向给出相反的内容运动。争的不是“哪边自然”,而是使用者把屏幕当成可移动的纸,还是当成照相机。
机制
直接触摸把屏幕表面当成被抓的对象,本体感觉与视觉同向:手往哪,对象往哪,这是内容模型。滚动条、早期鼠标滚轮把控件与文档分开:控件下移表示视口下移,文档相对屏幕上移。方向反转来自参照系选择,不是增益符号写错。用户若在脑内切换参照系,会在第一次滚动时出现一次“顿住—反向再试”。地图、画布还可能混入“我在拖地表”与“我在开飞机”的第三套语言。
怎么研究
给同一文档两种映射,测首次滚动的方向错误、纠正次数、以及口头报告的参照物(“我在拉纸”还是“我在挪窗口”)。自变量:先前设备经验(触屏主导 vs 滚轮主导)、是否显示滚动条。因变量不要只看速度——方向错一次再纠正,总时间可能仍可接受,但模型已经冲突。出声思考比问卷更能抓住参照系。
边界
游戏里“推摇杆向前等于走进屏幕”是第三人称/第一人称的另一套映射,不能直接搬来解释列表。阅读方向(从右到左的文稿)改变的是横向哪边算“下一页”,不是内容/视口这一对。惯性滚动不改变模型,只改变停止位置。这条区分模型,不规定触屏或滚轮该用哪一种——那是下一叶的平台惯例。
怎么落地
- 在设计讨论里先写明该表面采用哪一种参照系,禁止在同一滚动容器里中途对调。
- 需要滚动条时,让拇指运动与所选模型一致:内容模型下,拇指应与内容同向。
- 观察用户第一次滚错后是否立即反向;若同一容器上两种口头报告都出现,说明参照系没讲清。