編輯導(dǎo)語：體驗(yàn)設(shè)計(jì)師如何才能做好信息傳達(dá)呢？本篇文章中，作者從信息傳達(dá)的3個(gè)層級、影響信息傳達(dá)的3個(gè)因素、交互和視覺層面信息傳達(dá)的設(shè)計(jì)原則這三個(gè)方面去詳細(xì)地介紹，推薦想要學(xué)習(xí)信息傳達(dá)的群體閱讀。

作為體驗(yàn)設(shè)計(jì)師，基本的任務(wù)就是根據(jù)產(chǎn)品目標(biāo)和用戶需求，傳遞給用戶有價(jià)值的信息，解決用戶的實(shí)際問題，最終帶給用戶愉悅的體驗(yàn)感受，同時(shí)提升商業(yè)價(jià)值。

“信息傳達(dá)”是設(shè)計(jì)的第一步，只有做好有效的信息傳遞，才能進(jìn)一步影響用戶的操作行為。

當(dāng)然為了帶給用戶更好的體驗(yàn)，除了清晰的傳達(dá)業(yè)務(wù)層面的信息之外，還需要從情感層面與用戶形成互動，最終在用戶內(nèi)心建立起產(chǎn)品品牌形象，讓用戶與平臺形成更穩(wěn)定的連接關(guān)系。

那么到底如何做好信息傳達(dá)設(shè)計(jì)呢？

本文主要內(nèi)容包括：信息傳達(dá)的3個(gè)層級、影響信息傳達(dá)的3個(gè)因素、交互和視覺層面信息傳達(dá)的設(shè)計(jì)原則。

一、信息傳達(dá)的3個(gè)層級

根據(jù)體驗(yàn)設(shè)計(jì)的五要素，設(shè)計(jì)師深度參與的環(huán)節(jié)主要集中在結(jié)構(gòu)層，框架層和表現(xiàn)層，因此信息傳達(dá)需要包含3個(gè)層面的內(nèi)容。

1. 合理的信息架構(gòu)

產(chǎn)品信息架構(gòu)是根據(jù)整個(gè)產(chǎn)品定位確定的，是產(chǎn)品最基本的信息傳達(dá)方式，不同的產(chǎn)品類型信息架構(gòu)差異會比較大。最近滴滴的改版很好的展現(xiàn)了產(chǎn)品定位對信息架構(gòu)的影響。

舊版的滴滴App更偏向于出行工具，信息層級更加扁平。出行選擇采用頭部標(biāo)簽形式，用戶切換后即可進(jìn)入相應(yīng)的頁面，操作效率更高。

而改版后的滴滴升級為綜合性平臺，集合了橙心優(yōu)選、理財(cái)、外賣等業(yè)務(wù)，因此首頁增加了金剛區(qū)作為入口分流，信息架構(gòu)層級更深。同時(shí)為了扶植“橙心優(yōu)選”流量，首頁下方內(nèi)容全部為商品展示，通過直接加購的方式，實(shí)現(xiàn)用戶快速選購下單。

2. 有效的內(nèi)容傳達(dá)

信息傳達(dá)方式是服務(wù)于內(nèi)容的，需要根據(jù)內(nèi)容確定表現(xiàn)形式。資訊類產(chǎn)品更多的采用“左文右圖”的標(biāo)題形式，甚至直接展示內(nèi)容，引導(dǎo)用戶瀏覽查看，用戶的行為鏈路更短，效率更高。

而電商類產(chǎn)品由于商品品類眾多、玩法更多，用戶選購時(shí)需要了解的信息更多，因此鏈路會更長。為了激發(fā)用戶興趣，頁面展現(xiàn)更多以商品圖展示為主。

拼多多為了縮短用戶觸達(dá)商品的鏈路，采用了類似資訊產(chǎn)品的信息結(jié)構(gòu)，首頁除了金剛區(qū)和重點(diǎn)頻道樓層外，直接展示出了商品信息，而且采用的是“左圖右文”的方式，讓用戶可以更全面的了解商品信息，從而減少用戶的決策成本，提高用戶的購買效率。

3. 強(qiáng)化情感信息

產(chǎn)品最高目標(biāo)是與用戶建立穩(wěn)定的連接關(guān)系，將用戶轉(zhuǎn)化成產(chǎn)品的忠實(shí)用戶。單純依靠設(shè)計(jì)手段是無法實(shí)現(xiàn)的，需要提升綜合的產(chǎn)品價(jià)值，但是某些節(jié)點(diǎn)，設(shè)計(jì)層面可以帶給用戶更為強(qiáng)烈的感知。特定場景下需要通過情感化的表達(dá)，拉近產(chǎn)品與用戶的距離。

最為典型的就是游戲中的“爽點(diǎn)”體驗(yàn)，用戶等級升級成長、游戲中擊殺對方，對戰(zhàn)勝利等關(guān)鍵時(shí)刻，都會通過音效、動效強(qiáng)化用戶的正向情緒。

二、影響信息傳達(dá)的3個(gè)因素

信息傳達(dá)以接收方的體驗(yàn)為衡量標(biāo)準(zhǔn)，需要緊緊圍繞用戶的需求、認(rèn)知和場景做出相應(yīng)的體驗(yàn)設(shè)計(jì)。

1. 與用戶需求和習(xí)慣相匹配

無論是2020年初的支付寶平臺戰(zhàn)略升級，或是引發(fā)廣泛關(guān)注的淘寶首頁改版，還是今年滴滴的改版升級，都是基于產(chǎn)品戰(zhàn)略方向做出的改進(jìn)優(yōu)化。

但是用戶核心行為習(xí)慣都做了保留，避免升級帶給用戶太多負(fù)面體驗(yàn)。例如支付寶版本升級后，首頁的核心操作區(qū)域中“掃一掃”和“收/付款”依舊占據(jù)了重要的頁面位置。滴滴從出行工具走向了平臺、但是交通出行仍然作為首要核心功能放置在頁面最頂端。

2. 與用戶心智模型相匹配

當(dāng)用戶根據(jù)接收到的信息做出相應(yīng)行為時(shí)，希望能夠看到與信息相匹配的內(nèi)容。因此信息傳遞需要符合用戶的“心智模型”。

例如拼多多的省錢月卡的推廣利益文案“4張5元無門檻券”，因此用戶進(jìn)入省錢月卡的開通頁面時(shí)，最重要的信息展示就是4張平鋪的無門檻券，從而讓用戶的理解成本更低。同時(shí)借助券數(shù)量曝光強(qiáng)化視覺沖擊力，保證了核心權(quán)益的突出展現(xiàn)。

某些場景下，用戶無法根據(jù)以往的“經(jīng)驗(yàn)”去判斷頁面內(nèi)容時(shí)，信息傳達(dá)則需要為用戶建立新的認(rèn)知，這也是很多運(yùn)營活動頁面都會增加頭圖的原因。通過規(guī)則或者利益點(diǎn)的傳達(dá)，為用戶輸入新的心智并增強(qiáng)活動的氛圍。

3. 與用戶場景相匹配

關(guān)鍵的用戶節(jié)點(diǎn)和場景下，需要通過特殊的方式傳遞給用戶差異化的信息，從而建立用戶新的認(rèn)知體驗(yàn)。

淘寶88VIP在會員營銷場景下，以建立用戶心智為目標(biāo)，通過對品牌符號的打造和復(fù)刻提升用戶感知度，將會員卡的卡框結(jié)構(gòu)放在版頭的位置，承載了用戶的信息，讓每一個(gè)進(jìn)到會場的用戶都能清楚的認(rèn)知到自己的身份。

來自 AliababaDesign

京東PLUS會員年度盛典，作為會員體系重要的時(shí)間節(jié)點(diǎn)，在會場的頭圖中加入了動效，與普通會場形成了較大的差異化表現(xiàn)形式，從而更好的傳遞出PLUS會員專有的尊享感和價(jià)值感。

三、表現(xiàn)層信息傳達(dá)設(shè)計(jì)的原則

“信息傳達(dá)”設(shè)計(jì)原則主要有2個(gè)維度——“傳達(dá)效率”和“接收有效性”。

1. 交互層面的信息傳達(dá)

（1）核心信息顯性傳達(dá)

從業(yè)務(wù)層面來說，需要傳達(dá)給用戶的信息可能非常多，然而用戶的精力和耐心是有限的。用戶進(jìn)入一個(gè)頁面后，無法快速獲得有價(jià)值的信息，很容易選擇離開。

因此需要提煉出關(guān)鍵核心的利益點(diǎn)呈現(xiàn)給用戶，將信息有序的傳達(dá)給用戶。拼多多省錢月卡，美團(tuán)外賣月卡、淘寶省錢卡都是采用贈送無門檻券或折扣券的方式，提高用戶“回本”的權(quán)益感知。在頁面展現(xiàn)上采用了優(yōu)惠券平鋪的形式，強(qiáng)化視覺沖擊力，保證了核心權(quán)益的快速有效傳達(dá)。

（2）一屏空間有效性

用戶耐心是有限的，所有超出一屏空間的信息都有可能被用戶忽略，或者因?yàn)橛脩艟p弱而無法準(zhǔn)確接收信息。因此需要保證核心信息一屏內(nèi)有所露出，讓用戶能夠有所感知。

（3）圖形化表現(xiàn)/數(shù)據(jù)化展示

相比較文字，圖形化的展示方式效率更高，而數(shù)據(jù)的量化展示，更容易傳遞價(jià)值，讓用戶形成更直觀的認(rèn)知。

（4）集合化信息傳達(dá)

當(dāng)信息內(nèi)容相較多時(shí)，需要將內(nèi)容匯總分類展示，減少用戶的記憶負(fù)擔(dān)。淘寶88VIP將眾多權(quán)益集合為4項(xiàng)權(quán)益集合點(diǎn)，讓用戶認(rèn)知更加簡單，更有利于形成用戶記憶點(diǎn)。

來自 AliababaDesign

2. 視覺層面的信息傳達(dá)

（1）基于場景設(shè)定設(shè)計(jì)風(fēng)格

電商頁面大致可以分為功能性頁面和運(yùn)營性頁面。

功能頁面長期存在的，包含了很多功能點(diǎn)。作為用戶日常訪問的頁面，需要保持穩(wěn)定、有效的信息傳遞，需要避免頁面內(nèi)容頻道變動。因此設(shè)計(jì)師需要“守正”，充分考慮用戶瀏覽認(rèn)知習(xí)慣、建立清晰的信息層級。

如果一味的追求視覺表現(xiàn)力，滿屏都是花花綠綠的“亮點(diǎn)”，對用戶信息接收絕對是一種挑戰(zhàn)。而運(yùn)營頁面是短期的活動性頁面，更多的是券、商品、品牌的曝光。

例如雙11、 618、雙12等重要的大促節(jié)點(diǎn)的活動頁面，需要通過創(chuàng)新的視覺表現(xiàn)力增強(qiáng)氛圍，這就需要設(shè)計(jì)師能夠“出奇”。例如更加濃重的界面背景，更多的氛圍元素等等。

（2）遵循用戶認(rèn)知習(xí)慣

用戶是有固有的認(rèn)知習(xí)慣的，空間距離、視覺元素都會影響到用戶認(rèn)知，因此在設(shè)計(jì)時(shí)需要基于業(yè)務(wù)需求、用戶習(xí)慣作出合理的設(shè)計(jì)方案。

例如我們熟知的格式塔理論等，盡可能的保證頁面的簡單、有序，避免因?yàn)榉浅Ｒ?guī)的設(shè)計(jì)元素造成視覺干擾，產(chǎn)生太多的信息噪點(diǎn)，影響信息的傳遞。

（3）動效引導(dǎo)用戶視覺

動態(tài)信息更容易吸引用戶的視覺焦點(diǎn)，但是頁面中同時(shí)存在多個(gè)動效時(shí)，需要注意動效的節(jié)奏，避免同時(shí)出現(xiàn)造成用戶視覺的混亂。

淘寶首頁動效

四、寫在最后

創(chuàng)新是所有設(shè)計(jì)師的追求。但很不幸，信息傳達(dá)層面的創(chuàng)新都是需要面向用戶的，需要充分考慮用戶習(xí)慣和接受度才能產(chǎn)生設(shè)計(jì)價(jià)值。否則創(chuàng)新設(shè)計(jì)可能成為信息傳達(dá)中的噪點(diǎn)。

#專欄作家#

子牧先生。公眾號：子牧UXD（HelloDesign），人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗(yàn)設(shè)計(jì)師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn)，擅長體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。

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

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