当前位置:首页 > 经验学习 > 交互设计

边缘与交互密度

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

市面上现有的主流手机操作系统有一些优秀的体验,比如android从顶部下滑出的通知中心。Palm的context menu 从屏幕下部的感应区呼出。Nokia N9 就更为纯粹,把just swipe——从侧面滑动切换手机态视为核心的设计理念。仔细看还挺邪门儿的,从顶部向下,从底部向上,cong(从)侧面向内——它们是如此热衷于边缘,以至于当我们想再这么zuo(做)的时候,发现四周都被它们用光了:)

wei(为)什么是边缘?我想到两个原因,第一个记忆成本,第二个fitts定律。
画了三张图,试着每张图停留5秒钟,记住黑点的位置:

事实上可以将黑点理解为界面中需要定位的信息,随ji(机)摆放的情况下,5秒钟的时间很可能一个也记录不下。
下一张,仍然是5秒zhong(钟)的时间

同样是5秒钟的时间,结果确有所不同。原因就zai(在)于本来一个黑点对应两个信息(x,y),但再这张图中,其中一个信息被大大简化了,以至大体能记下一两个点的位置。当我们真的用到边缘的时候,情况还更简单一些,比如下一张图,同样是5秒钟时间。

显而易见的一个结论是边缘的ji(记)忆成本要低一些,道理也很简单,如果黑点在屏幕内,每个点有两个维度的信xi(息),x,y,而在屏幕边缘时,因为边缘只有四个,很容易区分,以至这ge(个)维度的信息几乎可以忽略,这样自然更容易定位了。
第二可以说明边缘道理的就是fitts定律,它可以简单的描述成定位一个目标的时间,取决于目标与当前位置的距离,以及目标的大小(还有其他因素,但和界面相关度较小)。距离越近时jian(间)越短,目标越大,时间越短。更详细的内容可以参见这里
表面看来,fitts定律和边缘没you(有)什么直接的关系,但仔细想下,我们所谓的“移动到边缘”he(和)“从边缘移入”实际的目标点并非边缘本身,而是“边缘外”。可以想象,如果我们需要定位到边缘上的一点,多了少了都不suan(算)数,其实还是蛮难的,但如果只要移出边缘就算数,那显然会容易很duo(多)。套用到fitts定lv(律)上,目标点的位置实际shang(上)是边缘的一些像素及边缘之外的全部面积,这个目标点就足够大了,以至fitts定律因为一个分母的增大而使de(得)界面的效率提高。如下图。

另外还有一些我曾经做过的设计zuo(作)为案例,比如下面的解锁界面,上边为gai(概)念稿,下边是我们再产品正式开发前改进的稿件,这个设计可以在现在市面上的腾讯定制的手机shang(上)可能到。

右图中的小字wei(为)“拖动图标到屏幕边缘解锁”。这个设计充分利用了屏幕的四个边缘,出去可以从fitts定律解释的效率提高外,同时有的优点包括:可以盲解锁(解锁键在屏幕正中,感应区域也较大,容易定位),进而可以不用看到屏幕既可完成解锁甚至还可以进入到你想要的应用(屏幕四周对应四个常用界面),也就是说在你从口袋里拿出它的这个过程,从jie(解)锁Dao(到)选择应用一并完成了。
当然,不论什么设计都不是完美无缺的,比如这个设计也受到一些挑战,诸如:“为什么有四个入口,一个不是挺好,移动端设计力求一个页面完成一个功能,不用这么复杂”。这点我不认同,也涉及到另外一个有关交互密度的话题。移动端的设计虽然力求功能简洁明了,但不能一概而论。100个功能不可能安排100ge(个)页面来完成,交互密度需要和用户熟悉程度相关。画了下面的图标,但只是感觉而已,未经论证:

在NOKIA工作的时候,一个设计师说起他们的调研结果:用户每天在手机屏幕停留的时间,大约60%-70%以上在主屏幕(home screen)上,这一结论好像那个直接导致了我们看到nokiaN97刚上市时那个繁华的过了头的主页面,先不论这个设计的好坏,数据上是比较客观的(3年前的数据)。对于用户非常熟悉的界面,我们虽然不必像N97的主页面一样排满功能,但在功能,内容布局中将密度提高一些是可以接受的,这样有利于用户有效De(的)提高操作效率。也一并解释上述设计中四个入口的问题。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: