UI界面中的 “中央凹” 区域

Recommand
广州/UI设计师/5年前/392浏览
UI界面中的 “中央凹” 区域Recommand

UI界面中的 “中央凹” 区域


今天分享的是最近看过的一个有趣的说法~


回想一下,你有没有过“找不到眼前的东西”的经历,就是一件东西明明就在桌面上,可你找了好久一直没找到。


这是因为那一刻,你要找的那个东西恰好在你的视觉边缘区域。


中央凹(foveal),是视网膜中视觉(辨色力、分辨力)最敏锐的区域。以人为例,在视神经盘颞侧约3.5mm处,有一黄色小区,称黄斑,其中央的凹陷,就是中央凹。

此处视网膜最薄,只有色素上皮细胞和视锥细胞两层细胞,双极细胞和节细胞均斜向周围排列。此处视锥细胞与双极细胞均一对一联系,故视觉最为敏锐而精确,称中心视觉。


(图片来自百度,嘻嘻~)


所以通常人们在看东西的时候,都会有一个中央凹区域,而这个中央凹区域之外,则成了这一刻的视觉边缘区域。


具体怎么区分这两个区域呢?


你试试将你的视线聚焦在文章的标题上,此时,周围的其他文字,你都看不清了,而如果你移开视线看到了周围文字,那么你此刻的视觉中央凹区域就不再是文章标题了。


我们经常在进行许多后台操作时出现这样的情况:

我编辑了一篇文章,页面的“保存”按钮在下方,而在我点击之后,页面似乎没有给我任何反馈,等你一番寻找,发现在页面顶部有一行提示文字:保存成功!


体验是不是很差。


这就是因为在我们点击完“保存”时,我们的视觉还聚焦在页面底部,此时页面顶部则处于边缘视觉里,所以我们非常容易忽略这条提示。


所以我们想要在界面中引导用户的操作行为,首先肯定是要让用户看见,将我们所要表达的元素尽量设计在用户能够聚焦的区域。


比如我们在电商平台去购买某件商品的时候,这个商品是有优惠券可以领取的,但是通常领取优惠券都是在商品详情页里面,有时候就会忘了领券而直接加入了购物车,如果用户购买完才想起这个商品有优惠券可以领券,这时候就会产生损失心理。而他如果想要使用这张优惠券,只能退款-领券-重新购买。这个时候就增加了用户的操作成本。



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







1
Report
|
4
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
小猫咪插画合集
Homepage recommendation
相关收藏夹
UI设计文章
UI设计文章
UI设计文章
UI设计文章
作品收藏夹
ui界面
ui界面
ui界面
ui界面
作品收藏夹
视觉理论
视觉理论
视觉理论
视觉理论
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
大家都在看
Log in