編輯導語：意符是傳達示能關係的信息提示 比如交通場景下的紅燈就是一種禁止通行的信息提示。本篇文章中 體驗設計核心概念之-意符 - 趣味新聞網

編輯導語：意符是傳達示能關係的信息提示，比如交通場景下的紅燈就是一種禁止通行的信息提示。本篇文章中，作者從意符的類型和錶現形式兩方麵詳細的介紹瞭意符，感興趣的小夥伴不妨來看看。

今天我們要來講意符，意符在外麵日常與事物的交互過程中，非常重要。

以下文字比較乾，部分需要大傢仔細閱讀動腦，覺得難懂的小夥伴可以聯係我交流。

一、意符的類型與錶現形式

示能 決定可能進行哪些操作， 意符 則點明操作的位置以及如何操作。

設計師往往會說，我設計瞭一個很好的方案。

它將告訴你産品的用途，但是用戶卻不知所措，雖然知道産品就在那裏，但無法下手，因為 意符不明確 。

例如我們最常用的人體工學椅，可以調節高低和後仰角度，調節的控製器是兩個把柄。

如果沒有意符加入，我們經常會記不清哪一個控製器控製的是後仰角度，哪一個控製的是座椅高度，需要去做更多的嘗試。

所以 意符告訴我們對 事物 的 正確操作方式 以及任何 可感知 的標識 。 說白瞭就是一個能夠錶達事物具體操作的符號。

大傢還記得上一篇文章舉的一個 門的例子嗎 ？

在日常生活中，雙開門通常在商場、大型會議場館內看見。

因為考慮到人流量比較多，於是在門上就會齣現推/拉兩個文字意符，避免兩側的人同時推或者拉，引導人們正確通行。

我們可以使用推/拉，但不可以用“按”，因為我們無法通過“按”的交互來操控門的開關。

如何判斷一個設計是否優秀，那麼我們會觀察其本身的示能和意符傳達是否自然。

如果意符錶現的太過刻意或者畫蛇添足那就是很糟糕的設計， 例如在兩扇透明的玻璃門上再添加推/拉的標識，就顯得有點多餘瞭。

再例如切換短視頻和翻頁電子小說，我們不會用一個翻頁按鈕而是通過 滑動來手勢 切換。

當我們將內容設計全屏的時候就要考慮到當下示能的含義，所以就不要畫蛇添足。

OK，它的錶意大傢已經清楚瞭，那麼在數字産品中，意符有哪些類型和作用呢？它們又可以幫助用戶解決什麼問題，我們來看一看。

二、意符的類型

1. 文字

文字意符是最常見的一種類型，利用文字描述來說明如何進行交互操作。

但是中文文字博大精深，不同的描述給人的理解和感受完全不同。

（1）案例1:開關

開關控件單獨拎齣來 不具備完整的含義 ，必須在 相應的場景中 。

例如我們在通知、設置的場景中經常會用到開關，並且需要相應的文字描述來解釋開關控製的內容是什麼。

這裏的文字就是意符，用來解釋開關的作用。

開關本身具備的含義中是有這樣兩條原則：

需要讓用戶感知操作後立即生效

開關所屬文本必須簡單清晰無歧義

所以咱們可以看下方的案例。

當我們將文本描述為“不打開（關閉）則不再進行消息數字提醒”和“不接受推薦”後，會顯得開關操作含義不明不直觀。

正確方式應該是正嚮且簡單的描述， 不要用雙重否定等描述方式。 默認描述為打開後的狀態描述。

再來拓展一下，我們會發現其實 依然還有 産品中的開關文字意符用瞭 非正嚮描述 ，那按照你的說法不就錯瞭嗎？

我們來看看小紅書和微信的 權限開關 ，這裏分彆是 隱私 設置和 權限 設置。

這裏理解起來會有點繞，大傢看看能不能理解。

首先 “隻允許我關注的人評論我”這是一個正嚮描述 ，沒有問題。

如果換成反嚮描述就會變成 “不關注我的人不能評論我” ，結閤右側的開關，邏輯層麵就要多加一個雙重否定的理解，所以這裏的用正嚮沒有問題。

接下來看下麵的關係設置： 不把我推薦給可能認識的人 ，誒這裏用瞭反嚮描述，大傢來分析一下，這裏是否閤理呢？

首先小紅書在新下載應用打開時會嚮 用戶 進行 授權 ，為瞭幫助用戶發現更多渠道的好友，所以默認在協議中就會去微博、通訊錄裏拉取好友的信息從而在瀏覽內容的時候進行更多好友的 曝光和推薦。

同時也會將我的信息推薦給認識的人，這樣産品的活躍度、用戶的曝光會提升。

那麼大傢再來品一品這兩句話： 1.“不把我推薦給….” 2.“把我推薦給….”

前者比較含蓄，後者則更主動。

中國人的關係總體來說就是比較含蓄的，就好像是你可以給我推薦，但我不會主動要求。

更何況像小紅書這樣的社交平台，“可能認識的人”對我來說價值並不是很大。

所以我個人也覺得默認不推薦比較好。

不知道這樣的說法大傢是否可以接受。

再來看微信：不讓他看和不看他。

微信這個平台想必我不用多說，既然是熟人社交更多，那麼默認肯定是全部開放，而有特殊需求纔需要進行隱私設置。

所以默認狀態為不讓他看-開關關閉，意思是我沒有打開這項 非友好的選項。

那為什麼會齣現有的開關默認打開，有的開關默認關閉，還可以使用反嚮描述呢？

我總結瞭下，如果涉及到一些 隱私和權限的內容 ，一般我們默認為 開關關閉 。

但如果是為瞭 用戶體驗和效率考慮 的內容我們可以 默認為打開 ，例如視頻播放結束自動播放下一個視頻這樣的設置。

開關文字意符的描述方式還有幾種不同的方式：

內容標題+開關切換後狀態與內容變化的描述

第一種類型也就是上方說的案例，但是要注意的是，在描述狀態變化的時候，文本要正嚮、簡單的描述。

例如開啓後，接收xxx消息，而不要寫成關閉後，不接受xxx消息。

功能直接描述

不添加說明文本，直接展示功能標題。

例如 微信聽筒模式、消息設置、提醒等 ，直接用開關控製這些功能的打開和關閉，屬於功能設置。

還有一種是授權，例如 允許他人查看我的收藏 ，對他人行為的約束，但不能描述為不允許他人查看我的收藏。

因為剛纔我們總結瞭，如果對於一些隱私權限的設置默認需要關閉，那麼加上正嚮描述就 不能 使用“不允許”。

批量整體描述

對於同一種類型的功能設置，可以利用批量的形式做整體描述。

再來看一個例子，示能在不夠清晰的情況下，文本意符用來 輔助 對當前內容/狀態的 解釋 。

例如b站在瀏覽內容的時候會齣現 “剛剛看到這裏，點擊刷新” ，或者當我們在瀏覽信息到一個頁麵底部時發現無法繼續滑動，會齣現一行文案： 我是有底綫的 ，說明內容全部展示完畢。

文字意符很直觀，但也要避免歧義。

2. 圖形/圖標

圖標在某種程度上當作意符使用的頻率會更高，雖然某些圖標錶意不明，但是因為簡約、美觀、生動、普適性強的原因，所以很多地方傾嚮於用圖標。

例如公共衛生間、商場的扶梯、通道， 通常會用圖標來代替文本，或者強圖標+弱文本的形式。

既然咱們要說圖標意符，而且要突齣圖標意符的作用， 那就必須有個前提，那就是拋開其他的變量、因素的影響，圖標意符究竟有什麼神奇的魔力。

例如我們常用到的列錶，很熟悉吧，接下來我將用圖標來讓這個列錶的示能産生變化。

我們發現，隻有文本的列錶，示能不明顯，而加上圖標之後就很明確瞭，甚至加上不同的圖標，示能也隨之變化瞭呢？

刷新、跳轉、展開、移動、選中、刪除、步進、開關、屏蔽、更多。

但你不能用撐開、嚮上展開、鏇轉、翻轉、摺疊、迴退等等。

這些其實是很簡單和基礎的概念，但是很多工作多年的UI設計轉交互體驗的小夥伴就經常遇到這些問題，大傢總是在問UI和交互的區彆是什麼。

其實本質上它倆都是一個界麵設計師必備的能力，不能拆開來談。

我們再來看一個例子， 播放/暫停的圖標 ，用來控製音頻/視頻的播放與暫停，

在實體播放器上，我們能看到播放和暫停往往集成在一個按鈕上，例如天貓精靈、電視遙控器等。

而在數字産品中播放與暫停並不會同時放在一個按鈕上。

因為數字産品的圖標是可以變化的，當前狀態和切換狀態可以有兩個不同的意符錶示，那實體播放器做成兩個按鈕就太多餘瞭。

還沒完，當我們在觀看視頻的時候，界麵中會顯示暫停按鈕，意思是點擊後播放中的視頻/音頻會暫停播放。

也就是暫停圖標展示的是點擊後的狀態，而不是當前狀態。

但其他圖標錶示的意思卻又和開關相反，例如橫竪屏切換、收藏、點贊，顯示的就是當前狀態，而非點擊後狀態。

為什麼不一樣呢？因為暫停/播放相當於一個按鈕，用來控製視頻播放。

這裏存在著一個控製和映射的關係，然而這裏的暫停和播放按鈕的示能是相反的。

暫停圖標的示能錶示當前正在播放，而播放圖標的示能錶示當前已暫停。

所以它和開關也不同，開就是開，關就是關，點贊圖標的原理就如同開關。

還有 例如打開和關閉聲音 ，看起來聲音播放/靜音有點像視頻的暫停和播放。

例如騰訊視頻這裏的視頻聲音控製，當前靜音為聲音關閉圖標，而不是打開後播放聲音的圖標。

我們再看iOS係統的裏聲音控的樣式錶現，說明當前聲音為開啓則顯示的是開啓聲音的圖標，經過交互控製後纔會變成靜音的圖標。

所以聲音播放的控製和視頻播放的控製在圖標意符的使用規則上並不統一。

那為什麼會不一樣呢？其實我也看到過一些聲音圖標和這個案例是反著來的。

（1）兩個原因

因為視頻的打開和關閉隻有兩個狀態，但是聲音不同，聲音在打開的時候還可以調節音量啊！

如果和視頻播放一樣，在播放的狀態下顯示的是靜音的圖標，那麼音量調節就會變成這樣：

是不是就很奇怪瞭，明明是正在播放的狀態，顯示的居然是靜音的圖標。

暫停和播放的本質並不是開和關，而是 中斷和繼續 ，在本質上和開關還是不一樣的。

而靜音和播放的本質就是 對聲音的打開和關閉 ，如果我在聲音邊上加一個開關是不是就能弄清楚，為什麼聲音控製器的圖標意符就是當前狀態而不是交互後的狀態。

而視頻的播放和暫停並不是開關。這下大傢搞懂瞭嗎？

圖標意符可以單獨使用也可以結閤文字使用 ，圖標雖然有優點，但也有缺點。

如果單獨使用也需要注意使用的場景，比如舉個例子，同樣是放在導航欄的兩個圖標，但是在不同的界麵中，大傢可以感知到該圖標的含義嗎？

它的示能和意符相結閤成為瞭一個圖標，但不夠明確，在不同場景中如果沒有文字意符的輔助就會不夠明確。

圖形可以輔助錶意，也可以用來指示區域。

例如我們經常開車，會知道馬路上會劃分實綫、虛綫、虛實綫、潮汐車道綫，示意車輛可以在哪些區域行駛、以及形式的規則。

我們在醫院拍胸片的時候，胸片機器下方也會指示人應該站在什麼位置，用一個 方形的框 框起來，或者會顯示兩個 腳印的圖形。

在數字産品中圖形的指示區域也非常重要，例如我們設計一個按鈕，隻有文字樣式的按鈕和具有圖形背景的按鈕在用戶的點擊感知上是不同的。

後者的點擊信心會更大，有瞭區域的劃分就有瞭明確的操作界限。

3. 顔色

顔色意符很好理解，通過色彩來錶達如何與事物進行交互以及輔助錶達。

無論是實體産品或者數字産品中，警示的顔色大部分會用紅色或者橙色來錶示。

例如在進行信息檢查時，錯誤信息會被用紅色樣式標注齣來，既告知用戶齣瞭什麼問題，又提示用戶在哪裏齣現問題。

而需要熱鬧、活潑的氛圍也會采用紅色等暖色來襯托，因為暖色更加的醒目。

有時顔色也是物體示能的一部分，例如緊急逃生齣口、公交車上的安全錘、滅火器都是用紅色的外觀，錶示在緊急情況下可以使用，但不要輕易使用。

綠色錶示安全、自然，但也有一些特殊場景下的不同感知。

例如金融行業不太喜歡綠色，男士不太喜歡帽子使用這個顔色，除非你是比剋大魔王。

灰色則錶示禁止、不可用、待激活等等。

在數字産品中，色彩除瞭錶示一些特殊的含義，也可以用來作為信息區分。

在選擇觀影位置的時候，可以利用色彩顯示不同區域位置的觀影體驗和價格的區彆。

更多的色彩心理學和色彩的使用這裏就不展開瞭。

4. 聲音

聲音意符就更有意思瞭，人們通過聽聲音來辨彆發生方位、響度、發聲物體以及聲音的音色、質感。

各種物體通過聲音來傳信息的方式也非常多樣，而我舉個例子，就能把大傢帶迴到童年。

你們還記得以前在學校電腦教室裏一個企鵝圖標開始閃爍嗎？

一個咳嗽聲錶示有人申請加你好友，一個敲擊木頭的聲音錶示有人上綫瞭，一個滴滴滴的聲音錶示有新消息。

還有在短視頻裏經常會用到的一種中斷音效：滴――――。

你們會發現我怎麼能打齣有聲音的文字，仿佛你們已經在聽瞭。

聲音為什麼很重要，因為人類的五感是在共同作用的。

我 們除瞭可以通過聲音來判斷事物本身，還可以用聲音來感知當前行為的狀態。

例如打開手機的鍵盤輸入音，這樣的打字反饋更真實更有質感。

還有在遊戲領域我們經常會提到的 打擊感 ，當人物的武器打擊在怪物身上，但聲音並沒有及時反饋，而是延遲1秒。

這時候你就會覺得沒有什麼打擊感，除瞭聲音反饋，打擊感的意符還有很多，例如受擊物體的錶現動作、擊打區域、擊打特效、動效、傷害顯示、控製器反饋等等。

5. 動效

動效也可以成為意符嗎？它能錶示什麼含義呢？

動效也是意符中非常重要的一種類型，他在我們日常生活中也用到的非常多。

例如我們看到理發店門口正在鏇轉的彩色燈。

這裏也順便給大傢講個小曆史，理發店彩燈的由來： 在中世紀歐洲，人們認為放血療法對人的健康又很大的幫助。

但是一般都由宗教儀式中的神職人員操作，到瞭亞曆山大三世，他把這項工作交給瞭醫生，但是當時的醫生不願意做這種下等人做的事情，便委托理發師來做。

於是理發師就成立瞭理發師外科醫師聯閤會，三色柱就是活動的標誌，紅色代錶動脈、藍色代錶靜脈、白色代錶紗布。

還有一種說法是在法國大革命時期，一傢理發店是革命黨人根據地，一次危險的活動中領導人在理發師的掩護下逃脫。

最後為瞭錶彰，允許他們用紅、白、藍三色的國旗作為標注，最後演化成瞭鏇轉燈，各國效仿。

好瞭，題外話說完，我們再迴到動效。

如果你看到三色燈正在鏇轉，說明這傢理發店正在營業，如果靜止則說明停業，或者壞瞭。

是不是很簡單？這就好像一個齣軌的女人告訴情夫如果傢裏有人則陽台上放一盆菊花，傢裏沒人則放一盆綠蘿是一個道理。

那麼在數字産品中，動效意符還有哪些作用呢？我們一一來盤點一下：

（1） 降低用戶認知成本

我們通過設計界麵的轉場、控件的喚齣動效，告訴用戶你將從什麼地方去往什麼地方，和你有關的控件是從哪裏來，你可以怎麼控製他。

當你進行過交互行為後哪些內容變化瞭，它們是怎麼變化的。

這就好像你等的45路公交車從遠方朝你慢慢行駛過來，停在你的麵前並打開瞭車門，你選擇瞭上車然後看到阿姨捧著電飯鍋，拉動氣門，接著爆炸。

而不是當你站在原地直接爆炸。被紅姨的支配還宛如昨日。

所以一個好的動效能讓你清楚事物的發展過程，以便於你更好的去理解。

再例如我們在使用餓瞭麼、美團等應用時，添加菜品會有掉入外賣箱的動效，這是一個非常好的動效應用。

微信公眾號策劃將文章收起到浮窗也會有一個浮窗去嚮的引導，告訴你雖然文章在收入交互動作的結束是在右下角。

但如果你想查看所有文章需要返迴首頁，在頁麵的左上角纔能找到。

（2）引導/提示/強化

對於一些新人須知或者內容隱藏的部分，産品通常可以通過一個小動效來引導用戶這裏有新內容，例如淘寶二樓、印象筆記功能圖標的切換、活動入口等等

（3） 氛圍、強化視覺

電商、直播界麵中，有非常多的元素都是利用動效來刻畫氛圍和效果，刺激人們的感官。

（4）錶示狀態

當你在手機解鎖的狀態下輸錯密碼或者在氪金時輸錯密碼，輸入框都會進行左右晃動來示意，老鐵，這真的不對。

（5）更多意符

意符不局限於我列齣的一些類型，我再舉個例子，在一個不起眼的轉角處，那裏空無一物，就是很普通的一塊空地。

但如果那裏被丟瞭一袋垃圾，那麼這裏就會齣現越來越多的垃圾。

因為第一袋垃圾就是一個意符，告訴彆人這裏可以丟垃圾，於是很多人就會把垃圾丟在這個角落裏。

很多人會覺得示能和意符好難區分，示能不是也包含意符嗎，

其實我們可以這樣理解，在整個交互過程中有物體和操作者這樣兩個對象，物體本身錶達的是示能，但它不具備溝通能力。

而意符纔是鏈接操作者和物體兩者的橋梁，雖然我們平時往往看到的都是示能+意符的狀態，但是我們也要區分本體的示能和用來溝通的意符兩者的區彆。

二、小結

意符和示能不可分割，設計師們在學習基礎概念的時候要盡可能的一起去瞭解並學習。

意符的種類繁多，所以我們在學習意符正確的時候方式時，首先要瞭解意符本身的“示能”，從而將意符更巧妙的結閤在事物中發揮其正確的錶意作用。

設計師在設計意符的時候也要盡可能的多瞭解産品使用者（用戶）的背景，意符的錶達也有很大一部分效果來自於用戶的經驗和心智。

即便我們認為該意符已經很清晰瞭，但是使用者並未接觸過、不理解，說明該意符依然不閤適。

＃專欄作傢＃

本文由 @應駿 原創發布於人人都是産品經理。未經許可，禁止轉載。

題圖來自Unsplash，基於CC0協議