3個維度,揭示視覺設計對產品的價值

5 評論 9280 瀏覽 65 收藏 26 分鐘

筆者從需求方的角度出發,從三個維度——appearance顏值、experience體驗、function功能,來為大家解讀:清晰視覺設計的本質是什么?視覺設計對整個產品的價值是什么?

一、為什么要寫這篇文章

這是一篇設計文章,但是受眾不單純是設計師。

因為,我堅信查理·芒格說過的一段話:

“我完全無視不同行業、不同學科之間的界限?,F實世界中的問題不會恰好落在某個學科界限之上?!?/p>

我們的工作也是如此——我們的職位職責被劃分出不同的分類邊界??墒羌幢闳绱?,本質上講,我們所做的所有事情都是在創造價值,通過為公司創造價值來達成我們的能力變現。

如果我們只關注我們自身這一個局部的問題,而不具備全局性思維,很可能局部問題雖然被良好解決??墒?,這時整個系統可能就崩潰了。

《流浪地球》作者劉慈溪在接受采訪的時候說:“自己電廠上班的時候,上班時間寫作?!?/p>

這引起知乎的一個討論:電廠員工是不是太閑了。

事實上,是的。

電廠是需要24小時保障的單位,很多時候,值班人員就是沒事干??墒且坏╇姀S出問題,搞不好就是對電網都會巨大影響。為了能夠出問題時,有人在場,就必須保證人員冗余,用局部低效率來保證整體的高效率。

這也是這篇文章寫作的初衷——希望通過對設計價值的解讀,來探索一個局部是如何影響整體的。

二、序言

對于大部分缺乏商業思維的設計師來講,對設計的理解也僅僅停留在視覺審美層面。而且,對老板或者其他需求方,不管是合理的要求,還是不合理的要求,都只按照自己思維邏輯去理解執行。

而在需求方的層面,很多非設計出身的決策者,對設計理解,同樣是只停留在一個好看的圖片。也根本不理解視覺設計對一個產品的價值,只認為產品功能和體驗才是產品的王道。

這種理念上的沖突,造成了團隊的巨大隔閡,同時也造成一個特別有意思的現象——社會出現兩種類型的視覺設計師:一種是偏重商業價值的——商人型設計師;一種是偏重視覺審美的——工匠型設計師。

然而,這種分裂更造成大家認知層面的對立,仿佛審美與功能之間是永遠不可調和的。

為什么設計師會覺著需求方審美有問題?而且作為需求方的產品經理、運營專員又為什么會覺著設計師做東西想當然呢?

造成問題的根本原因是:團隊成員對設計價值理解不夠全面。

今天這篇文章,就是試圖用一個模型——AEF模型,來解讀視覺設計的價值。

AEF模型是什么?

它由三個部分組成:A—appearance顏值、E—experience體驗、F—function功能。

而視覺設計的價值就是通過這三個方面展開的,不過這三個價值并不割裂。

另外必須強調一句:我并不認為這個模型就是真理。

因為在科學上有幾個知識成立的前提,其中非常重要的一點就是:任何理論都是的尚待被推翻的假設。

同樣,AEF模型也不會是真理,只是當前可以解決問題的一個方法而已。如果有其他的證明他是有問題的,就可以被推翻。即使無法證明,如果有其他更好的方法,一樣可以被替代。

三、視覺的本質

不過在詳細解讀設計價值之前,要先搞清楚一個問題:視覺設計的本質什么?

這個問題非常重要,因為相當于在明確問題。如果我們連問題都搞錯了,即使我們付出多大的努力,也難以解決這個問題。

這就如同我們生病感冒,會咳嗽、上火。感冒本質是是病毒感染,如果我們只糾纏于表面的去火,而不去解決病毒的問題,那感冒也很難被治愈。

視覺設計是什么?

多數人的回答我相信是美、帥、好看之類的。

對于產品界面或者品牌稿件來講,無非就審美之類的。不過我可以很明確的說:這種理解是非常表象的,或者說很常識性的錯誤。因為這個常識的錯誤,很多人根本無法理解視覺設計的根本價值。

可以說:為什么很多設計師始終在一個很低的層次無法突破?就是因為他們沒有意識到這個觀念是錯誤的。

視覺設計的本質是什么?

本質是信息。

用戶通過感知視覺信息,來決定自己的行為,比如:男生在馬路上看到一個美女,很忍不住去看兩眼。而如果是摳腳大叔,估計男生就沒興趣看了。

當我們從信息的角度去理視覺設計的時候,我會容易打破審美對我們的限制。因為視覺設計會由一個不可控工作,變成抽象信息轉換圖像信息的過程,過程變的可控。

這個概念有點繞口,說的簡單一點就是:所謂的創意其實是完全可以被控制,并不是設計師天才的表達。只要把握住這個底層的邏輯,基本設計一定合格乃至優秀的。

比如:前段時間,我接觸的一個項目,項目打算從視頻內容市場轉戰現在正值風口的兒童教育市場。因為方向性的轉變,原有品牌視覺系統無法繼續使用,這時候就要調整設計師語言。

從需求切入:3個維度揭示視覺設計對產品的價值

相信不用我說,大家也能一眼看出:這兩個圖里,哪個是兒童教育的?哪個是視頻內容?

那我們為什么會判斷出來了?

因為我們感知到了這兩張圖形的信息,信息進入大腦后,我們的大腦經過比對,就判斷出來了:哪個代表兒童教育?哪個代表視頻內容?

不過這并沒解決另外一個問題,就是:設計選擇的問題——就是哪怕我說的對,可是老板就是覺著不好看不美。

這個就是設計評判的問題了,后續文章里面,我對這個問題會進行單獨的解讀,歡迎持續的關注。

不過,如果只是給大家一個結果,并沒有給出大家背后的邏輯的話,我相信這個邏輯就是不具備說服力的。

因為很多同學在寫論文的時候,都會用一個方法,就是:先寫論據,在找案例驗證。

其實這種驗證過程,沒有任何意義。

為什么我們視覺設計的認知會出現常識性錯誤?

因為大家的認知當中,認為設計是感性的,是隨機的。審美也是不確定性的,所以設計就是神奇的東西,很難被琢磨。

那么感性到底是什么?

感性是我們認知世界的模版,比如:我們看到比我們強大的人,會恐懼,這就是感性,它類似我們ps當中的插件,可以快速處理任務。

可是ps里面插件是怎么來的呢?

是我們一步一步制作出來的,制作的過程,并不快??墒钱斪龀闪瞬寮?,他就變成一個可以快速調用的東西。而快速調用有個缺點,就是不可控。是不是跟我們的感性很像?

“我們自身感性如何形成的?”,其實跟這個是一樣的道理。到這里,估計大家就會明白:感性其實是理性不斷重復的過程中形成的快捷方式。本質來講,他本身就是理性一種呈現方式。

可能說到這里,大家可能會有疑問:覺著不可思議,這很正常。

我給大家舉個例子:在非洲有個民族,他們以在嘴唇上加唇盤為美(具體的圖就不給大家看了,因為會引起恐懼。)

我們會接受那樣的美女嗎?

我相信不會,可是在他們的認知當中那也是美女。

那這種認知怎么來的呢?

就是來通過外部信息形成的固有認知而已。

總結一下:視覺設計本質是什么?——是信息。

假設你認同我的理論,那么你一定會有另外的一個疑問:即使你說的對,可是這并不能證明視覺設計就是有價值的。

那么視覺設計的價值是什么呢?

四、視覺的價值

關于視覺設計的價值,就會用到開篇的AEF模型:A—appearance顏值、E—experience體驗、F—function功能。

我會為大家重點解讀一下顏值的價值。至于體驗價值和功能價值,說實話,我自己并不專業,并不想在一群大佬面前班門弄斧。因此,后面只用案例進行簡單解讀,請大家見諒。

1. 顏值價值:信息的感知與傳達

感知什么?

感知信息。

當一個產品功能投放給用戶后,用戶的行為路徑是“感知-記憶-理解-行動”。這在傳播上非常的重要,如果用戶根本感知不到我們,那不管我們的項目多的多么完美也沒有任何的價值。

從需求切入:3個維度揭示視覺設計對產品的價值

感知后在大腦中形成記憶,記憶后會把信息與大腦的信息進行比對理解,最終決定自己行為。

我們投放一個產品如果沒有視覺支撐,基本就是兩個結果:一個是用戶根本感知不到;另外一個結果就是用戶通過比對,認為不符合他想要的行為。

比如:大家看幾乎所有電商的主頁結構,幾乎都是一樣的。

從需求切入:3個維度揭示視覺設計對產品的價值

再比如:當蘋果出來齊劉海后,幾乎所有的手機,都跟進出了齊劉海。

為什么?

因為蘋果的手機在用戶心中就是好的象征,他做什么,跟進做什么就沒錯。

千萬不要強調國產手機沒創意,只知道抄襲,當用戶形成已有認知,順勢而為是最有效果的。如果不順著來,會實打實的受損失的。

那為什么要用視覺進行傳播呢?

——第一點:視覺信息傳播效率最高。

因為人所感知的信息的80%的信息來自視覺的。

人感知世界只有五種方式:視覺、聽覺、觸覺、味覺、嗅覺,而視覺占據了我們收集新的絕大部分。而且,單一視覺所承載的信息量其實非常的大,遠遠超過其他四種知覺方式。

比如:我跟大家說,我認識一個特別美麗賢淑、楚楚動人、閉月羞花的萌妹紙設計師,我相信大家并不會有什么感受。

從需求切入:3個維度揭示視覺設計對產品的價值

而一張照片會給人的信息感受,遠遠超過文字。[沒錯,這張照片我跟我朋友要到授權了]

——第二點:視覺信息比其他信息更容讓人接受。

先科普一個小知識:大腦的triune brain假說。

“三位一體的大腦”(triunebrain)假說是Paul MacLean于上世紀六十年代提出的理論。

此理論根據在進化史上出現的先后順序,將人類大腦分成“爬行動物腦”(Reptilianbrain)、“古哺乳動物腦”(paleomammalian brain)和“新哺乳動物腦”(neomammalianbrain)三大部分。每個“腦”通過神經纖維與其他兩者相連,但各自作為相對獨立的系統分別運行,各司其職。

他認為:這三個腦的運行機制就像“三臺互聯的生物電腦”,各自擁有獨立的智能、主體性、時空感與記憶。

我們爬行腦,屬于控制我們本能的大腦,而爬行腦更喜歡視覺化的信息。所以,我們本能會對視覺作出快速反饋。

這種快速反饋,幫我們度過了原始階段的危機,比如:看到獅子第一反應會去跑、站在高處會恐懼;如果沒有爬行腦,估計我們就是毛毛蟲了,想想都惡心。

所以,我們如果想要刺激別人本能的話,最好用視覺化的信息。而且,前面我也提到了,人的大腦處理視覺的化信息最有效率。

這也是寫在前面告訴大家,任何時候都不要只關注自己的局部的原因。視覺設計不單純是設計師的事情,對視覺的應用也不單純是圖片的問題。

比如,在文案上的應用:

  • 雷軍大大的“風來了,豬都能飛起來?!?/li>
  • ipod的廣告:“把1000首歌裝進口袋里?!?/li>
  • 形容我自己胖:“那個跟野豬一樣胖的男人?!?/li>

其實不光是這種,在營銷的傳播上用視覺化信息也是非常多的。甚至,有專門的書,來寫視覺信息對傳播的價值,比如《視覺錘》,以及華與華出的《超級符號就是超級創意》。

從需求切入:3個維度揭示視覺設計對產品的價值

如果有人跟你說:德國人工業水平最高,德國人做事最嚴謹。

大家聽過也就聽過了,并不會引起心理多大的起伏,可是如果是這個視覺化的故事呢?

青島下水道使用百余年后,有些零件需要更換,但青島師傅不會修。他們打電話向德國那邊求助,德國人淡定地說:根據德國的施工標準,在老化零件周邊3米范圍內,可以找到備件。

青島師傅按照線索找到一個小倉庫,里面全是用油布包好的金屬元件,雖歷經百年卻依舊光亮如新。

看過這個故事后,是不是對德國制造有了非常深刻的印象?這就是視覺的優勢。

不過這個故事,其實就是個營銷案例,據說是某個德國代理商杜撰出來的。關于真實性,青島官方媒體已經做過辟謠,大家可以自行查閱。

在男女關系當中,很多男生覺著女生只看美丑,不看內涵。我相信在這里也有了答案,人在基因進化的過程中,就是通過視覺信息來判斷好與壞的,這是人的本能,根本無可厚非。再者說,可以說大部分男生,如果注重儀容外表,其實具備合格線是很容易的事情。

給大家做個小總結:視覺設計直接決定了,用戶是不是可以感知并理解我們。如果感知不到,我們做的什么都沒有意義。

為什么會這么說?

  1. 視覺信息傳播效率最高。
  2. 視覺信息比其他信息更容讓人接受。

2. 體驗價值:幫助用戶獲得更好的使用感受

用戶體驗:即用戶在使用一個產品或系統之前、使用期間和使用之后的全部感受,包括情感、信仰、喜好、認知印象、生理和心理反應、行為和成就等各個方面。(這是百度百科上找到的關于用戶體驗的解讀。)

因為我自身比較注重商業營銷和視覺信息傳播,所以對體驗和功能層面研究不不多,因此對于這兩段的解讀,僅僅拋磚引玉。

用戶體驗是什么?——即用戶使用過程當中的感受。

不過我更喜歡另外一個地氣的表達:用戶使用的爽不爽。

但是,這種感受會用戶客觀認知的影響,比如:中國的導航網站,為啥是這樣的?

因為中國的目標用戶更容易接受這種密密麻麻的信息。這個我咨詢過相關的設計師,獲得這個答復的時候我也很難意外。

從需求切入:3個維度揭示視覺設計對產品的價值

比如:在app缺省頁面常用的情感化設計。

其實我自己對情感化設計這個概念,不太感冒,情感明明就是需求而已,只是需求類型不同。

從需求切入:3個維度揭示視覺設計對產品的價值

給大家做個小總結:用戶體驗是用戶使用產品的感受。通俗的說,就是用戶使用的爽不爽。

視覺設計通過視覺信息對用戶情感需求的滿足,來提升用戶使用過程中的愉悅度。而這個層面的需求,受到視覺顏值價值的影響。他們從來不是徹底割裂,而且互相穿插影響的。

視覺的美感,本身就是一種體驗,同樣也是一種功能。

3. 功能價值:幫助用戶更好的問題

產品功能是指:這個產品所具有的特定職能,是產品總體的功用或用途產品——能夠做什么?或能夠提供什么功效?

顧客購買一種產品,實際上是購買的產品所具有的功能和產品使用性能,比如:汽車有代步的功能,冰箱有保持食物新鮮的功能,空調有調節空氣溫度的功能。

那么,視覺如果助力功能價值呢?

比如:登陸注冊當中,對正在輸入項目進行突出顯示,能有利于用戶對功能進行使用。

聊天界面當中的信息區分,幫助用戶快速分辨出,自己的信息和他人的信息。

五、結語與作業

說了這么多,本篇文章最想解決問題,就是:清晰視覺設計的本質是什么?視覺設計對整個產品的價值是什么?

視覺設計本質是:可被傳播的信息。

視覺本身就是一種信息,他不是感性,是非常理性的。他存在的本質就是:幫助產品和用戶更好的解決問題。

解決什么問題呢?

請大家記住這個模型——AEF模型:A—appearance顏值、E—experience體驗、F—function功能。視覺設計主要在解決這三個方面的問題。

不過雖然說了那么多,如果這個東西沒有大家沒有進行應用,是沒有價值的。因為任何知識,如果我們不嘗試去用,就都不會內化到我們的大腦之中。所以,希望大家能夠完成一個小作業。

請大家提取身邊案例,看看:他們是否應用了AEF模型?

我給大家舉個例子:

我們中國菜都將就色香味俱全——色是顏值,香是體驗,味道是功能。

我們去酒店,好看前臺小姐姐、裝修是酒店的顏值;期間提供各種優質服務是體驗;解決我們休息的房間是功能。

當然不是說,所有案例都要滿足這個模型,特定情況下,只要滿足一部分,往往都非常優秀了。

比如:我自身長相比較兇惡,所以靠顏值吃飯基本不可能了。那如果我想追求一個姑娘,能不能在其他方面突破呢?

那么,如果我是一個產品的話,顏值部分肯定很難突破了,那我能不能在體驗部分進行突破呢?

在體驗層面做到的極致的,就得像郭德綱和岳云鵬那樣。那我就學他們是如何跟別人的互動的,優化自身的體驗價值。

功能部分呢?——我開始寫文章,增加自己的影響力,讓姑娘看到我潛在的可能性。

當然這只是案例,其實我們做產品也一樣。很多產品的做的好,大家可能會覺著:他視覺做的明明非常差,或者體驗爛透了,或者功能有問題??墒?,大家往往忽略一個點:用戶選擇一個產品的原因。

用戶選擇一個產品是因為產品的某個優勢滿足了用戶的需求,比如:12306的網站,初期做的真的非常爛,可是他的功能是獨一無二的。

這也是我是在后記當中想說的:站在整體性角度,去思考我們生活和工作當中面臨的問題。

六、后記

盡管今天我想討論的是視覺價值的問題,可是我更想強調一點:我們去思考一個問題,一定整體角度去思考解決問題,而不是只顧慮自身的局部。

就如同視覺設計的價值,絕不僅僅只與美丑有關,他對功能和體驗都有非常大的影響。

比如:我請客吃飯,很多時候會選擇西餐廳或者日料。他真的那么好吃(吃飽的功能)嗎?我其實是在為他更好的體驗、更好的視覺認知付費。

不管是產品、運營;還是設計開發,再整個產品系統當中從來都不是孤立的存在。就如同人體一樣,討論心和肺哪個更重要是沒有意義的,因為缺了哪個都得死。

當我們站在整體性角度去思考的問題時候,對很多問題解決往往也就會更清晰。

比如:你如果是12306的視覺設計師,或者用戶體驗設計師,你一定會吐槽這種垃圾到家的審美。

可是站在整體系統的角度,整個12306面臨的用戶群體可不單單是我們這些所謂新中產,更多的是很多可能連電腦都不會開的小白用戶。

這時候網站做的符合他們的認知一點,對他們是有好處的。反之,做的那么高大上,會造成過大的心理壓力的。

 

作者:孟豆豆-字體設計師【以字為媒—|策略|視覺|播傳|】,微信:mengjiangxx

本文由@孟豆豆 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 講半天還是沒有說怎么去度量視覺設計的價值

    來自廣東 回復
  2. 很受用

    來自北京 回復
  3. 中國菜:色香味都是顏值,口感是體驗,解饞飽肚營養是功能。

    回復
  4. 很不錯

    來自北京 回復
  5. 學習了!

    來自上海 回復