人臉元素讓網頁看起來更加人性化,這種設計手法有哪些講究?

1 評論 2890 瀏覽 8 收藏 9 分鐘

展示出你的團隊,你的用戶和真實的表情反饋,這會讓你的設計更具有感染力。

設計和藝術有真大的差別,很大程度上,設計算得上是一門系統科學。所以,當心理學原理和設計的技巧結合到一起的時候,并不令人驚訝。其實,在進行設計的時候,設計師或多或少地會運用到一些心理學的規律和原理,來提升設計作品的參與度,強化和用戶之間的情感聯系。

在諸多規律當中,使用包含人臉或者人物的圖片來同用戶建立情感聯系,是最常見的一種結合了心理學的策略。人臉元素能夠讓APP/網站/海報看起來更加人性化,更容易創造明確的情感和情緒上的共鳴。那么,在實際的設計過程中,這種設計手法具體有著哪些講究呢?今天的文章,我們來聊聊這些技巧。

1、與用戶關聯

對于可能同用戶產生關聯的元素,每個設計師心中可能都有一個列表。色彩,按鈕大小,文案這些元素都可能都會影響到用戶參與度和頁面的轉化率,但是一張真實的人類面孔所帶來的影響可能會更加顯著。

想想你最喜歡的那些網站,人類的面孔是不是會更容易讓你注意到,更容易被聚焦?仔細回想一下那些能夠影響到你決策的廣告、文章、內容,其中是不是有相當一部分都包含有各種個月的面孔和表情?

屏幕上包含有人物和面孔的圖片,能夠更好地觸發用戶的情緒,這些被精心設計的面孔能夠引起用戶共情:“他們和我是同一類的人”或者“我想要和他一樣”。這樣的情緒是隱晦而非直接的,但是它們能夠讓用戶對于這個面孔背后的產品或者服務產生興趣。

Kissmetrics 這個博客列舉出了提升用戶參與度和轉化率的5種心理學原則,其中之一就是用戶對于面孔的識別,能夠吸引用戶注意力,并且傳達情感:

人的面孔對于用戶的吸引力比其他的元素要大得多,這是一種生物本能。所以,你可以借助這一規律引導用戶注意到頁面中關鍵性的元素。尤其是當你頁面中的面孔雙眼正好指向CTA按鈕,那么絕大多數的用戶會沿著視線去尋找位于那個方向的按鈕。

2、用表情來營造情感基調

當你注意到別人打哈欠的時候,你會不會也有類似的沖動呢?情緒、行為其實都會受到別人的影響,有的是從眾心理,有的則源于暗示,但是無論如何,情緒和行為是具有“傳染性”的。幾乎所有的情緒都具有某種意義上的傳染性,而帶有面孔的圖片會借由氛圍、色彩、布局和表情來傳遞快樂、振奮、痛苦、孤獨、厭惡、憤怒等不同的情緒。換句話來說,圖片能夠營造出情感氛圍。

這種說法并非主觀認知,而是有科學和理論支撐的:

我們認知體系當中的各種感覺和印象,很大程度上是外部的社會化的影響所造就的。外觀、表情和人物形象之所以這么重要,是因為它們即使痕跡很細微也同樣可以有效地傳遞感覺,塑造觀者腦中的印象。

當然,情感聯系的建立不僅僅是依靠圖片中人物的表情,圖片的質量、氛圍和內容以及傳遞信息的方式與質量也同樣會影響情感聯系。而這些又會隨著文化、用戶年齡和領域而出現差異,因此,在選擇設計項目的圖片的時候,請仔細思考你的用戶受眾和他們想要的東西,精準地設計內容。(這也是為什么你需要做足夠的用戶研究)

為了創建出足以驅動用戶參與甚至融入的設計,你需要在設計中加入和產品或者服務相匹配的表情和情感。很多產品一味地使用笑臉來創建積極的情緒,但是很多時候,正確比積極更重要。

3、建立信任

如果用戶能夠看到產品和服務的創建者的臉,有助于建立產品品牌和用戶之間的情感關聯,通過真實的人讓用戶對于產品更加信任。在這種設計策略之下,面孔和表情能夠通過下面的方式來實現這一點:

  • 用戶通過團隊成員照片看到項目的參與者的臉
  • 可以讓用戶以積極的方式看到產品或服務同人交互的場景
  • 用戶可以通過面部表情和肢體語言中了解到用戶對于項目的實際感受,視頻是個不錯的展現渠道
  • 讓某些使用者真實地闡述使用體驗
  • 圖片和視頻是展現品牌可信度的重要渠道,當然你得讓它們看起來足夠真實

越多真實的用戶查看你的網站,才能讓更多的用戶逐步對它產生信任。假模特有的時候不知道如何正確地與產品交互,這實際上可能對品牌造成危害。當然,使用真實的工作人員和用戶會更有效果,但是一定要確保圖片素材足夠優質,氛圍也營造得到位。

4、引導視覺

圖片中人物形象的臉所能創造的情感聯系,合理的運用還能在頁面中起到視覺引導的作用。借助這些人物形象,你可以幫助用戶了解接下來要看哪里。

用戶可以通過圖片中人物的眼睛朝向,被引導著看接下來的內容。

眼神接觸是絕大多數人在溝通交流的時候,必要的行為之一,而用戶面對設計作品的時候,也遵循著同樣的規律。讓屏幕上的人物向下看,用戶會向下滾動瀏覽;向左右看,用戶會沿著視線發現其他的CTA元素。

5、警惕“假臉”

另外,值得一提的是,要警惕那些看起來就很假的假臉。我想你應該看過那樣的素材,尤其是那些被精心設計的模特的臉,上面常常有著被設計的、能被分辨出來的帶著假表情的臉。

面部表情是用來建立情感聯系,獲取用戶信任的,假臉無論是從哪個角度上來看都無法達成這些目標,甚至會對整個設計產生危害。

6、結語

訪客喜歡看到真實的人類,想去了解別人在使用某些產品和物品時候的感受,這也使得各種人物形象和表情在設計中發揮著巨大的作品。展示出你的團隊,你的用戶和真實的表情反饋,這會讓你的設計更具有感染力。

 

原文作者:CARRIE COUSINS

原文地址:designshack

譯者:@陳子木

譯文地址:優設網

本文由 @陳子木 授權發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自 Pexels,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!