周围

在登录的时候，如果显示密码错误，你会怎么办？我的做法是：

①同样的密码再输入一次；

②换个密码试试。为了方便记忆，我有三个不同安全等级的密码，只有这三个；

③确认一下是不是英文大小写不对；

④最后的选择，点击“忘记密码”。

然而，登录这个系统的时候，首要的选择“应该”是看看左侧的文字：“初始密码为rsc+身份证的后六位。”

从设计者的角度看，用户应该能看到左侧的文字，但实际的情况是，人是按照自己的解释来修正行动的。页面在我们视网膜上的成像，是一张中间很小的区域清晰，越到外围越模糊的图片。当视觉聚焦于输入框的时候，左侧的文字在视网膜上是非常模糊的。当用户处于离屏幕正常距离时，电脑屏幕上能够百分之百看清楚的区域仅仅有一两厘米，也就是一个指甲盖大小。视网膜的这个区域被称作中央凹，有700多万个锥体视感细胞。中央凹成像的分辨率非常的高，但是其视觉的通道非常狭窄，只有1~2度的观察角，面积只占到整个成像面积的1%。这一视觉特征最早被达芬奇通过内省式的观察发现，他说：“眼睛有一条中心线，通过这条中心线到达眼睛的所有东西都可以被清楚地看到。”

处在中央凹外围的棒体视感细胞，分辨率就极差了，它的特长是检测亮度变化和运动。即使是拥有正常视觉的年轻人，其外围视觉也是非常差的。这样的视觉结构是人类进化遗产的一部分——模糊不清的成像可以降低大脑处理信息的负荷（你可以想象一下我们把整个视域的信息都看得一清二楚的时候，大脑的信息加工超载，人会产生一种怎样的眩晕感觉。）在专注于眼前事物的同时，可以随时监测环境中的风吹草动。当发现异常的时候，我们再把中央凹视觉转向新信号，识别并躲避威胁。这意味着，一个静态的、灰色的信息无异于一种自然的伪装，目的就是不要引起人的注意。

回到我们的页面设计。如果要让密码提示被用户注意到，可以这样设置：

①无论是输入前提醒，还是输入出错后提示，要把文字放在离输入区域最近的的地方，最好直接放在输入框内。

②旁边的提醒文字要大，大到在模糊成像里也能分辨清楚。Elsevier绘制了一张可以同时看清楚的图片，处在中心位置的文字非常小，越到外围，文字越大。

③旁边的提示文字要闪烁，以引起视觉注意。

理论标签：中央凹视觉（Foveal Vision）、周边视觉（Peripheral Vision）

---

参考资料：

[1] https://www.sciencedirect.com/topics/computer-science/peripheral-vision

[2] 认知与设计——理解UI设计准则.[美]Jeff Johnson.人民邮电出版社.2011-9.第六章 我们的边界视力很糟糕