小葵：設(shè)計(jì)師們每天的工作都是通過(guò)設(shè)計(jì)將產(chǎn)品的信息傳達(dá)給用戶(hù)。用戶(hù)根據(jù)我們提供的視覺(jué)化信息來(lái)理解一個(gè)產(chǎn)品想告訴自己什么。設(shè)計(jì)師與用戶(hù)的關(guān)系是信息的傳達(dá)者與接收者。

設(shè)計(jì)師在進(jìn)行信息的編排與構(gòu)建時(shí)，已經(jīng)花了較多的時(shí)間與精力理解了產(chǎn)品的全部信息和信息之間的層級(jí)關(guān)系。但是，用戶(hù)接收信息是從一些具體的信息片段開(kāi)始，然后到另一個(gè)信息片段，他們需要將這些具體的信息補(bǔ)全成設(shè)計(jì)師腦海中的信息地圖。設(shè)計(jì)師的信息地圖是立體的，而用戶(hù)接收的方式是一維的。如何將一個(gè)立體金字塔結(jié)構(gòu)的信息通過(guò)一維的方式有效精準(zhǔn)地傳遞給用戶(hù)，這不是件容易的工作。

同類(lèi)型好文推薦：
《設(shè)計(jì)師必讀！運(yùn)用視覺(jué)表現(xiàn)建立網(wǎng)頁(yè)的信息層級(jí)》
《經(jīng)驗(yàn)分享：一個(gè)優(yōu)秀的交互設(shè)計(jì)師是怎樣練成的？》

雖然，我們?cè)O(shè)計(jì)師在構(gòu)建故事的時(shí)候一直告誡自己站在用戶(hù)的角度，去揣測(cè)用戶(hù)是如何理解每個(gè)設(shè)計(jì)的信息內(nèi)容的。但是我們還是常常感到糾結(jié)與不確定，我們不知道我們所提供的設(shè)計(jì)表達(dá)方式用戶(hù)是否可以完全理解？是否可以正確的向用戶(hù)傳遞？用戶(hù)是否會(huì)花費(fèi)較多的成本完成理解的過(guò)程？

如果設(shè)計(jì)師想要提高用戶(hù)對(duì)設(shè)計(jì)信息理解的效度與效率，那么，我們需要了解用戶(hù)是如何進(jìn)行設(shè)計(jì)信息的解讀的。

解讀前的知識(shí)補(bǔ)充—— 信息的金字塔原理：

金字塔原理（Pyramid Principles），1973年由麥肯錫國(guó)際管理咨詢(xún)公司的咨詢(xún)顧問(wèn)Barbara Minto發(fā)明。這個(gè)原理她通過(guò)在寫(xiě)作中的運(yùn)用來(lái)闡述的。

金字塔原理告訴我們：

1）信息接收者會(huì)自動(dòng)將信息歸類(lèi)到金字塔結(jié)構(gòu)中組織思想，從而理解整體信息想表達(dá)的含義。金字塔結(jié)構(gòu)是由一個(gè)總的思想統(tǒng)領(lǐng)多組思想。思想之間具有邏輯關(guān)系，思想間的聯(lián)系方式可以是縱向的（任何一個(gè)層次上的思想都是對(duì)其下面一個(gè)層次上思想的總結(jié)）；也可以是橫向的（多個(gè)思想因共同組成一個(gè)邏輯推理過(guò)程，而被并列排在一起）。小的信息單元通過(guò)組合的方式變成更抽象的思想。

圖例1

2）大腦對(duì)信息的處理包含3部分的內(nèi)容：一部分用于識(shí)別信息與理解信息的表面含義；一部分用于尋找信息之間的關(guān)系；一部分用于前后思考，理解整體想表達(dá)的思想。

3）人們解讀信息的方式是由信息接收者對(duì)所接收到的信息不斷進(jìn)行疑問(wèn)/回答式的對(duì)話(huà)方式來(lái)進(jìn)行理解的。在理解的過(guò)程中用戶(hù)會(huì)不斷地產(chǎn)生疑問(wèn)：“這是什么？”“為什么要向我傳達(dá)這個(gè)？”“是想說(shuō)告訴我這個(gè)么？”“所以是想表達(dá)這個(gè)么？”當(dāng)疑問(wèn)不斷被解答，就完成了信息從識(shí)別到被解讀的過(guò)程。

Barbara Mint在研究金字塔結(jié)構(gòu)中只是在寫(xiě)作領(lǐng)域去探討，但是其實(shí)在設(shè)計(jì)中也同樣適用。寫(xiě)作與設(shè)計(jì)的差異只是在于：寫(xiě)作需要傳達(dá)的信息是文字，而設(shè)計(jì)需要傳達(dá)的信息是視覺(jué)語(yǔ)言。但是無(wú)論寫(xiě)作還是設(shè)計(jì)，都是作者將構(gòu)思內(nèi)容一步步傳遞給受眾。當(dāng)然在設(shè)計(jì)中運(yùn)用時(shí)，我們還需要加上一些視知覺(jué)方面理論。

——————————————具體討論作為一名用戶(hù)解讀設(shè)計(jì)信息的全過(guò)程?——————————————

注*：以iphone上的app store為具體案例解析。

階段一：用戶(hù)提出疑問(wèn)“這是什么？”并獲得解答

Step A：識(shí)別信息

擺在用戶(hù)面前的一個(gè)界面中包含多個(gè)信息單元，用戶(hù)首先需要識(shí)別與理解每個(gè)信息的含義。

圖例2

Step B：歸類(lèi)分組&搭建金字塔

用戶(hù)會(huì)對(duì)識(shí)別出的信息進(jìn)行分析，識(shí)別的信息需被大腦短暫記憶，進(jìn)而尋找信息之間的關(guān)系。歸類(lèi)分組是為建立信息的結(jié)構(gòu)做準(zhǔn)備的中間過(guò)程。

人類(lèi)大腦的短暫記憶最多只能容納約7個(gè)左右的項(xiàng)目，但通常在一個(gè)界面中的信息單元會(huì)超過(guò)7項(xiàng)，這時(shí)大腦會(huì)自動(dòng)對(duì)信息進(jìn)行分組從而減少需要記憶的內(nèi)容。被歸類(lèi)到不同的邏輯范疇中信息，小組是組內(nèi)信息單元的邏輯上一層，與信息單元形成金字塔結(jié)構(gòu)。當(dāng)組內(nèi)的信息單元與上一層的信息小組具有合理的邏輯關(guān)系時(shí)，大腦會(huì)在看到上一層的信息時(shí)能夠自動(dòng)提示下一層的信息單元。如果第一次歸類(lèi)的組數(shù)大于7個(gè)，大腦會(huì)進(jìn)行第二次歸類(lèi)，繼續(xù)往上建立一層金字塔。大腦比較容易記住的是3個(gè)，最容易記憶的是1個(gè)項(xiàng)目。

用戶(hù)是通過(guò)什么將視覺(jué)信息進(jìn)行歸類(lèi)的呢？

1）運(yùn)用“共性”歸類(lèi)

大腦會(huì)將其認(rèn)為具有“共性”的任何事物組織在一起。

“共性”在視知覺(jué)具體包括：具有某種類(lèi)似的共同點(diǎn)，如相似的視覺(jué)表現(xiàn)語(yǔ)言，相似的顏色，所處的位置比較接近。共性的分析過(guò)程中存在關(guān)系的對(duì)比的階段。不同的信息單元之間，更相似或更接近的信息單元之間更容易被歸為一類(lèi)，形成一個(gè)信息的小組。

所以在視覺(jué)信息的傳達(dá)中，希望用戶(hù)解讀為一類(lèi)的信息之間的關(guān)系的共性關(guān)系要更加靠近，更加明確，才可以讓用戶(hù)更快地歸類(lèi)。

2）利用視知覺(jué)中的“秩序與秩序的中斷”歸類(lèi)

秩序是被有序安排的信息，以某種有規(guī)律的方式出現(xiàn)。秩序會(huì)產(chǎn)生人們一種視覺(jué)延續(xù)的感受，同一個(gè)規(guī)律會(huì)形成一個(gè)整體的感受。延續(xù)會(huì)大大節(jié)省視覺(jué)感官系統(tǒng)的注意力（注：當(dāng)延續(xù)存在了一定的時(shí)間之后會(huì)不再視覺(jué)與思維的注意，大腦會(huì)忽視延續(xù)的內(nèi)容，通過(guò)知覺(jué)的預(yù)測(cè)與預(yù)期將內(nèi)容在大腦中補(bǔ)充完整）

只有出現(xiàn)與眾不同的特征（一種參差不齊的，不連貫的方式等），感官系統(tǒng)才會(huì)馬上投入工作，感知到新的刺激。這個(gè)與眾不同的特質(zhì)就是“視覺(jué)顯著點(diǎn)”。視覺(jué)顯著點(diǎn)可以快速讓人感知到秩序延續(xù)的中斷，進(jìn)行歸類(lèi)劃分。

在具體的視覺(jué)信息歸類(lèi)行為中，“共性”與“秩序與秩序的中斷”會(huì)同時(shí)混合進(jìn)行的。這兩者的本質(zhì)都是建立信息斑塊的感受。

圖例3（根據(jù)視知覺(jué)的“共性”/”秩序與秩序的中斷”進(jìn)行信息歸類(lèi)的金字塔小組）

階段2：用戶(hù)提出疑問(wèn)“為什么？”并獲得解答

Step C：主動(dòng)推測(cè)&預(yù)期性準(zhǔn)備

當(dāng)設(shè)計(jì)師通過(guò)界面向用戶(hù)傳遞了信息（信息單元或已歸類(lèi)的信息小組），用戶(hù)都會(huì)根據(jù)眼前的內(nèi)容向外延伸思考，主動(dòng)推測(cè)向他傳遞這個(gè)信息的原因，他們會(huì)思考：這是什么？為什么傳遞給我這個(gè)信息？是想告訴我什么呢？跟其他的內(nèi)容有聯(lián)系么？

大腦習(xí)慣將信息看做是一組還未表達(dá)出的思想的一部分，并會(huì)假設(shè)某種可能的原因，并據(jù)此調(diào)整自己的思路，準(zhǔn)備接著理解后續(xù)的其他信息。這種預(yù)期性的準(zhǔn)備能夠減輕大腦分析信息的負(fù)擔(dān)。

用戶(hù)為不同的推測(cè)預(yù)期幾個(gè)不同的可能性結(jié)果。然后在接收隨后的信息時(shí)尋找符合預(yù)期結(jié)果的特征，驗(yàn)證自己的推測(cè)。

如果后續(xù)的其他信息不符合用戶(hù)預(yù)測(cè)的內(nèi)容，那么用戶(hù)會(huì)感覺(jué)到茫然，會(huì)將新的信息與之前的信息重新進(jìn)行邏輯關(guān)系的尋找。重新的尋找會(huì)增加用戶(hù)的理解成本，也會(huì)產(chǎn)生挫敗感。

圖例4

階段3：用戶(hù)提出疑問(wèn)“所以怎么樣呢？”并獲得解答

StepD：尋找邏輯關(guān)系，補(bǔ)全金字塔群

用戶(hù)在逐行逐頁(yè)地理解設(shè)計(jì)的表達(dá)的思想時(shí)，他們會(huì)假定一同出現(xiàn)的思想在邏輯上存在某種關(guān)系。邏輯關(guān)系有二種：縱向關(guān)系與橫向關(guān)系。

在用戶(hù)理解信息結(jié)構(gòu)的過(guò)程中，會(huì)由一個(gè)信息項(xiàng)目出發(fā)向上，向下或橫向補(bǔ)充金--字塔的邏輯結(jié)構(gòu)，最后形成一張信息的金字塔結(jié)構(gòu)圖，從而完成信息解讀的過(guò)程。

如果我們可以預(yù)先今早讓用戶(hù)獲知信息間的邏輯關(guān)系，可以讓用戶(hù)更準(zhǔn)確的理解設(shè)計(jì)想傳遞的意思。因?yàn)槿绻覀儾活A(yù)先告訴用戶(hù)這種邏輯關(guān)系時(shí)，用戶(hù)就會(huì)自動(dòng)從中尋找共同點(diǎn)，組建出并非設(shè)計(jì)師所希望的邏輯關(guān)系，甚至可能根本發(fā)現(xiàn)不了任何邏輯關(guān)系。不要讓用戶(hù)在為了試圖找到各種思想之間的聯(lián)系而絞盡腦汁，節(jié)省用戶(hù)的理解成本。

圖例5（從哪個(gè)視覺(jué)信息開(kāi)始可能與視覺(jué)焦點(diǎn)和每個(gè)人有一定的差異，但是無(wú)論從哪個(gè)信息點(diǎn)開(kāi)始的，補(bǔ)全金字塔結(jié)構(gòu)的原理是相同的）

結(jié)語(yǔ)

理解用戶(hù)如何解讀設(shè)計(jì)信息，可以幫助設(shè)計(jì)師們更好的進(jìn)行設(shè)計(jì)傳達(dá)。文章中所總結(jié)的內(nèi)容是最近看書(shū)的總結(jié)，若有不足的地方，歡迎大家和我交流心得，感謝大家的關(guān)注。

參考文獻(xiàn)：
[1] 芭芭拉·明托. 金字塔原理：思考、表達(dá)和解決問(wèn)題的邏輯[M].南海出版公司，2010.
[2] E.H.貢布里希. 秩序感:裝飾藝術(shù)的心理學(xué)研究[M].湖南科學(xué)技術(shù)出版社，1999.

原文地址：isux.tencent
作者：小葵

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量65萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：