交互設(shè)計(jì):信息設(shè)計(jì)中的層級(jí)與層級(jí)感

2 評(píng)論 21573 瀏覽 110 收藏 7 分鐘

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

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

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

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

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

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

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

二、層級(jí)與“層級(jí)感”

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

但是,層級(jí)多≠層級(jí)感強(qiáng)。

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

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

三、一些減少“層級(jí)感”的例子

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

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

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

2. 另辟新場(chǎng)所

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

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

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

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

3. 減少轉(zhuǎn)場(chǎng)感:使用動(dòng)效、交互轉(zhuǎn)換

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

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

4. 終極武器:智能檢索,直通信息

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

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

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

 

作者:hey熙,微信公眾號(hào):heychen思錄

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 電商團(tuán)隊(duì)架構(gòu)

    回復(fù)
  2. 學(xué)習(xí)了

    來自廣東 回復(fù)