能成功傳遞出情緒和情感的網頁,同樣也是要看臉的

2021-09-02 21:10:46 字數 2050 閱讀 1671

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

與使用者關聯

能成功傳遞出情緒和情感的網頁,同樣也是要看臉的

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

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

kissmetrics 這個部落格列舉出了提公升使用者參與度和轉化率的5種心理學原則,其中之一就是使用者對於面孔的識別,能夠吸引使用者注意力,並且傳達情感:

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

用表情來營造情感基調

能成功傳遞出情緒和情感的網頁,同樣也是要看臉的

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

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

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

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

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

建立信任

能成功傳遞出情緒和情感的網頁,同樣也是要看臉的

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

使用者通過團隊成員**看到專案的參與者的臉

可以讓使用者以積極的方式看到產品或服務同人互動的場景

讓某些使用者真實地闡述使用體驗

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

引導視覺

能成功傳遞出情緒和情感的網頁,同樣也是要看臉的

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

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

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

警惕「假臉」

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

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

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

scrapy item傳遞出錯

最近在練習用scrapy爬文字資料,在爬某問答社群的時候,因為問題有兩級分類 c1,c2,我用乙個列表來儲存分類資訊 item class c1,c2 但是在使用request函式向下一級傳遞item資訊時,使用如下函式 request href,meta callback self.parse2,...

如何才能成功

如何才能成功?這兩天看了激勵大師陳安之的超級成功的講座,備受鼓舞。裡面有幾個觀點說的還是非常有道理的,結合自己的經歷,來說說我的理解。1.要想比別人成功,你必須比別人努力。第一點,我感同身受。從大學開始,我由於考試沒有考好,考了乙個二流的大學。當時心情非常低失落,後來身邊一位學長跟我說,既來之,則安...

如何才能成功

如何才能成功?這兩天看了激勵大師陳安之的超級成功的講座,備受鼓舞。裡面有幾個觀點說的還是非常有道理的,結合自己的經歷,來說說我的理解。1.要想比別人成功,你必須比別人努力。第一點,我感同身受。從大學開始,我由於考試沒有考好,考了乙個二流的大學。當時心情非常低失落,後來身邊一位學長跟我說,既來之,則安...