交互設(shè)計：信息設(shè)計中的層級與層級感

1、交互設(shè)計：信息設(shè)計中的層級與層級感在做信息設(shè)計時，我們會發(fā)現(xiàn)信息是無限的、但是容器是有限的，那么我們在設(shè)計的時候，如何處理這一矛盾呢？如何讓這二者達成最大程度的和諧并存呢？ 交互設(shè)計中討論信息設(shè)計的時候，一定繞不過討論信息架構(gòu)。信息的無限性和容器的有限性之間的矛盾，是產(chǎn)生信息架構(gòu)的必要條件。當(dāng)容器能裝得住信息時，那么可以一次性把信息展示給所有用戶。（舉例，手機屏幕展示信息）當(dāng)容器不足以裝住信息時，那么則需要通過延續(xù)容器容量的方式，把信息按照一定組織方式給予用戶。（舉例，手機屏幕展示信息，通過滑動來擴展空間） 一、信息設(shè)計中的層級 所以說，信息設(shè)計離不開三個變量：信息量、信息結(jié)構(gòu)、容器大小。這三

2、者交織影響：如果【信息量】足夠小，【容器】足夠，那么用戶形成【概念】的時間越短，【信息架構(gòu)】越簡單相反，【信息量】越大，【容器】不足，用戶形成【概念】的時間就會越長，【信息架構(gòu)】就會越復(fù)雜，越需要設(shè)計師設(shè)計合理的信息結(jié)構(gòu)，縮短用戶形成概念的時間（理解信息的設(shè)計） 層級設(shè)計是在信息設(shè)計時，處理龐大信息量的常用方法。一次性不能展示所有信息，那么先展示一部分，再通過層級分類，把其他信息展示在下一層級。 二、層級與“層級感”層級是客觀的，是信息結(jié)構(gòu)的邏輯客觀存在，它一定程度上反應(yīng)的是實現(xiàn)邏輯。層級感則是主觀的，是用戶對信息結(jié)構(gòu)的理解。層級感太強會影響用戶對產(chǎn)品的使用效率、檢索信息的效率、滿意度。 但是

3、，層級多層級感強。 前面說了，層級是客觀的，層級感是主觀的。事實上的層級很多，也不影響用戶對層級的感知，或者說，也不會造成用戶反感。 減少層級感的設(shè)計，更多應(yīng)該劃分于微交互范疇。三、一些減少“層級感”的例子1. 改變層級呈現(xiàn)方式：使用模態(tài) 模態(tài)是減少層級感最最最常見的方式，模態(tài)的好處是通過半露出底部內(nèi)容，實現(xiàn)與原來場景的銜接。 如果原來是1層，那么模態(tài)呈現(xiàn)的感覺只是多了0.5層，甚至并不感覺是層級。 2. 另辟新場所 另辟新場所就是在原有場所的基礎(chǔ)上，開辟一個新的場所讓用戶進入。它本質(zhì)上還是進入新層級，但是給用戶的感覺就不一樣。 這個場所給用戶的感覺一定是明確的。因為明確的場所，用戶才能知道如

4、何快速離開（關(guān)閉）網(wǎng)頁中的新頁面打開、app中的平衡層級結(jié)構(gòu)，都是這種方式的呈現(xiàn) 舉一些常見的例子，如微信小程序打開：就是相當(dāng)于進入一個新場所，離開只需要直接關(guān)閉。 如淘寶，打開天貓國際。相當(dāng)于進入一個新的APP。 3. 減少轉(zhuǎn)場感：使用動效、交互轉(zhuǎn)換 層級之間使用動效銜接，可以讓跳轉(zhuǎn)更有趣，同時也可以減少層級感。如果頁面元素之間是直接過渡的，給用戶的層級感覺就會更加少，比如下面的例子：UI元素直接過渡，雖然實際上是刷新了一個頁面，但是完全看不出層級的感覺。 減少轉(zhuǎn)場感是動效最大的目的，如果純粹為了好看，動效的意義就會遜色不少。因為過于花哨的動效會給性能帶來很大的影響。4. 終極武器：智能檢索，直通信息 層級的出現(xiàn)，終究是因為用戶所需信息量和龐大的信息量之間不能及時匹配的問題。而終極解決武器，還是智能檢索，讓用戶可以直通所需信息：需求輸入信息反饋。 搜索、智能推薦是現(xiàn)階段最