起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識3個維度，揭示視覺設計對產品的價值
筆者從需求方的角度出發，從三個維度——appearance顏值、experience體驗、function功能，來為大家解讀：清晰視覺設計的本質是什么？視覺設計對整個產品的價值是什么？
一、為什么要寫這篇文章
這是一篇設計文章，但是受眾不單純是設計師。
因為，我堅信查理·芒格說過的一段話：
“我完全無視不同行業、不同學科之間的界限?，F實世界中的問題不會恰好落在某個學科界限之上?！?/p>
我們的工作也是如此——我們的職位職責被劃分出不同的分類邊界。可是即便如此，本質上講，我們所做的所有事情都是在創造價值，通過為公司創造價值來達成我們的能力變現。
如果我們只關注我們自身這一個局部的問題，而不具備全局性思維，很可能局部問題雖然被良好解決?？墒牵@時整個系統可能就崩潰了。
《流浪地球》作者劉慈溪在接受采訪的時候說：“自己電廠上班的時候，上班時間寫作?！?/p>
這引起知乎的一個討論：電廠員工是不是太閑了。
事實上，是的。
電廠是需要24小時保障的單位，很多時候，值班人員就是沒事干?？墒且坏╇姀S出問題，搞不好就是對電網都會巨大影響。為了能夠出問題時，有人在場，就必須保證人員冗余，用局部低效率來保證整體的高效率。
這也是這篇文章寫作的初衷——希望通過對設計價值的解讀，來探索一個局部是如何影響整體的。
二、序言
對于大部分缺乏商業思維的設計師來講，對設計的理解也僅僅停留在視覺審美層面。而且，對老板或者其他需求方，不管是合理的要求，還是不合理的要求，都只按照自己思維邏輯去理解執行。
而在需求方的層面，很多非設計出身的決策者，對設計理解，同樣是只停留在一個好看的圖片。也根本不理解視覺設計對一個產品的價值，只認為產品功能和體驗才是產品的王道。
這種理念上的沖突，造成了團隊的巨大隔閡，同時也造成一個特別有意思的現象——社會出現兩種類型的視覺設計師：一種是偏重商業價值的——商人型設計師；一種是偏重視覺審美的——工匠型設計師。
然而，這種分裂更造成大家認知層面的對立，仿佛審美與功能之間是永遠不可調和的。
為什么設計師會覺著需求方審美有問題？而且作為需求方的產品經理、運營專員又為什么會覺著設計師做東西想當然呢？
造成問題的根本原因是：團隊成員對設計價值理解不夠全面。
今天這篇文章，就是試圖用一個模型——AEF模型，來解讀視覺設計的價值。
AEF模型是什么？
它由三個部分組成：A—appearance顏值、E—experience體驗、F—function功能。
而視覺設計的價值就是通過這三個方面展開的，不過這三個價值并不割裂。
另外必須強調一句：我并不認為這個模型就是真理。
因為在科學上有幾個知識成立的前提，其中非常重要的一點就是：任何理論都是的尚待被推翻的假設。
同樣，AEF模型也不會是真理，只是當前可以解決問題的一個方法而已。如果有其他的證明他是有問題的，就可以被推翻。即使無法證明，如果有其他更好的方法，一樣可以被替代。
三、視覺的本質
不過在詳細解讀設計價值之前，要先搞清楚一個問題：視覺設計的本質什么？
這個問題非常重要，因為相當于在明確問題。如果我們連問題都搞錯了，即使我們付出多大的努力，也難以解決這個問題。
這就如同我們生病感冒，會咳嗽、上火。感冒本質是是病毒感染，如果我們只糾纏于表面的去火，而不去解決病毒的問題，那感冒也很難被治愈。
視覺設計是什么？
多數人的回答我相信是美、帥、好看之類的。
對于產品界面或者品牌稿件來講，無非就審美之類的。不過我可以很明確的說：這種理解是非常表象的，或者說很常識性的錯誤。因為這個常識的錯誤，很多人根本無法理解視覺設計的根本價值。
可以說：為什么很多設計師始終在一個很低的層次無法突破？就是因為他們沒有意識到這個觀念是錯誤的。
視覺設計的本質是什么？
本質是信息。
用戶通過感知視覺信息，來決定自己的行為，比如：男生在馬路上看到一個美女，很忍不住去看兩眼。而如果是摳腳大叔，估計男生就沒興趣看了。
當我們從信息的角度去理視覺設計的時候，我會容易打破審美對我們的限制。因為視覺設計會由一個不可控工作，變成抽象信息轉換圖像信息的過程，過程變的可控。
這個概念有點繞口，說的簡單一點就是：所謂的創意其實是完全可以被控制，并不是設計師天才的表達。只要把握住這個底層的邏輯，基本設計一定合格乃至優秀的。
比如：前段時間，我接觸的一個項目，項目打算從視頻內容市場轉戰現在正值風口的兒童教育市場。因為方向性的轉變，原有品牌視覺系統無法繼續使用，這時候就要調整設計師語言。
相信不用我說，大家也能一眼看出：這兩個圖里，哪個是兒童教育的？哪個是視頻內容？
那我們為什么會判斷出來了？
因為我們感知到了這兩張圖形的信息，信息進入大腦后，我們的大腦經過比對，就判斷出來了：哪個代表兒童教育？哪個代表視頻內容？
不過這并沒解決另外一個問題，就是：設計選擇的問題——就是哪怕我說的對，可是老板就是覺著不好看不美。
這個就是設計評判的問題了，后續文章里面，我對這個問題會進行單獨的解讀，歡迎持續的關注。
不過，如果只是給大家一個結果，并沒有給出大家背后的邏輯的話，我相信這個邏輯就是不具備說服力的。
因為很多同學在寫論文的時候，都會用一個方法，就是：先寫論據，在找案例驗證。
其實這種驗證過程，沒有任何意義。
為什么我們視覺設計的認知會出現常識性錯誤？
因為大家的認知當中，認為設計是感性的，是隨機的。審美也是不確定性的，所以設計就是神奇的東西，很難被琢磨。
那么感性到底是什么？
感性是我們認知世界的模版，比如：我們看到比我們強大的人，會恐懼，這就是感性，它類似我們ps當中的插件，可以快速處理任務。
可是ps里面插件是怎么來的呢？
是我們一步一步制作出來的，制作的過程，并不快?？墒钱斪龀闪瞬寮妥兂梢粋€可以快速調用的東西。而快速調用有個缺點，就是不可控。是不是跟我們的感性很像？
“我們自身感性如何形成的？”，其實跟這個是一樣的道理。到這里，估計大家就會明白：感性其實是理性不斷重復的過程中形成的快捷方式。本質來講，他本身就是理性一種呈現方式。
可能說到這里，大家可能會有疑問：覺著不可思議，這很正常。
我給大家舉個例子：在非洲有個民族，他們以在嘴唇上加唇盤為美（具體的圖就不給大家看了，因為會引起恐懼。）
我們會接受那樣的美女嗎？
我相信不會，可是在他們的認知當中那也是美女。
那這種認知怎么來的呢？
就是來通過外部信息形成的固有認知而已。
總結一下：視覺設計本質是什么？——是信息。
假設你認同我的理論，那么你一定會有另外的一個疑問：即使你說的對，可是這并不能證明視覺設計就是有價值的。
那么視覺設計的價值是什么呢？
四、視覺的價值
關于視覺設計的價值，就會用到開篇的AEF模型：A—appearance顏值、E—experience體驗、F—function功能。
我會為大家重點解讀一下顏值的價值。至于體驗價值和功能價值，說實話，我自己并不專業，并不想在一群大佬面前班門弄斧。因此，后面只用案例進行簡單解讀，請大家見諒。
1. 顏值價值：信息的感知與傳達
感知什么?
感知信息。
當一個產品功能投放給用戶后，用戶的行為路徑是“感知-記憶-理解-行動”。這在傳播上非常的重要，如果用戶根本感知不到我們，那不管我們的項目多的多么完美也沒有任何的價值。
感知后在大腦中形成記憶，記憶后會把信息與大腦的信息進行比對理解，最終決定自己行為。
我們投放一個產品如果沒有視覺支撐，基本就是兩個結果：一個是用戶根本感知不到；另外一個結果就是用戶通過比對，認為不符合他想要的行為。
比如：大家看幾乎所有電商的主頁結構，幾乎都是一樣的。
再比如：當蘋果出來齊劉海后，幾乎所有的手機，都跟進出了齊劉海。
為什么？
因為蘋果的手機在用戶心中就是好的象征，他做什么，跟進做什么就沒錯。
千萬不要強調國產手機沒創意，只知道抄襲，當用戶形成已有認知，順勢而為是最有效果的。如果不順著來，會實打實的受損失的。
那為什么要用視覺進行傳播呢？
——第一點：視覺信息傳播效率最高。
因為人所感知的信息的80%的信息來自視覺的。
人感知世界只有五種方式：視覺、聽覺、觸覺、味覺、嗅覺，而視覺占據了我們收集新的絕大部分。而且，單一視覺所承載的信息量其實非常的大，遠遠超過其他四種知覺方式。
比如：我跟大家說，我認識一個特別美麗賢淑、楚楚動人、閉月羞花的萌妹紙設計師，我相信大家并不會有什么感受。
而一張照片會給人的信息感受，遠遠超過文字。[沒錯，這張照片我跟我朋友要到授權了]
——第二點：視覺信息比其他信息更容讓人接受。
先科普一個小知識：大腦的triune brain假說。
“三位一體的大腦”（triunebrain）假說是Paul MacLean于上世紀六十年代提出的理論。
此理論根據在進化史上出現的先后順序，將人類大腦分成“爬行動物腦”（Reptilianbrain）、“古哺乳動物腦”（paleomammalian brain）和“新哺乳動物腦”（neomammalianbrain）三大部分。每個“腦”通過神經纖維與其他兩者相連，但各自作為相對獨立的系統分別運行，各司其職。
他認為：這三個腦的運行機制就像“三臺互聯的生物電腦”，各自擁有獨立的智能、主體性、時空感與記憶。
我們爬行腦，屬于控制我們本能的大腦，而爬行腦更喜歡視覺化的信息。所以，我們本能會對視覺作出快速反饋。
這種快速反饋，幫我們度過了原始階段的危機，比如：看到獅子第一反應會去跑、站在高處會恐懼；如果沒有爬行腦，估計我們就是毛毛蟲了，想想都惡心。
所以，我們如果想要刺激別人本能的話，最好用視覺化的信息。而且，前面我也提到了，人的大腦處理視覺的化信息最有效率。
這也是寫在前面告訴大家，任何時候都不要只關注自己的局部的原因。視覺設計不單純是設計師的事情，對視覺的應用也不單純是圖片的問題。
比如，在文案上的應用：
- 雷軍大大的“風來了，豬都能飛起來?！?/li>
- ipod的廣告：“把1000首歌裝進口袋里。”
- 形容我自己胖：“那個跟野豬一樣胖的男人?！?/li>
其實不光是這種，在營銷的傳播上用視覺化信息也是非常多的。甚至，有專門的書，來寫視覺信息對傳播的價值，比如《視覺錘》，以及華與華出的《超級符號就是超級創意》。
如果有人跟你說：德國人工業水平最高，德國人做事最嚴謹。
大家聽過也就聽過了，并不會引起心理多大的起伏，可是如果是這個視覺化的故事呢？
青島下水道使用百余年后，有些零件需要更換，但青島師傅不會修。他們打電話向德國那邊求助，德國人淡定地說：根據德國的施工標準，在老化零件周邊3米范圍內，可以找到備件。
青島師傅按照線索找到一個小倉庫，里面全是用油布包好的金屬元件，雖歷經百年卻依舊光亮如新。
看過這個故事后，是不是對德國制造有了非常深刻的印象？這就是視覺的優勢。
不過這個故事，其實就是個營銷案例，據說是某個德國代理商杜撰出來的。關于真實性，青島官方媒體已經做過辟謠，大家可以自行查閱。
在男女關系當中，很多男生覺著女生只看美丑，不看內涵。我相信在這里也有了答案，人在基因進化的過程中，就是通過視覺信息來判斷好與壞的，這是人的本能，根本無可厚非。再者說，可以說大部分男生，如果注重儀容外表，其實具備合格線是很容易的事情。
給大家做個小總結：視覺設計直接決定了，用戶是不是可以感知并理解我們。如果感知不到，我們做的什么都沒有意義。
為什么會這么說？
- 視覺信息傳播效率最高。
- 視覺信息比其他信息更容讓人接受。
2. 體驗價值：幫助用戶獲得更好的使用感受
用戶體驗：即用戶在使用一個產品或系統之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認知印象、生理和心理反應、行為和成就等各個方面。（這是百度百科上找到的關于用戶體驗的解讀。）
因為我自身比較注重商業營銷和視覺信息傳播，所以對體驗和功能層面研究不不多，因此對于這兩段的解讀，僅僅拋磚引玉。
用戶體驗是什么？——即用戶使用過程當中的感受。
不過我更喜歡另外一個地氣的表達：用戶使用的爽不爽。
但是，這種感受會用戶客觀認知的影響，比如：中國的導航網站，為啥是這樣的？
因為中國的目標用戶更容易接受這種密密麻麻的信息。這個我咨詢過相關的設計師，獲得這個答復的時候我也很難意外。
比如：在app缺省頁面常用的情感化設計。
其實我自己對情感化設計這個概念，不太感冒，情感明明就是需求而已，只是需求類型不同。
給大家做個小總結：用戶體驗是用戶使用產品的感受。通俗的說，就是用戶使用的爽不爽。
視覺設計通過視覺信息對用戶情感需求的滿足，來提升用戶使用過程中的愉悅度。而這個層面的需求，受到視覺顏值價值的影響。他們從來不是徹底割裂，而且互相穿插影響的。
視覺的美感，本身就是一種體驗，同樣也是一種功能。
3. 功能價值：幫助用戶更好的問題
產品功能是指：這個產品所具有的特定職能，是產品總體的功用或用途產品——能夠做什么？或能夠提供什么功效？
顧客購買一種產品，實際上是購買的產品所具有的功能和產品使用性能，比如：汽車有代步的功能，冰箱有保持食物新鮮的功能，空調有調節空氣溫度的功能。
那么，視覺如果助力功能價值呢？
比如：登陸注冊當中，對正在輸入項目進行突出顯示，能有利于用戶對功能進行使用。
聊天界面當中的信息區分，幫助用戶快速分辨出，自己的信息和他人的信息。
五、結語與作業
說了這么多，本篇文章最想解決問題，就是：清晰視覺設計的本質是什么？視覺設計對整個產品的價值是什么？
視覺設計本質是：可被傳播的信息。
視覺本身就是一種信息，他不是感性，是非常理性的。他存在的本質就是：幫助產品和用戶更好的解決問題。
解決什么問題呢？
請大家記住這個模型——AEF模型：A—appearance顏值、E—experience體驗、F—function功能。視覺設計主要在解決這三個方面的問題。
不過雖然說了那么多，如果這個東西沒有大家沒有進行應用，是沒有價值的。因為任何知識，如果我們不嘗試去用，就都不會內化到我們的大腦之中。所以，希望大家能夠完成一個小作業。
請大家提取身邊案例，看看：他們是否應用了AEF模型？
我給大家舉個例子：
我們中國菜都將就色香味俱全——色是顏值，香是體驗，味道是功能。
我們去酒店，好看前臺小姐姐、裝修是酒店的顏值；期間提供各種優質服務是體驗；解決我們休息的房間是功能。
當然不是說，所有案例都要滿足這個模型，特定情況下，只要滿足一部分，往往都非常優秀了。
比如：我自身長相比較兇惡，所以靠顏值吃飯基本不可能了。那如果我想追求一個姑娘，能不能在其他方面突破呢？
那么，如果我是一個產品的話，顏值部分肯定很難突破了，那我能不能在體驗部分進行突破呢？
在體驗層面做到的極致的，就得像郭德綱和岳云鵬那樣。那我就學他們是如何跟別人的互動的，優化自身的體驗價值。
功能部分呢？——我開始寫文章，增加自己的影響力，讓姑娘看到我潛在的可能性。
當然這只是案例，其實我們做產品也一樣。很多產品的做的好，大家可能會覺著：他視覺做的明明非常差，或者體驗爛透了，或者功能有問題?？墒?，大家往往忽略一個點：用戶選擇一個產品的原因。
用戶選擇一個產品是因為產品的某個優勢滿足了用戶的需求，比如：12306的網站，初期做的真的非常爛，可是他的功能是獨一無二的。
這也是我是在后記當中想說的：站在整體性角度，去思考我們生活和工作當中面臨的問題。
六、后記
盡管今天我想討論的是視覺價值的問題，可是我更想強調一點：我們去思考一個問題，一定整體角度去思考解決問題，而不是只顧慮自身的局部。
就如同視覺設計的價值，絕不僅僅只與美丑有關，他對功能和體驗都有非常大的影響。
比如：我請客吃飯，很多時候會選擇西餐廳或者日料。他真的那么好吃（吃飽的功能）嗎？我其實是在為他更好的體驗、更好的視覺認知付費。
不管是產品、運營；還是設計開發，再整個產品系統當中從來都不是孤立的存在。就如同人體一樣，討論心和肺哪個更重要是沒有意義的，因為缺了哪個都得死。
當我們站在整體性角度去思考的問題時候，對很多問題解決往往也就會更清晰。
比如：你如果是12306的視覺設計師，或者用戶體驗設計師，你一定會吐槽這種垃圾到家的審美。
可是站在整體系統的角度，整個12306面臨的用戶群體可不單單是我們這些所謂新中產，更多的是很多可能連電腦都不會開的小白用戶。
這時候網站做的符合他們的認知一點，對他們是有好處的。反之，做的那么高大上，會造成過大的心理壓力的。
作者：孟豆豆-字體設計師【以字為媒—|策略|視覺|播傳|】，微信：mengjiangxx
本文由@孟豆豆 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
講半天還是沒有說怎么去度量視覺設計的價值
很受用
中國菜：色香味都是顏值，口感是體驗，解饞飽肚營養是功能。
很不錯
學習了！