有限屏幕的无限空间 -从空间角度谈移动界面扩展(3)
像输入框的提示,情景化的按键等,会根据不同的框属性,适配不同功能按键。如下图所示比如联系人列表,在默认状态显示联系人列表名称,当用户需要搜索时,就会展开搜索框可进行输入。同一个区域在不同状态下,承担着两种不同的任务和内容,但这种方式的局限性是可扩展范围较小。适合一些小功能的位置集成。下图是某应用中的联系人列表,很直接的一个小点就是,将联系人列表显示和搜索联系人操作集成到同一区域,用户也容易接受。
同样同区域不同功能的变化在输入法的按键上体现的更为明显。
目前对于移动端的应用,更多是对这种“变脸”逻辑的研究和扩展,很多产品也推出了情境化感知的概念,即扩展移动设备可感知的情境,增加if条件,让空间利用实现到极致。包括现在热门的对Smart Bar的讨论也是同样的道理。
因为移动设备有各种传感器,能实时收集用户信息,这些都是让应用变得更加智能的前提。
补充一点
在室内设计中,由于镜面具有反光和成像的功能,因此将其用于室内不仅能增加室内的亮度,而且能起到扩大空间感、丰富室内装饰效果的作用。这种视错觉的运用同样可以应用到移动界面设计中, 通过轻量化视觉元素, 增加转场动效等方式来使用户操作过程中体验更顺畅,从感受上起到扩展空间的效果。当然这更抽象到一种情感设计的层面,具体的应用方法还值得大家一起探讨。
下图同样为主屏解锁界面,一种是到点到点,另一种是点到边,哪种看起来空间更开阔呢?明显第二种会给人带来一种可扩展的空间感,第一种就显得完全平面化了很多,同样是一个界面的信息,第二种就给人一种更广阔空间的心理暗示,通过沉浸感的交互方式让用户感受到无限空间。
总结
好了,以上就是从建筑学空间扩展的视角出发,从收纳、层级化信息、变脸和视错觉四个层面分别对应到移动应用中,希望可以为你在移动应用中扩展信息空间的设计带来一点灵感,每个层面还可以扩展出更多的方式,我们一起在设计中不断积累和总结吧,充分利用屏幕空间,让有限的空间可以实现无限的延展。
本文地址:http://www.tuquu.com/tutorial/wd1301.html