美學和感知——如何處理用戶體驗圖像

當談到 UX 設計和用戶體驗圖像時，無論是在網站、移動應用程序還是任何其他數字產品上，許多設計師都會根據他們的個人審美意識選擇圖像，將它們與微文案和界面的其餘部分以一種有意義的方式結合起來關於產品目的和品牌。

自 19 世紀早期以來，流行的說法“一張圖片勝過一千個字”，這通常歸功於 Fred R. Barnard，他在一篇文章中寫下了這句話，宣傳在側面出現的廣告中使用圖像的有軌電車。 在許多情況下，圖像有能力在用戶中產生情緒反應。 這對於明確品牌目的、強化產品價值主張以及增加網站或移動應用程序的吸引力非常重要。

圖像可以立即傳遞信息，因為大腦可以比文本更快地解釋它，並為信息提供深度和上下文，提供比單獨的文本更身臨其境的體驗。 當設計師知道如何使用圖像時，他們就能更好地操縱觀眾的情緒反應。 產品設計的好壞取決於用戶體驗圖像的質量——這就是為什麼把它做好至關重要。

除了網站和移動應用程序，圖像在各種產品設計中都很重要。 正如 Rachel Krause（尼爾森諾曼集團的用戶體驗專家）在說服性講故事的 6 條規則中所說，圖像可以被納入相關的案例研究、圖表和可用性測試的照片中，為觀眾提供超越文字的聯繫方式.

Kim Flaherty（Nielsen Norman Group 的 UX 專家）也表示，最近的研究表明，時事通訊接收者期望他們在網絡上遇到相同的高質量圖像，強烈喜歡可以在更大範圍內看到的圖像，並且非常清晰地顯示細節。

深入了解圖像的使用及其對用戶感知和用戶體驗的心理影響是用戶體驗設計師不應低估的設計的一個重要方面。

設計中的感官意象

最近，感官營銷領域引起了企業和學術界的關注，主要是在營銷和心理學方面。 在《感官營銷：產品感官研究》一書中，Aradhna Krishna 將感官營銷定義為“影響人們如何做出購買和消費決策的潛意識觸發器”。 該聲明在產品設計項目中與在營銷中一樣適用。

據作者介紹，感官意象可以通過以下方式影響產品設計：

• 通過視覺設計鼓勵精神刺激
• 用品牌吸引人們
• 影響他們對品牌的態度
• 通過視覺設計刺激其他感官（如嗅覺）

通過意象促進心理模擬

營銷人員和設計師長期以來一直鼓勵消費者通過“Think different”（Apple）和“Just do it”（Nike）等口號來發揮他們的想像力。 然而，這些簡單而吸引人的短語並不會自動說服人們在沒有明確要求他們這樣做的情況下想像使用該產品。

根據對認知和感知的研究（如上所述），發現簡單地改變產品的視覺呈現方式會鼓勵人們想像與產品交互，從而增加購買的可能性。

精心挑選的圖像可以顯著影響人們對產品的感知，有效地增加品牌接近度，或者在人們遇到與他們不匹配的圖像的情況下產生負面影響。

例如，如果一個房地產網站以中產階級客戶為目標，並使用下面這個明顯非常高檔、昂貴的別墅作為背景，它可能會影響目標用戶與公司之間的聯繫。 這在品牌和用戶感知它的方式之間造成了差距。

注意力、感覺和知覺

了解人們如何與現實聯繫的起點在於注意力、感覺和感知的心理過程。

注意是一個心理過程，它選擇要關注的特定刺激並在它們之間建立關係。 如果使用得當，這些刺激會被戰略性地放置，以便將觀察者的注意力吸引到某些信息上。 選擇盡可能好的用戶體驗圖像至關重要，因為人們的眼睛每天都會被數十個廣告和網站所吸引，而只有少數幾個會引起他們的注意。

蘇聯心理學家列夫·謝梅諾維奇·維果茨基認為，人的心理作為一種直接作用於主體所接觸的現實的主觀形成的過程，具有感覺，在人與世界的關係中起著重要作用。 此外，還有聯覺感覺，其特徵是當兩種或多種感覺一起體驗時，通常會在對象和感覺之間產生關聯。 例如，紅色通常被視為一種“熱情”的顏色，可口可樂在其品牌推廣中廣泛使用它。

人類感知是指大腦功能，能夠選擇和賦予通過與人已經遇到的經驗相關聯的感覺捕獲的信息的意義。 這也可以稱為心智模型。

重要的是要了解不同群體的想法並不總是相同，尤其是當您考慮到不同的文化、社會階層和年齡組時。 只要觀眾是喜歡旅行的年輕人，下圖就是一個很好的代表樂趣和冒險的例子——如果他們是經歷過帶著孩子旅行的壓力及其所帶來的一切壓力的父母，可能就不是這樣了。 在這種情況下，深入的用戶研究將提供洞察力，幫助設計師選擇用於特定受眾的最佳圖像類型。

用戶體驗圖像作為提高可用性的工具

在研究論文為新手和低文化用戶設計移動界面中，作者指出圖像還支持低文化人群，提高產品可用性並改善整體用戶體驗。 由於文盲通常與貧困有關，因此不識字的用戶以不同的方式瀏覽界面，主要基於視覺元素，並專注於機制。

安德魯·撒切爾（Andrew Thatcher）進行的研究研究了有文化和半有文化的人在使用 ATM 和替代圖標和語音的 ATM 界面時的行為。 根據作者的說法，人們傾向於選擇基於圖標的 ATM 界面而不是其他選擇。 這可能與圖像沒有特別相關，但說明視覺元素比基於文本的界面更容易理解。

儘管這項研究專門針對識字率低的用戶，但必須了解圖像和基於視覺的界面總體上會對用戶產生積極影響，而不僅僅是閱讀困難的人。 例如，精心挑選的圖片可以讓用戶更快地瀏覽和吸收信息，讓他們更快地了解產品的用途。 一個很好的驗證方法是採用一種稱為五秒測試的方法。

產品美學應用心理學的更深認識

由於視覺上吸引人的設計被認為更容易使用，因此作為設計師，創造這樣的設計很重要。 此外，美學設計更容易被接受，使用更頻繁，並促進創造性思維和解決問題的能力。 根據設計的通用原則，美學設計還可以促進與用戶的積極關係，使他們更能容忍設計中的可用性問題。

審美-可用性效應

通常，美學設計具有更高的參與概率。 圖像與視覺吸引力有很大關係，直接影響用戶感知。 當產品更實用但視覺吸引力較低時，它可能會因缺乏接受度而使可用性問題變得毫無意義。

根據這種心理現象，美觀的設計通常比不那麼吸引人的設計更直觀，對於技術背景有限的用戶來說尤其如此。 此外，當美學設計不能正常工作時，用戶往往會責怪自己，而不是指責產品。

從這個意義上說，出色的照片或視頻會讓用戶感到高興。 這種積極的情緒反應進一步加強了用戶與產品的互動以及與品牌本身的關係，同時彌補了任何可用性缺陷並使用戶更加寬容。

在 Nielsen Norman Group 的一篇文章中，Kate Moran 引用了 Kurosu 和 Kashimura 的結論，他們得出的結論是，即使在評估系統的底層功能時，用戶也會受到任何給定界面美學的強烈影響。

以 FitBit 網站為例。 Moran 報告說，在可用性測試期間，一位用戶在網站上購物時遇到了許多問題，從交互設計中的小問題到導航中的嚴重缺陷。 用戶能夠以一定的難度完成任務。

然而，用戶對該網站的易用性評價很高，稱該網站看起來像大海（非常平靜），色彩絢麗，照片精美。 該網站的美學吸引力所產生的積極情緒反應有助於掩蓋其可用性問題。

啟動效應

為界面選擇合適的圖像超越了美學。 所選圖像必須傳達正確的信息和價值觀。 由於人腦一直在處理關聯，因此圖像可以用作處理關聯的強大工具。 在《思考，快與慢》一書中，丹尼爾·卡尼曼（Daniel Kahneman）舉了一個令人信服的例子，說明大腦是如何下意識地產生聯想的。 他讓讀者看下面兩個字：

當人們看到這些詞時，他們會產生不愉快的聯想。 他們的臉色微微扭曲，露出厭惡的神色，心跳加快，手臂上的汗毛也微微豎起。 簡而言之，他們對“嘔吐”的反應是他們對實際事件的反應方式的減弱版本，所有這些都是自動的，超出了人的控制——純粹是通過想法的聯想。 但影響可能不止於此，人們將“香蕉”這個詞與“嘔吐”的負面含義聯繫起來。

啟動是一種內隱記憶效應，其中暴露於刺激會影響對後來刺激的反應。 設計師還可以使用圖像，不僅僅是考慮界面如何在視覺上吸引人，而是考慮信息傳遞、用戶感知、用戶參與以及通過精心構建的關聯來操縱他們的想法。

在 Nielsen Norman Group 的Priming and User Interfaces中，作者指出“圖像和頁面內容促使人們形成對網站的期望。 如果這些假設得到進一步證實，那麼整體體驗是順暢而愉快的。 然而，當假設被證明是錯誤的時，人們通常會認為該網站的可用性很差。”

文章中還介紹了以下示例，該示例顯示了一所私立學校的主頁，其中顯示了小孩的圖像，給人的印像是該學校是一所幼兒園或僅針對小學一年級。 實際上，學校最多覆蓋 8 年級。

概括

當用於影響人們的感知和用戶體驗時，圖像可以成為一種強大的工具。 當為設計選擇有效的圖像時，它可以增加產品的吸引力，增強商業價值，增加銷售和潛在客戶，幫助加快界面和信息掃描，取悅觀眾，提高消費者和品牌之間的同理心。

一旦設計師更好地了解最突出的心理現像以及人們的思維方式，他們就可以創造出更好的產品，對人們真正有意義，同時對業務本身產生積極影響。

進一步閱讀 Toptal 設計博客：

• 品牌插圖 101：可視化敘事
• 設計心理學和真棒用戶體驗的神經科學
• 有說服力的設計：有效地使用高級心理學
• 無需任何繪畫技巧即可設計自定義插圖的分步指南
• 設計的影響——色彩和情感指南