“眼高手低”,其实暗示了一条交互设计法则

用户头像
北京/设计爱好者/8年前/245浏览
“眼高手低”,其实暗示了一条交互设计法则

说道“眼高手低”这个词语,我相信基本上所有的人都听过。

此篇文章由马克笔设计留学原创首发,禁止一切商用目的的转载和引用


当我们听到这个形容时,脑子里几乎可以条件反射式地浮现出一个好高骛远、不自量力的印象。搜索这个词条时,搜索框显示的关联搜索,也趋向于暗示这个词语的贬义(如下图)。没错,我们在形容一个人眼界过高,而手法过低,要求的标准很高,但实际上自己也做不到的时候,就会用到这个词了。

但实际上,大家有没有想过,“眼高手低”这个词是对我们人的生理结构的一个客观描述。人体的器官结构正是这般:眼睛长在高处,双手则处于较低的位置。这种生理特征为我们在做交互设计时,提供了一个基本依据:内容在上,操作在下。即需要传递给使用者安排在物理的上方位置,需要用户给出自己的反馈的动作控件安排在物理的下方位置。

 

且看案例:

 

键盘位置设计

不论是曾经诺基亚时代的物理键盘,还会如今大屏时代的虚拟屏幕键盘,其安排都是为了让使用者在操作过程中,手指始终处于界面下方,而内容在上面,就不会出现手指遮挡内容的情况。

 

底栏标签设计

对于选项卡式的导航,对于“为什么将选项卡都安排在底栏?”这一问题,多数人会考虑是手指热区理论限制下的易用性原则,想到选项卡安排在底部更加容易被人们触碰到。但从“眼高手低”的法则看来,这样的设计安排,是为了确保人们在获取信息和产生反馈的手眼更加具有协调性。即方便用户在浏览界面内容时,不会因为手指的对标题切换操作对当前页面显示的内容在被眼睛获取时产生影响。

 

最后

不要再错怪了这个词语了,在交互设计的范畴,“眼高手低”真的很有道理。




本文作者:May


爱丁堡大学Design Informatics硕士毕业,擅长交互设计与用户体验作品集辅导与Arduino原型开发辅导。


优秀文章教程回顾:


《生活要有仪式感,各家app新年“换装”》

《科技这么发达,今年就玩点高级的“玩具”吧》


0
阅读原文
|
举报
|
1
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
空的平台平面和自然景观
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城市园林平面布局航拍
水蜜桃和李子的平面水果图案
牛奶乳液层次梯田平铺平面
平面插画情侣/矢量
海底世界插画
倒计时,海报,平面
古风平面仕女与瓷器
“知识宅急送”外卖,快递,平面,海报,素材,教育
玄关入门地毯印花图案红地毯
城阙凡花
牛奶乳液层次平面平铺平面
课程海报,平面素材
空的平台平面和自然景观
平面插画设计女孩喝咖啡
平面书法字手写
城市园林平面布局航拍
金色颗粒质地的平面
平面设计 吊牌设计
学习,优惠券,平面,海报
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
金色颗粒质地的平面
你可能喜欢
大家都在看
登录注册