有限屏幕的无限空间 -从空间角度谈移动界面扩展
移动产品大家都不会陌生,几乎是无所不能,可以随时随地满足用户的多种需求。那么移动产品设计呢?有没有遇到类似的情况,PM小A说:产品要增加功能, 在界面上加个入口,小意思嘛。小B说:内容太少了,咱们再扩展一下页面,没有难度嘛。小C说:能不能挤一挤多放个功能?用户真的有需求…
可界面的空间是有限的,内容需求却是无限的, 从3.5寸到5.2寸到9.7寸的pad,不管多大尺寸的屏幕,都逃脱不了这样的命运。就像房屋的空间和放在里面的东西,永远存在东西放不下的问题。既然是同类的问题,能不能从相同的角度出发来找到解决方案呢?

在建筑学中,空间主要指视觉层面感受到的几何学意义的三维物理空间,也就是空间中的人对环境的一种三维层面的感受。因此空间扩展就是从不同维度来寻求解决方法,包括收纳、层级化分割和视觉感受扩张等。类比到移动产品的体验上,最基础的也是如何让有限的屏幕承载更多的功能,让用户感受到空间的舒适。本文就借助建筑学的空间扩展概念,从信息收纳、层级化信息、变脸和视错觉四个维度来谈谈屏幕空间的扩展。

收纳
顾名思义,把不用的东西收起来,表面上干干净净,打开会找到想要的内容,这种方式特别适合零碎功能的整合。
1.收纳方式分类,主要有以下三种。
a. 定义好收纳规则和内容
即规定整理好要呈现给用户的功能,这一种的关键点就是抽屉的标签,让用户在关着的情况下能究竟收在哪里,入口在哪里。


那么收纳的形式呢? 从交互模型来看有很多种,最典型的像Path 的侧边栏式,上下折叠式,沉入式,还有Android系统级操作的处理方法。目的都是在用户不会用到的时候,把相关的信息藏起来,收起来,并且有个永远存在的入口,当用户需求就能快速拉开调起,非常方便。

b. 定义好收纳规则后,用户随意扩展内容。
这种收纳方式特别适用于记事类或者日程类的应用,因为相对来说,这类应用的主要信息源是用户本身,且纵向无法预估和控制信息的量级。那么这样一种定义好收纳规则,但内容无限的方式就特别适用了。下图就是一种典型的记事本信息收纳方式。

c. 用户自定义规则和内容,随时可以整理替换抽屉的内容。
既然空间交给用户,怎样分割和收纳都由用户自定义,那
本文地址:http://tuquu.com/tutorial/wd1301.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化








