體驗設計師如何做好【信息傳達】
編輯導語:體驗設計師如何才能做好信息傳達呢?本篇文章中,作者從信息傳達的3個層級、影響信息傳達的3個因素、交互和視覺層面信息傳達的設計原則這三個方面去詳細地介紹,推薦想要學習信息傳達的群體閱讀。
作為體驗設計師,基本的任務就是根據產品目標和用戶需求,傳遞給用戶有價值的信息,解決用戶的實際問題,最終帶給用戶愉悅的體驗感受,同時提升商業價值。
“信息傳達”是設計的第一步,只有做好有效的信息傳遞,才能進一步影響用戶的操作行為。
當然為了帶給用戶更好的體驗,除了清晰的傳達業務層面的信息之外,還需要從情感層面與用戶形成互動,最終在用戶內心建立起產品品牌形象,讓用戶與平臺形成更穩定的連接關系。
那么到底如何做好信息傳達設計呢?
本文主要內容包括:信息傳達的3個層級、影響信息傳達的3個因素、交互和視覺層面信息傳達的設計原則。
一、信息傳達的3個層級
根據體驗設計的五要素,設計師深度參與的環節主要集中在結構層,框架層和表現層,因此信息傳達需要包含3個層面的內容。
1. 合理的信息架構
產品信息架構是根據整個產品定位確定的,是產品最基本的信息傳達方式,不同的產品類型信息架構差異會比較大。最近滴滴的改版很好的展現了產品定位對信息架構的影響。
舊版的滴滴App更偏向于出行工具,信息層級更加扁平。出行選擇采用頭部標簽形式,用戶切換后即可進入相應的頁面,操作效率更高。
而改版后的滴滴升級為綜合性平臺,集合了橙心優選、理財、外賣等業務,因此首頁增加了金剛區作為入口分流,信息架構層級更深。同時為了扶植“橙心優選”流量,首頁下方內容全部為商品展示,通過直接加購的方式,實現用戶快速選購下單。
2. 有效的內容傳達
信息傳達方式是服務于內容的,需要根據內容確定表現形式。資訊類產品更多的采用“左文右圖”的標題形式,甚至直接展示內容,引導用戶瀏覽查看,用戶的行為鏈路更短,效率更高。
而電商類產品由于商品品類眾多、玩法更多,用戶選購時需要了解的信息更多,因此鏈路會更長。為了激發用戶興趣,頁面展現更多以商品圖展示為主。
拼多多為了縮短用戶觸達商品的鏈路,采用了類似資訊產品的信息結構,首頁除了金剛區和重點頻道樓層外,直接展示出了商品信息,而且采用的是“左圖右文”的方式,讓用戶可以更全面的了解商品信息,從而減少用戶的決策成本,提高用戶的購買效率。
3. 強化情感信息
產品最高目標是與用戶建立穩定的連接關系,將用戶轉化成產品的忠實用戶。單純依靠設計手段是無法實現的,需要提升綜合的產品價值,但是某些節點,設計層面可以帶給用戶更為強烈的感知。特定場景下需要通過情感化的表達,拉近產品與用戶的距離。
最為典型的就是游戲中的“爽點”體驗,用戶等級升級成長、游戲中擊殺對方,對戰勝利等關鍵時刻,都會通過音效、動效強化用戶的正向情緒。
二、影響信息傳達的3個因素
信息傳達以接收方的體驗為衡量標準,需要緊緊圍繞用戶的需求、認知和場景做出相應的體驗設計。
1. 與用戶需求和習慣相匹配
無論是2020年初的支付寶平臺戰略升級,或是引發廣泛關注的淘寶首頁改版,還是今年滴滴的改版升級,都是基于產品戰略方向做出的改進優化。
但是用戶核心行為習慣都做了保留,避免升級帶給用戶太多負面體驗。例如支付寶版本升級后,首頁的核心操作區域中“掃一掃”和“收/付款”依舊占據了重要的頁面位置。滴滴從出行工具走向了平臺、但是交通出行仍然作為首要核心功能放置在頁面最頂端。
2. 與用戶心智模型相匹配
當用戶根據接收到的信息做出相應行為時,希望能夠看到與信息相匹配的內容。因此信息傳遞需要符合用戶的“心智模型”。
例如拼多多的省錢月卡的推廣利益文案“4張5元無門檻券”,因此用戶進入省錢月卡的開通頁面時,最重要的信息展示就是4張平鋪的無門檻券,從而讓用戶的理解成本更低。同時借助券數量曝光強化視覺沖擊力,保證了核心權益的突出展現。
某些場景下,用戶無法根據以往的“經驗”去判斷頁面內容時,信息傳達則需要為用戶建立新的認知,這也是很多運營活動頁面都會增加頭圖的原因。通過規則或者利益點的傳達,為用戶輸入新的心智并增強活動的氛圍。
3. 與用戶場景相匹配
關鍵的用戶節點和場景下,需要通過特殊的方式傳遞給用戶差異化的信息,從而建立用戶新的認知體驗。
淘寶88VIP在會員營銷場景下,以建立用戶心智為目標,通過對品牌符號的打造和復刻提升用戶感知度,將會員卡的卡框結構放在版頭的位置,承載了用戶的信息,讓每一個進到會場的用戶都能清楚的認知到自己的身份。
來自 AliababaDesign
京東PLUS會員年度盛典,作為會員體系重要的時間節點,在會場的頭圖中加入了動效,與普通會場形成了較大的差異化表現形式,從而更好的傳遞出PLUS會員專有的尊享感和價值感。
三、表現層信息傳達設計的原則
“信息傳達”設計原則主要有2個維度——“傳達效率”和“接收有效性”。
1. 交互層面的信息傳達
(1)核心信息顯性傳達
從業務層面來說,需要傳達給用戶的信息可能非常多,然而用戶的精力和耐心是有限的。用戶進入一個頁面后,無法快速獲得有價值的信息,很容易選擇離開。
因此需要提煉出關鍵核心的利益點呈現給用戶,將信息有序的傳達給用戶。拼多多省錢月卡,美團外賣月卡、淘寶省錢卡都是采用贈送無門檻券或折扣券的方式,提高用戶“回本”的權益感知。在頁面展現上采用了優惠券平鋪的形式,強化視覺沖擊力,保證了核心權益的快速有效傳達。
(2)一屏空間有效性
用戶耐心是有限的,所有超出一屏空間的信息都有可能被用戶忽略,或者因為用戶精力減弱而無法準確接收信息。因此需要保證核心信息一屏內有所露出,讓用戶能夠有所感知。
(3)圖形化表現/數據化展示
相比較文字,圖形化的展示方式效率更高,而數據的量化展示,更容易傳遞價值,讓用戶形成更直觀的認知。
(4)集合化信息傳達
當信息內容相較多時,需要將內容匯總分類展示,減少用戶的記憶負擔。淘寶88VIP將眾多權益集合為4項權益集合點,讓用戶認知更加簡單,更有利于形成用戶記憶點。
來自 AliababaDesign
2. 視覺層面的信息傳達
(1)基于場景設定設計風格
電商頁面大致可以分為功能性頁面和運營性頁面。
功能頁面長期存在的,包含了很多功能點。作為用戶日常訪問的頁面,需要保持穩定、有效的信息傳遞,需要避免頁面內容頻道變動。因此設計師需要“守正”,充分考慮用戶瀏覽認知習慣、建立清晰的信息層級。
如果一味的追求視覺表現力,滿屏都是花花綠綠的“亮點”,對用戶信息接收絕對是一種挑戰。而運營頁面是短期的活動性頁面,更多的是券、商品、品牌的曝光。
例如雙11、 618、雙12等重要的大促節點的活動頁面,需要通過創新的視覺表現力增強氛圍,這就需要設計師能夠“出奇”。例如更加濃重的界面背景,更多的氛圍元素等等。
(2)遵循用戶認知習慣
用戶是有固有的認知習慣的,空間距離、視覺元素都會影響到用戶認知,因此在設計時需要基于業務需求、用戶習慣作出合理的設計方案。
例如我們熟知的格式塔理論等,盡可能的保證頁面的簡單、有序,避免因為非常規的設計元素造成視覺干擾,產生太多的信息噪點,影響信息的傳遞。
(3)動效引導用戶視覺
動態信息更容易吸引用戶的視覺焦點,但是頁面中同時存在多個動效時,需要注意動效的節奏,避免同時出現造成用戶視覺的混亂。
淘寶首頁動效
四、寫在最后
創新是所有設計師的追求。但很不幸,信息傳達層面的創新都是需要面向用戶的,需要充分考慮用戶習慣和接受度才能產生設計價值。否則創新設計可能成為信息傳達中的噪點。
#專欄作家#
子牧先生。公眾號:子牧UXD(HelloDesign),人人都是產品經理專欄作家。產品體驗設計師。8年互聯網行業經驗,擅長體驗設計思維、設計方法論、交互設計研究。
本文原創發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 Unsplash,基于CC0協議
情感牌,特定場景下需要通過情感化的表達,拉近產品與用戶的距離。
產品信息架構是根據整個產品定位確定的,是產品最基本的信息傳達方式。