在做信息設(shè)計(jì)時(shí)，我們會發(fā)現(xiàn)——信息是無限的、但是容器是有限的，那么我們在設(shè)計(jì)的時(shí)候，如何處理這一矛盾呢？如何讓這二者達(dá)成最大程度的和諧并存呢？

交互設(shè)計(jì)中討論信息設(shè)計(jì)的時(shí)候，一定繞不過討論信息架構(gòu)。信息的無限性和容器的有限性之間的矛盾，是產(chǎn)生信息架構(gòu)的必要條件。

• 當(dāng)容器能裝得住信息時(shí)，那么可以一次性把信息展示給所有用戶。（舉例，手機(jī)屏幕展示信息）
• 當(dāng)容器不足以裝住信息時(shí)，那么則需要通過延續(xù)容器容量的方式，把信息按照一定組織方式給予用戶。（舉例，手機(jī)屏幕展示信息，通過滑動來擴(kuò)展空間）

一、信息設(shè)計(jì)中的層級

所以說，信息設(shè)計(jì)離不開三個變量：信息量、信息結(jié)構(gòu)、容器大小。這三者交織影響：

• 如果【信息量】足夠小，【容器】足夠，那么用戶形成【概念】的時(shí)間越短，【信息架構(gòu)】越簡單
• 相反，【信息量】越大，【容器】不足，用戶形成【概念】的時(shí)間就會越長，【信息架構(gòu)】就會越復(fù)雜，越需要設(shè)計(jì)師設(shè)計(jì)合理的信息結(jié)構(gòu)，縮短用戶形成概念的時(shí)間（理解信息的設(shè)計(jì)）

層級設(shè)計(jì)是在信息設(shè)計(jì)時(shí)，處理龐大信息量的常用方法。一次性不能展示所有信息，那么先展示一部分，再通過層級分類，把其他信息展示在下一層級。

二、層級與“層級感”

• 層級是客觀的，是信息結(jié)構(gòu)的邏輯客觀存在，它一定程度上反應(yīng)的是實(shí)現(xiàn)邏輯。
• 層級感則是主觀的，是用戶對信息結(jié)構(gòu)的理解。層級感太強(qiáng)會影響用戶對產(chǎn)品的使用效率、檢索信息的效率、滿意度。

但是，層級多≠層級感強(qiáng)。

前面說了，層級是客觀的，層級感是主觀的。事實(shí)上的層級很多，也不影響用戶對層級的感知，或者說，也不會造成用戶反感。

減少層級感的設(shè)計(jì)，更多應(yīng)該劃分于微交互范疇。

三、一些減少“層級感”的例子

1. 改變層級呈現(xiàn)方式：使用模態(tài)

模態(tài)是減少層級感最最最常見的方式，模態(tài)的好處是通過半露出底部內(nèi)容，實(shí)現(xiàn)與原來場景的銜接。

如果原來是1層，那么模態(tài)呈現(xiàn)的感覺只是多了0.5層，甚至并不感覺是層級。

2. 另辟新場所

另辟新場所就是在原有場所的基礎(chǔ)上，開辟一個新的場所讓用戶進(jìn)入。它本質(zhì)上還是進(jìn)入新層級，但是給用戶的感覺就不一樣。

這個場所給用戶的感覺一定是明確的。因?yàn)槊鞔_的場所，用戶才能知道如何快速離開（關(guān)閉）網(wǎng)頁中的新頁面打開、app中的平衡層級結(jié)構(gòu)，都是這種方式的呈現(xiàn)

舉一些常見的例子，如微信小程序打開：就是相當(dāng)于進(jìn)入一個新場所，離開只需要直接關(guān)閉。

如淘寶，打開天貓國際。相當(dāng)于進(jìn)入一個新的APP。

3. 減少轉(zhuǎn)場感：使用動效、交互轉(zhuǎn)換

層級之間使用動效銜接，可以讓跳轉(zhuǎn)更有趣，同時(shí)也可以減少層級感。如果頁面元素之間是直接過渡的，給用戶的層級感覺就會更加少，比如下面的例子：UI元素直接過渡，雖然實(shí)際上是刷新了一個頁面，但是完全看不出層級的感覺。

減少轉(zhuǎn)場感是動效最大的目的，如果純粹為了好看，動效的意義就會遜色不少。因?yàn)檫^于花哨的動效會給性能帶來很大的影響。

4. 終極武器：智能檢索，直通信息

層級的出現(xiàn)，終究是因?yàn)橛脩羲栊畔⒘亢妄嫶蟮男畔⒘恐g不能及時(shí)匹配的問題。而終極解決武器，還是智能檢索，讓用戶可以直通所需信息：需求輸入→信息反饋。

搜索、智能推薦是現(xiàn)階段最高級的檢索方式，也是最高級的功能設(shè)計(jì)。

而輸入方式中的語音識別，是正在興起和發(fā)展的檢索方式。相信不久將來會發(fā)展到更高的精度。

作者：hey熙，微信公眾號：heychen思錄

本文由 @hey熙 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unspalsh ，基于 CC0 協(xié)議