起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識不僅僅是漂亮：圖像是如何驅動用戶體驗的
圖片不僅僅在于裝飾產品，提升視覺效果，也能夠很好的提升產品的視覺體驗，構造良好的用戶體驗。
常言道:“一圖勝千言”“人類是高度視覺的生物，他們幾乎可以瞬間處理視覺信息；我們感知到的所有信息中，90%都是視覺上的?！眻D像可以成為吸引用戶注意力和區分產品的有力手段。
一個單一的圖像相比一個復雜的文本，可以向觀察者傳遞更多的信息。此外，圖像可以以一種簡單的方式跨越語言障礙。
圖像不僅僅是裝飾，它們有能力創造或破壞用戶體驗。在本文中，我們將介紹一些有用的原則和最佳實踐，它們將幫助您成功地將圖像集成到您的設計中。
一、只使用相關的圖片
每一張圖片都有一個故事要講。就像寫作一樣，如果你在開始之前知道你已經想好說什么，那就更好了。
引人注目的圖像有獨特的能力來吸引你的訪問者，但不是所有的圖像都能提高你的用戶體驗。有些只是占用空間，或者，可能會混淆用戶。任何設計中最危險的元素之一就是傳達錯誤信息的圖像。
用戶對視覺效果的反應比文本快，所以要確保你的內容與支持的視覺效果相匹配。你應該選擇與你的產品目標有牢固關系的圖像，并確保它們與上下文相關。
二、圖像不應該制造視覺疲勞
“多多益善”的原則并不適用于圖像。不要花太多精力創作純粹的裝飾性圖像，因為人們通常會忽略這些圖像。相反，選擇展示你產品用途的圖片。在你的設計中使用有限數量的引人注目的視覺效果——真正吸引用戶注意力的東西。
三、不失真地使用高質量的圖像
確保您的圖像適合在所有平臺上顯示。圖像不應該出現像素化，所以一定要測試特定比率和設備的適當分辨率。顯示照片和圖形在其原始的方面比，并且不要縮放它們大于100%。因為你也不希望你的圖像中的產品或圖形看起來歪歪斜斜，太小或太大。
四、以圖像為中心的設計并不適合每一個網站
用賞心悅目的圖像吸引人們的注意力當然是有價值的，但它的代價是讓其他元素更難看到和使用。
在你的設計中過多地關注圖像可能會造成視覺上的重點偏移，這會嚴重干擾用戶與你的內容產生有意義的接觸。
盡管在某些情況下，以圖像為中心的設計是合適的（例如，蘋果的主頁），絕大多數應用程序和網站應該遵循一個平衡的方法——用戶界面中使用的圖像應該支持產品，但不會掩蓋其他重要內容或按鈕功能。
五、使用多個媒介
插圖和攝影都可以在同一產品中使用。攝影是展示特定的實體和故事的理想媒介。舉個例子，如果我們需要展示的不僅僅是一朵花，而是一朵玫瑰。插圖對于表示概念和隱喻是有效的，在這種情況下攝影可能不太合乎情境。
意象是傳達信息的視覺傳達工具。清晰的焦點可以一眼就能傳達出概念，而缺乏焦點則會使圖像失去意義。當焦點被模糊時，圖像的標志性質量就消失了。
因此，應該極力避免讓用戶在圖像中尋找意義，并確保清晰的概念以一種令人難忘的方式傳達給用戶。盡量減少用戶注意力分散，將他們的視線吸引到你網站有意義的元素上。
六、顯示真實的人像圖片
真實的人像圖片是讓用戶參與進來的一種非常有效的方式。當我們看到其他人的面孔時，我們會覺得我們實際上是在和他們聯系，而不僅僅是在使用產品之后。然而，許多公司網站因過度使用虛假的照片而臭名昭著，你使用的圖像應該是你的產品、公司或文化的真實表現。
可用性測試表明，純粹裝飾性的照片很少會給設計帶來價值，而且通常會損害用戶體驗。用戶通常會忽略這些圖像，甚至可能會對它們感到沮喪。
一個非常簡單的經驗法則是使用與你的應用程序或網站角色匹配的高質量人像照片。小貼士：
- 盡量避免擁擠的鏡頭；
- 使用有一個主要主題的照片；
- 努力尋找代表真實故事的圖片；
- 拍下你公司的人做有趣的事情的照片。
- 如果你有一個產品，考慮他們可以與那個產品互動的方式。
七、混合圖像設計
當你在你的設計中使用圖像時，問問你自己，你所拍攝的圖片是否符合你的應用程序或網站的美感。當你專注于將圖像應用于網站或應用程序時，確保它是優雅的，干凈的，使用了大量的留白和大的全屏圖像來創建一個大膽的設計，吸引你的注意。
八、改進您的電子商務設計
1）產品圖片銷售產品
用戶通常依賴產品形象來評估產品和它的特性。不管你的產品是什么，無論是耳機還是玩具，產品攝影是任何電子商務網站最重要的元素。最終，你的產品越吸引訪問者，他們就越有信心購買你的產品，你的轉化率也會越高。
2）產品圖片漂亮
一個好的形象為你做了所有的努力：它抓住了用戶的注意力，并將你的產品與其他產品進行了有效的區分。然而，好的產品攝影需要你耐心進行設計。
3）讓產品推銷自己
不要讓用戶滾動來查看產品的主要圖像，主要的產品形象應該放在突出的位置，以推銷你的優先產品。
為了讓圖像更有效，它需要很大——盡可能大。并且，當你把你的圖像的尺寸縮小了，你就需要把放大的能力整合到產品的具體細節上。這對于像服裝這樣的產品尤其重要，因為用戶更關心細節。放大的圖像也需要保持高質量。
九、表達個性，觸發用戶情感
圖像可以傳達產品或服務的本質，它也能帶來驚喜和愉悅。圖片有娛樂的能力，也有提供信息的能力。如果你已經有了滿意的用戶體驗，那么在你的產品中添加樂趣有助于與你的用戶建立情感聯系。情感強大的圖像是確保用戶持續關注你的網站的一個因素。
情感的大腦受到照片和插圖的影響，尤其是人物和故事。說到插畫，即使網站或應用不包含繪畫風格，也可以在其他用途上大放異彩。例如，插圖可以用于指令、教程和空狀態。
十、最佳實踐：如何為你的登陸頁面創建堅實的用戶體驗
登陸頁面本質上是你的商店窗口，在大多數情況下，你只有一次機會來打動用戶。當涉及到登陸頁面時，您希望訪問者只在頁面上有一個任務：轉換。
巨大的登陸頁面圍繞著堅實的用戶體驗，而圖像在構建這一體驗中扮演著重要的角色。當用戶來到你的頁面時，他們會有某種反應。在很大程度上，它是積極的還是消極的，是由他們所看到的決定的。
遵循以下這些建議：
1）選擇適合你的信息的圖像
選擇能簡單解釋產品或服務概念的圖片很重要。這并不意味著圖像需要傳達所有的東西——僅僅看到圖像可能并不清楚它傳達的是什么，但當它與頁面上的其他內容相連接時，它應該符合邏輯。它應該在視覺上強化你試圖傳遞給訪客的信息。
2）在正確的地方展示圖片
如果圖像支持高優先級目標，它應該具有更多的視覺重點；相反，與次要目標相關的圖像應該沒有那么重。最重要的圖像應該固定在一個突出的位置，并且應該是焦點的一個主要點。
3）選擇引人注目的視覺效果
專注于選擇你能找到的最引人注目的圖片。文本可能被閱讀和遺忘，但強烈的圖像將被記住。一個生動的、引人注目的形象將會留在訪客的腦海里。
4）使用情感上強大的圖像
你的圖像應該具有情感上的說服力——情感上的影響，并強化你想要創造的感覺。畢竟，當涉及到決策時，情緒往往會壓倒邏輯。
結語
考慮圖像的可用性很重要。在你的設計中所有的視覺傳達都會給用戶留下了一個累積的印象。令人信服的圖片有獨特的能力來激勵和吸引你的訪客閱讀有用的信息?；c時間在你的應用程序或網站上使用圖像增加你的用戶體驗。
本文由 青檸君 原創授權發布于人人都是產品經理，未經作者授權，轉載必究。
題圖來自PEXXELS，基于CC0協議
用圖用途分類