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

用户头像
广州/UI设计师/6年前/423浏览
UI界面中的 “中央凹” 区域

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


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


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


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


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

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


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


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


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


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


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

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


体验是不是很差。


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


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


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



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







1
举报
|
4
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
盲盒APP UI设计
新拟态风格 UI设计组件库
科技医疗透明柜UI界面设计
【新年UI图标】活动icon
【新年UI图标】旅行icon
钱包ui模板
UI 登录界面设计模板包
户外旅行飞机情侣假日出行
UI应用平面图标
Security Camera UI kit
【新年UI图标】礼物/活动icon
【新年UI图标】钱包icon
高级表盘系列UI源文件
新能源APP应用UIKit
3D渐变流体抽象矢量UI背景图
我的钱包-UI界面设计-app
高级感金属拟物 UI设计组件库
【新年UI图标】积分icon
手表表盘UI系列
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】体育icon
UI界面 组件
森系3D渐变流体抽象矢量UI背景图
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册