有限屏幕的無限空間 -從空間角度談移動(dòng)界面擴(kuò)展

移動(dòng)產(chǎn)品大家都不會(huì)陌生，幾乎是無所不能，可以隨時(shí)隨地滿足用戶的多種需求。那么移動(dòng)產(chǎn)品設(shè)計(jì)呢？有沒有遇到類似的情況，PM小A說：產(chǎn)品要增加功能， 在界面上加個(gè)入口，小意思嘛。小B說：內(nèi)容太少了，咱們再擴(kuò)展一下頁面，沒有難度嘛。小C說：能不能擠一擠多放個(gè)功能？用戶真的有需求…

可界面的空間是有限的，內(nèi)容需求卻是無限的， 從3.5寸到5.2寸到9.7寸的pad，不管多大尺寸的屏幕，都逃脫不了這樣的命運(yùn)。就像房屋的空間和放在里面的東西，永遠(yuǎn)存在東西放不下的問題。既然是同類的問題，能不能從相同的角度出發(fā)來找到解決方案呢？
 

在建筑學(xué)中，空間主要指視覺層面感受到的幾何學(xué)意義的三維物理空間，也就是空間中的人對環(huán)境的一種三維層面的感受。因此空間擴(kuò)展就是從不同維度來尋求解決方法，包括收納、層級化分割和視覺感受擴(kuò)張等。類比到移動(dòng)產(chǎn)品的體驗(yàn)上，最基礎(chǔ)的也是如何讓有限的屏幕承載更多的功能，讓用戶感受到空間的舒適。本文就借助建筑學(xué)的空間擴(kuò)展概念，從信息收納、層級化信息、變臉和視錯(cuò)覺四個(gè)維度來談?wù)勂聊豢臻g的擴(kuò)展。

收納

顧名思義，把不用的東西收起來，表面上干干凈凈，打開會(huì)找到想要的內(nèi)容，這種方式特別適合零碎功能的整合。

1.收納方式分類，主要有以下三種。

a. 定義好收納規(guī)則和內(nèi)容

即規(guī)定整理好要呈現(xiàn)給用戶的功能，這一種的關(guān)鍵點(diǎn)就是抽屜的標(biāo)簽，讓用戶在關(guān)著的情況下能究竟收在哪里，入口在哪里。

那么收納的形式呢? 從交互模型來看有很多種，最典型的像Path 的側(cè)邊欄式，上下折疊式，沉入式，還有Android系統(tǒng)級操作的處理方法。目的都是在用戶不會(huì)用到的時(shí)候，把相關(guān)的信息藏起來，收起來，并且有個(gè)永遠(yuǎn)存在的入口，當(dāng)用戶需求就能快速拉開調(diào)起，非常方便。

b. 定義好收納規(guī)則后，用戶隨意擴(kuò)展內(nèi)容。

這種收納方式特別適用于記事類或者日程類的應(yīng)用，因?yàn)橄鄬碚f，這類應(yīng)用的主要信息源是用戶本身，且縱向無法預(yù)估和控制信息的量級。那么這樣一種定義好收納規(guī)則，但內(nèi)容無限的方式就特別適用了。下圖就是一種典型的記事本信息收納方式。

c. 用戶自定義規(guī)則和內(nèi)容，隨時(shí)可以整理替換抽屜的內(nèi)容。

既然空間交給用戶，怎樣分割和收納都由用戶自定義，那