所有的信息與流程，都是功能與用戶的交互，那就離不開信息的傳遞。而信息的傳播有三大要素——用戶、產(chǎn)品、信息，并圍繞它們的特征與要點(diǎn)展開信息架構(gòu)與流程設(shè)計(jì)。

現(xiàn)在，我們假設(shè)，你已經(jīng)有了功能設(shè)計(jì)的方案，接下來要做的就是把功能排列組合，以產(chǎn)品的方式呈現(xiàn)出來。這就涉及到了信息架構(gòu)與流程設(shè)計(jì)。

所有的信息與流程，都是功能與用戶的交互，那就離不開信息的傳遞。功能通過外在的顯性信息，將自己暴露給用戶，用戶通過這些，確定自己身處的環(huán)境和階段。

我們可以將信息傳遞的過程簡(jiǎn)化為三要素：用戶、產(chǎn)品和信息。

01 用戶

如果以年齡進(jìn)行分群，那么會(huì)有老人、小孩、青年；以性別進(jìn)行分群，則有男、女、中性；年齡和性別進(jìn)行組合，誕生出 3*3 的矩陣。這種分法是將群體肢解，確定不同群體的風(fēng)格和使用習(xí)慣。

但這就太碎了，在信息和流程的階段，我們更應(yīng)該關(guān)注一些共性的特質(zhì)。

1. 注意力的有限性

這里的有限性包含兩個(gè)層面：① 總量的有限性；② 單次信息接收量的有限性；

這很好理解。我們假設(shè)信息是一種食物，用戶通過進(jìn)食的方式獲取信息。信息通過嘴巴進(jìn)入胃里。嘴巴的大小是有限的，用戶單次進(jìn)食的容量無法超過嘴巴的容量；胃的大小也是有限的，用戶即使增加進(jìn)食的次數(shù)，其上限也仍然無法超過胃。當(dāng)然一些消化能力特別好的，能夠快速排空胃中的儲(chǔ)存物，這就不在討論范疇了。

• 嘴巴有限，所以用戶單次的信息接收量有限；
• 胃有限，所以用戶最終能接收的信息總量有限；

2. 邊緣路徑依賴

邊緣路徑是認(rèn)知心理學(xué)領(lǐng)域的概念，由心理學(xué)家理查德佩蒂提出。佩蒂認(rèn)為，每個(gè)人都會(huì)以兩種不同的方式處理信息，分別是核心路徑和邊緣路徑。

以核心路徑處理信息時(shí)，會(huì)比較詳盡嚴(yán)謹(jǐn)，而以邊緣路徑處理信息時(shí)，則比較簡(jiǎn)單粗略。

一般而言，只要當(dāng)個(gè)人有強(qiáng)烈的動(dòng)機(jī)，并具備足夠的能力理解信息時(shí)，才會(huì)采用核心路徑的處理方式。而在日常生活中，則更多采用邊緣路徑的處理方式。

如考試、面試等重要場(chǎng)景，一般采用核心路徑來處理方式。但是如刷微博、看劇等休閑場(chǎng)景，則普遍采用邊緣路徑。

3. 線性邏輯

如果人類誕生之初，互聯(lián)網(wǎng)就應(yīng)運(yùn)而生，或許我們現(xiàn)在的思維就是超鏈接思維。但很不幸，我們誕生之初，只有印刷文字。

印刷文字的排版方式，紙張的限制，影響了使用它的我們。所謂線性思維，是指我們對(duì)于信息的獲取只能以線性方式展開。線性最大的特征在于其順序性和邏輯性。

舉例：

① 小明在學(xué)校被人打了。

② 小明今天去學(xué)校了。

③ 小明生活在明朝。

④ 小明在23年后結(jié)婚了。

如果直接把這些信息呈現(xiàn)出來，就很跳躍。即使 ① ② 調(diào)換順序后能夠理解，③ ④ 跟 ① ② 也沒有絲毫邏輯關(guān)系。

02 產(chǎn)品

產(chǎn)品，也可以說是信息的載體，即材質(zhì)。谷歌的 material design 即把控件作為搭建產(chǎn)品的材料。產(chǎn)品也具備三個(gè)特性：平面的有限性；空間的縱深性；模塊的跳躍性。

1. 平面的有限性

互聯(lián)網(wǎng)產(chǎn)品，一般以移動(dòng)設(shè)備為載體；載體的大小決定了平面顯示的上限。如果以繪畫作為類比，平面就是畫紙，而畫紙的尺寸決定了畫面的延展程度。

相比于 PC 端，App 的尺寸受到限制，無法展現(xiàn)更多信息。但如果結(jié)合用戶的屬性即用戶的有限注意力，反而是一個(gè)優(yōu)勢(shì)。平面的限制則意味著聚焦和更容易的單一決策。

2. 空間的縱深性

產(chǎn)品新手在剛開始設(shè)計(jì)產(chǎn)品時(shí)，經(jīng)常忽略的是，產(chǎn)品是一個(gè)三維空間的產(chǎn)品，盡管它以平面的方式呈現(xiàn)出來。所謂三維空間，指 X，Y，Z 軸。X，Y 囿于承載設(shè)備，無法廣泛外延。但 Z 軸卻可以無限縱深。

正是這種空間的縱深性，才滿足了虛擬產(chǎn)品區(qū)別于實(shí)體產(chǎn)品的無限可能。無論是超級(jí)馬里奧這種闖關(guān)游戲，還是電商的無限貨架，都是因?yàn)槠淇臻g性而得以塑造。信息流是 Y 軸延伸，但背后仍以 Z 軸作為支撐。

3. 模塊的跳躍性

如果我們把一個(gè)空間比作一個(gè)模塊，那么產(chǎn)品則允許不同空間之間的來回跳躍。以商品為例。我們?cè)诰€下購物時(shí)，如果從零食區(qū)進(jìn)入生鮮區(qū)，中間需要穿過熟食區(qū)。但線上不用，我們完全可以從零食區(qū)直接跳到熟食區(qū)。甚至我們還可以直接從購物場(chǎng)景跳出，去往小說區(qū)或聊天區(qū)。

相同的信息，聚集在同一空間。而不同空間的跳躍，則允許不同的信息間得以串通。

03 信息

信息可以分為單一信息和信息群。針對(duì)單一信息，我們可以進(jìn)行的操作有：強(qiáng)調(diào)或弱化；針對(duì)信息群，我們可以的操作有：關(guān)聯(lián)。

1. 強(qiáng)調(diào)

強(qiáng)調(diào)可以采用兩種手法：視覺強(qiáng)調(diào)和信息重復(fù)。

小明要去學(xué)習(xí)。小明要去學(xué)習(xí)。小明要去學(xué)習(xí)——這是信息重復(fù)。

小明要去學(xué)習(xí)——這是視覺強(qiáng)調(diào)。

視覺強(qiáng)調(diào)有四種：加粗、變色、字號(hào)變大、位置放置。

2. 弱化

弱化一般采用視覺弱化，與視角強(qiáng)調(diào)方法相同。

3. 關(guān)聯(lián)

關(guān)聯(lián)即同類單一信息的聯(lián)系，可以采用的方式有：容器、接近、嵌套、分類；

• 容器：同類信息用一個(gè)容器包起來，與其他信息區(qū)隔；比如卡片、同一色塊、同一高度；
• 接近：相同信息靠近；信息與信息間以距離區(qū)分；
• 嵌套：相同信息形成層級(jí)關(guān)系；比如大論點(diǎn)下有分論點(diǎn)，分論點(diǎn)下又有分論據(jù)；
• 分類：按已形成的信息結(jié)構(gòu)進(jìn)行分類；例如商品可以分為食品、生活用品、零食、衣服、生鮮等；

上述是信息傳遞三要素的特點(diǎn)，在進(jìn)行具體設(shè)計(jì)時(shí)，要以要素本身的特點(diǎn)，要素之間的匹配為依托，在進(jìn)行具體設(shè)計(jì)時(shí)，應(yīng)遵循下述原則：

1. 由大到小，先考慮大的模塊，再考慮小的功能點(diǎn)；
2. 相同層級(jí)的信息放在一起考量；
3. 將所有想到的信息都列出來，不要進(jìn)行折疊，全部平鋪在一個(gè)頁面；
4. 排列信息的優(yōu)先級(jí)，確定彼此之間的層級(jí)；
5. 對(duì)不同層級(jí)的信息進(jìn)行折疊，確定空間的縱深程度；

一個(gè)流程或模塊的設(shè)計(jì)，往往不是一蹴而就。這時(shí)候應(yīng)先將大的模塊分封出來，劃定疆域。在此之后，則應(yīng)該思考次一級(jí)的模塊，而不要單個(gè)模塊縱深，將細(xì)枝末節(jié)都補(bǔ)充清楚。

當(dāng)所有的功能點(diǎn)都思考清楚以后，先在同一頁面展示，再根據(jù)用戶的特點(diǎn)將功能點(diǎn)進(jìn)行分發(fā)，確認(rèn)信息重要程度。次級(jí)信息則可或折疊、或彈窗、或下一頁面。

#專欄作家#

善寶橘，微信公眾號(hào)：善寶橘，人人都是產(chǎn)品經(jīng)理專欄作家。一個(gè)崇尚終身學(xué)習(xí)的互聯(lián)網(wǎng)斜杠青年，擅長(zhǎng)學(xué)界理論與業(yè)界實(shí)踐結(jié)合，專注新媒體、游戲領(lǐng)域的運(yùn)營策劃。

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

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