美文网首页体验式设计研究设计之路iDesign
桌面应用的“无限可选中”区域

桌面应用的“无限可选中”区域

作者: 法海先生 | 来源:发表于2015-12-14 23:06 被阅读107次

    “无限可选中”区域其实是根据“菲茨定律”得来的,关于“菲茨定律”,大家肯定都很熟悉,一句话说就是目标越大越近(“近”指的是目标如按钮离鼠标指针近),越容易选中。听起来像废话,越大越近肯定越容易选中,操作越不费劲,但奇怪的是,在设计中虽然人人都知道,但是应用了这个原理的却很少。

    什么是“无限可选中”区域?

    这个概念记得之前在哪本书里面看过,看的书太多了,已经记不清哪本书了(我装*的,别理我)。最近几天玩win10应用商店里面的应用,突然又注意到了,于是就记下来吧。

    上图是win10应用商店,扫了那个界面总感觉左上角那个向左的返回箭头很是奇怪,为什么放那里呢?或许手机应用玩多了总觉得返回箭头应该和导航栏放在一行的,而且桌面端的软件左上角一般放软件的logo,比如网易云音乐,

    那个返回箭头越看越诡异。偶然我把应用商店放大成全屏,哦,原来是这样,那个返回箭头就是“无限可点击”区域。什么意思呢?跟我做:闭着眼睛,鼠标向左移动很大距离再向上移动很大距离,你会发现,无论你移动多大距离,屏幕里的鼠标指针就停在那里不动了。这就是“无限可点击”区域,闭着眼睛都可以点击的区域,是不是很容易点击?一般来说,电脑屏幕的四个角都是“无限可点击”区域,四个边可以算做“半无限可点击区域”。因此电脑屏幕的四个角和四条边应该放上最最常用的功能。比如win10的开始菜单在左下角,“显示桌面”(好像是默认关闭的,可以设置)在右下角,Mac OS的苹果图标在左上角。回到刚刚说的应用商店,返回是一个很常用的操作,因此全屏时它放在了左上角。

    “无限可点击”区域应该用来提升效率,而不是宣传品牌

    遗憾的是,在win10应用商店中下了几个应用,很少有软件真正用到那些区域,只遇到了网易云音乐Beat有,如图:

    不只是四个角,软件的四边特别是上边这个区域特别有用,在软件中遇到的就更少了,往往设计人员把左上角和上边的中心位置放上自己的logo或软件名,对于提升效率并没什么卵用。

    上图是“wps文字”全屏时的顶部,“无限可点击”区域在全屏时是可用的,但是只用了左上角和右上角删除动作,上边却没有用,其实很简单,扩大菜单栏菜单项的感应范围就可以了,鼠标指针即使没有准确点到文字内容,仍让他发挥效果。

    这是桌面端印象笔记,全屏时上边和左上角就是浪费掉了。

    或许您会说谁会在意这个啊?还真别说,如果你用了一次感受他的好,就离不开了。曾经因为谷歌浏览器有个功能不方便想转到火狐浏览器,便下载安装了火狐浏览器,但是火狐浏览器全屏时切换标签页必须非常精确才能触发到某一个标签页,而不像谷歌浏览器只要鼠标指针在目标标签页的上方就可以触发,用了一天非常不习惯,就果断又换回谷歌浏览器了。(刚下载了火狐浏览器,这个问题已经修复,现在全屏火狐时只要鼠标指针在标签页的上方就可以)

    总结:

    “无限可点击”区域是一个非常好的提升用户体验的方法,将这个区域应用到你的软件设计中,可以很方便的提升效率,留住用户。

    相关文章

      网友评论

        本文标题:桌面应用的“无限可选中”区域

        本文链接:https://www.haomeiwen.com/subject/jlsuhttx.html