第一印像很重要：為什麼出色的視覺設計必不可少

人們做出快速判斷。 形成對一個人的第一印像只需要 1/10 秒。 網站也不例外。

用戶需要大約 50 毫秒 (ms)（即 0.05 秒）對您的網站形成意見，從而決定他們是留下還是離開。

這個數字來自特定的研究。 在第一項研究中，參與者對呈現 500 毫秒的網頁的視覺吸引力進行了兩次評分。 在後續研究中，他們將曝光時間縮短至 50 毫秒。

在整個過程中，視覺吸引力評級從一個階段到下一個階段高度相關，50 毫秒和 500 毫秒條件之間的相關性也是如此。 因此，可以在 50 毫秒內評估視覺吸引力，這表明您有大約 50 毫秒的時間給您的網站留下良好的第一印象。

這種第一印象取決於許多因素：結構、顏色、間距、對稱性、文本量、字體等。 這個帖子：

• 詳細研究網站和第一印象。
• 向您展示如何創建視覺設計以改善第一印象。

注意：以下所有網站截圖僅用於說明目的。

對網站和第一印象的研究

用戶在 17 毫秒內形成設計意見。

幾年前，谷歌在自己的研究中證實了 50 毫秒這個數字。 事實上，根據他們的研究，一些意見在 17 ms 內形成，儘管對某些設計因素的影響不那麼明顯。

他們研究的主要發現是，視覺複雜度低且原型性高（設計對特定類別網站的代表性）的網站被認為非常有吸引力。

關鍵要點：使您的網頁設計簡單而熟悉。 遵守約定。 人們對電子商務網站應該是什麼樣子有一個固定的想法。 如果您採用創新的、非常規的佈局，人們就不太可能喜歡它們。

注意：在我們的綜合報告（專門針對電子商務的 247 條指南）中查看大量電子商務指南和測試想法。

眼睛停留在網頁的關鍵區域需要 2.6 秒。

用戶的眼睛需要 2.6 秒才能到達最能影響他們第一印象的網站區域。

研究人員在學生掃描網頁時監測他們的眼球運動。 研究人員隨後分析了眼動追踪數據，以確定學生需要多長時間才能專注於頁面的特定部分——例如 菜單、徽標、圖像和社交媒體圖標 - 在他們轉到另一個部分之前。

他們發現第一印象越好， 越長參與者留在頁面上。

引起觀眾最感興趣的六個網站部分是：

1. 該機構的標誌。 用戶在繼續之前花了 6.48 秒專注於該區域。
2. 主導航菜單。 幾乎與徽標一樣受歡迎，受試者平均花費 6.44 秒查看菜單。
3. 搜索框。 用戶集中註意力僅超過 6 秒。
4. 網站的主圖。 用戶的眼睛平均注視 5.94 秒。
5. 該網站的書面內容。 用戶花費了大約 5.59 秒。
6. 一個網站的底部。 用戶花費了大約 5.25 秒。

關鍵要點：良好的第一印象會導致更長的訪問時間。 確保這裡列出的六個元素看起來很棒。

第一印象與 94% 的設計有關。

英國研究人員分析了不同的設計和信息內容因素如何影響在線健康網站的信任度。 研究清楚地表明，網站的外觀和感覺是第一印象的主要驅動因素。

在測試參與者給出的所有反饋中，94% 是關於設計的：

• 複雜的;
• 繁忙的佈局；
• 缺乏導航設備；
• 無聊的網頁設計；
• 色彩的運用；
• 彈窗廣告；
• 網站介紹緩慢；
• 小字;
• 文字太多；
• 企業形象；
• 搜索能力差.

只有 6% 的反饋是關於實際內容的。 視覺吸引力和網站導航對人們對網站的第一印象影響最大。

同時，糟糕的界面設計與網站的快速拒絕和不信任有關。 當參與者不喜歡設計的某個方面時，很少會在主頁之外探索整個網站。

斯坦福大學可信度專家在 Consumer WebWatch 的研究中發現了類似的結果。 他們發現，人們說他們是如何評價一個網站的信任，以及他們如何真正做到這一點是不同的。

數據顯示，與網站內容相比，普通消費者更關注網站的表面方面，例如視覺提示。 例如，近一半的消費者 (46.1%) 評估網站的可信度，部分是基於視覺設計的吸引力，包括佈局、排版、字體大小和配色方案。

關鍵要點：偉大的設計讓人們信任你並留下來。 糟糕的設計會造成不信任並讓人離開。

對於第一印象，視覺吸引力甚至勝過可用性。

一項研究檢查了視覺吸引力和可用性對用戶性能和網站滿意度的影響。

用戶在網站上完成了不同的任務，這些任務的視覺吸引力（高和低）和可用性（高和低）各不相同。 結果表明，第一印象最受網站視覺吸引力的影響。

用戶對具有高吸引力的網站給予較高的“可用性和興趣評級”，而對具有以下特點的網站給予較低的“可用性和興趣評級” 低的上訴。 用戶對低吸引力網站的看法並沒有受到網站可用性的顯著影響，即使在成功體驗該網站之後也是如此。

關鍵要點：投資於設計。 這是吸引用戶的最重要的因素。有趣的是，出色的視覺設計將帶來更高的可用性評級，而實際可用性則不那麼重要。

積極的第一印象可以提高整體滿意度。

在一項旨在研究產品預期對主觀可用性評級的影響的實驗中，參與者在可用性測試之前閱讀了對新型移動設備的正面或負面產品評論。 對照組什麼也沒讀。

該研究揭示了積極預期對主觀實驗後評級的驚人影響。 閱讀正面評論的參與者對設備的實驗後評分明顯高於負面素數組和無素數組。

即使在困難任務條件下，當用戶大多數任務失敗時，正素數的這種促進作用也能保持。

關鍵要點：如果用戶“立即”喜歡您的網站，他們會為您解決一些小問題。 這種啟動也可能以另一種方式起作用：A n 否定的第一印象會降低對您網站的整體滿意度。

因此，如果您想給人留下好印象，最好從哪裡開始？

如何通過視覺設計給人留下良好的第一印象

1. 用你的設計區分你的網站（和你的公司）。

你是時髦的、愚蠢的、性感的、精明的、聰明的、經典的還是什麼？ 你和競爭對手有什麼不同？ 您是否通過網站上的排版、圖像和設計盡快傳達這一信息？

在避免“創新”設計（這可能會讓消費者望而卻步）與尋求獨特的視覺風格之間存在平衡。 很多時候，同一垂直行業的公司在他們的設計美學中採用“我也是”的方法。

有時，競爭站點非常相似，如果您從站點的標題中刪除徽標，則幾乎不可能將一個站點與另一個站點區分開來。

據我觀察，這主要有兩個原因：

1. 關於設計美學的內部對話轉變為關於功能的對話，而不是發展獨特的視覺識別。
2. 比賽採用了“看起來像是在工作”的功能和美學。

當然，當新網站啟動時，每個人都忙於互相擊掌，沒有註意到新設計幾乎是一個主要的複製品 競爭者， 或者您完全忽略了詢問現有客戶為什麼他們喜歡在您的公司購物。

如果您想為您的視覺傳達添加更多特色但不知道從哪裡開始，請查看 Zaltman 隱喻引出技術並將其應用於您的定性調查。 這可以幫助您設計第一印象，在不疏遠訪問者的情況下傳達您品牌的核心價值。

“品牌標識”不僅僅是一些需要洗牌的軟糊糊的東西。 Cheskin Research & Studio Archetype 早在 1999 年就發現，與電子商務公司建立信任的六個最重要因素是：

• 牌;
• 導航;
• 履行;
• 推介會;
• 最新技術；
• 安全標誌。

這點考慮一下吧。 如果第一印像是您的網站與其他網站沒有區別，那麼為什麼有人要瀏覽您的產品頁面，更不用說在競爭中選擇您了？

這是一個例子：我在谷歌上搜索了“皮夾克”，看看在隨機搜索中，視覺差異和整體第一印像是否會成為問題。 這是前三個結果：

這三個網站有什麼區別嗎？ 不是真的，即使他們沒有完全相同的人口統計。

過了好一會兒在搜索結果中滾動之前，我發現任何網站，看上去並不像以上這樣的，終於結結巴巴的Bomboogie的。 不可否認，該頁面與其競爭對手不同：

與其他網站不同，該頁面立即呈現出一種不同的感覺——這不是一家製造精緻、高級時裝的公司。 他們的夾克“靈感來自飛行員使用的夾克”，網站看起來很重要。

多年前，當我第一次做這項研究時，我發現的最獨特的網站是 Schott。 雖然我會放棄他們的圖像滑塊、汽水蓋導航和許多假紋理，但設計有一種魅力，給人留下了強烈的第一印象，尤其是考慮到它是一個老品牌。

你可以感受到人物和情感，並了解他們是否值得信賴，這就是整個第一印象的內容。

然而，設計趨勢也趕上了他們，現在他們看起來更像其他所有網站：

Shopify 創建了一個包含 100 種精美電子商務設計的列表，其中包含具有獨特第一印象的公司。

關鍵要點：您可以（並且應該）傳達獨特的品牌標識，而不會過於創新以致混淆或惹惱用戶。

2. 激發網站訪問者創建一個更強大的第一 印象。

一項關於第一印像在旅遊網站中的作用的研究發現，與靈感相關的元素對旅遊網站的影響最大 第一印象s。

這表明吸引人的視覺刺激是讓人們在網站上停留更長時間的重要工具，從而將更多的訪問者轉化為購買者。

可用性是形成第一印象的第二大驅動因素，其次是可信度。

總而言之，這告訴我們旅行者希望從目的地（圖像）中獲得靈感。 他們不想把精力浪費在搞清楚事情（可用性）上，他們想確保旅行提供商是合法的（可信度）。

關鍵要點：如果您要推銷一個夢想（例如去智利度假的想法），鼓舞人心的攝影作品是主要的第一印象創造者。

3. 確保折疊上方區域晃動。

多年來，首屏問題一直備受爭議。 研究表明人們在滾動時沒有問題，事實上，他們更喜歡滾動劃分內容分成很多頁。 這和第一印像有什麼關係？

9 網站信譽殺手

通過亞歷克斯·伯克特

了解如何創建一個能激發信任而不是懷疑的網頁，這有助於購買而不是阻止購買。

• *
• *
  • 我同意接收電子郵件。
• 名稱
  此字段用於驗證目的，應保持不變。

立即獲取

這是考慮首屏問題的新方法：它需要成為您網站的最佳部分。 第一印像在 0.05 秒內形成。 用戶不會在那個時候向下滾動。

因此，他們在不滾動的情況下立即看到的內容決定了他們是否曾經向下滾動。 考慮到這一點…

特別注意您的導航。

許多熱圖研究表明，導航通常是網站的第一個和最常查看的區域之一。 但是除了典型的類別之外，您還應該包括什麼 ?

根據 Business Insider 關於人們放棄購物車原因的一項研究，25% 的人表示“網站太複雜”（即導航難以使用），接近 60% 的人表示“隱藏成本”（即運輸成本） ) 作為他們沒有 pa 離開的主要原因 英.

在 eConsultancy 的另一項研究中，訪問者詢問是否從不熟悉的電子商務網站購買時指出，“專業設計”、“網站包含知名品牌”和“聯繫信息可見”都影響了他們購買（或不購買）的決定）。

做得好，網站的導航可以包括一些或所有的東西，如果沒有的話，會阻止訪問者購買。

看看我最喜歡的網站之一 ThinkGeek 的導航中傳達了多少信息，而無需進入該網站的內容：

無需打獵太多，很容易找到：

• 對時間敏感的促銷活動；
• 多種方式深入網站（類別、興趣、搜索）；
• 新產品、頂級產品和獨家產品，以及他們攜帶的產品的提示（禮品、T 卹、電子產品、禮券）；
• 獎勵計劃；
• 在售產品；
• 他們的“免費送貨”門檻；
• 客戶支持可用性（通過“實時聊天”和“幫助”按鈕）。

將其與 Zara 之類的極端示例進行比較，您就會明白為什麼這很重要：

案例研究：Alight 增加了 16% 的網站搜索量和 25% 的購買量

Alight（現在的 CurvyHQ）知道他們的網站感覺過時了。 這家大碼女裝零售商使他們的網站導航更加現代。

他們增加了搜索欄的大小，刪除了信任符號，將“銷售”和“新”類別納入粉紅色導航區域，並闡明了他們的價值主張，以及其他一些小更新。

結果是網站搜索量增加了 16%，整體購買量增加了 25%，所有這些都是通過使導航成為強烈第一印象的一部分。

第一印象——在網站上或在 NBA——可以持續數年。

經濟學家 Barry Staw 和 Ha Hoang 的研究調查了選秀順序對 NBA 的影響。 他們在球員被選中後觀察了五年的職業生涯。 五年足以在很多方面證明自己，所以草稿應該沒有作用，對吧？

錯誤的。 根據這項研究，球員獲得的上場時間與他們的選秀順序相關。 即使在控制了球員的場上表現、傷病、交易狀態、位置和其他因素之後，球隊也會給予高選秀球員更多的上場時間並留住他們更長時間。

選秀編號的每一次增加（即被選為第九名而不是第八名）都會減少多達 23 分鐘的上場時間。 令人難以置信的是，選秀順序繼續預測球員在 NBA 的第五年的上場時間，這是研究中衡量的最後一年。 首輪選中的球員職業生涯也更長； 他們比其他人多打了 3.5 年。

另一項研究調查了第一印象的持久性。 它發現與第一印象相矛盾的新體驗會“綁定”到它們產生的環境中。 然而，第一印象仍然支配著其他環境。

我們的大腦將違反預期的經歷存儲為“規則的例外”。 規則（即第一印象）被視為有效，除了它被違反的特定上下文。

關鍵要點：如果第一印像是負面的，它可能會多年來使用戶對您產生偏見。

結論

視覺吸引力很重要。 很多。 我的建議：永遠不要試圖在設計上省錢。 我一次又一次地看到“簡單”的設計大修如何導致顯著的轉換提升。

人們在幾毫秒內形成他們對您網站的看法。 您網站上的第一秒可能比接下來的所有秒（如果有的話）更重要。 確保一秒鐘給人留下良好的第一印象。