UI界面中的 “中央凹” 区域
UI界面中的 “中央凹” 区域
今天分享的是最近看过的一个有趣的说法~
回想一下,你有没有过“找不到眼前的东西”的经历,就是一件东西明明就在桌面上,可你找了好久一直没找到。
这是因为那一刻,你要找的那个东西恰好在你的视觉边缘区域。
中央凹(foveal),是视网膜中视觉(辨色力、分辨力)最敏锐的区域。以人为例,在视神经盘颞侧约3.5mm处,有一黄色小区,称黄斑,其中央的凹陷,就是中央凹。
此处视网膜最薄,只有色素上皮细胞和视锥细胞两层细胞,双极细胞和节细胞均斜向周围排列。此处视锥细胞与双极细胞均一对一联系,故视觉最为敏锐而精确,称中心视觉。

(图片来自百度,嘻嘻~)
所以通常人们在看东西的时候,都会有一个中央凹区域,而这个中央凹区域之外,则成了这一刻的视觉边缘区域。
具体怎么区分这两个区域呢?
你试试将你的视线聚焦在文章的标题上,此时,周围的其他文字,你都看不清了,而如果你移开视线看到了周围文字,那么你此刻的视觉中央凹区域就不再是文章标题了。
我们经常在进行许多后台操作时出现这样的情况:
我编辑了一篇文章,页面的“保存”按钮在下方,而在我点击之后,页面似乎没有给我任何反馈,等你一番寻找,发现在页面顶部有一行提示文字:保存成功!


体验是不是很差。
这就是因为在我们点击完“保存”时,我们的视觉还聚焦在页面底部,此时页面顶部则处于边缘视觉里,所以我们非常容易忽略这条提示。
所以我们想要在界面中引导用户的操作行为,首先肯定是要让用户看见,将我们所要表达的元素尽量设计在用户能够聚焦的区域。
比如我们在电商平台去购买某件商品的时候,这个商品是有优惠券可以领取的,但是通常领取优惠券都是在商品详情页里面,有时候就会忘了领券而直接加入了购物车,如果用户购买完才想起这个商品有优惠券可以领券,这时候就会产生损失心理。而他如果想要使用这张优惠券,只能退款-领券-重新购买。这个时候就增加了用户的操作成本。

如果在用户去结算的时候,在结算按钮旁边,加上一行提示"该商品有优惠券可以领取"的文字(让优惠券信息进入用户的中央凹视觉区域),则可以大大降低用户忘记使用优惠券的概率,给用户带来更加流畅的购物体验。
















































































