打開一個網站，你會花多久決定要不要留下來？研究給出的答案，比多數人想像的短得多。對企業來說，官網往往是客戶認識品牌的第一站；在對方讀到你的服務內容、看到你的案例之前，網站本身就已經替你說了第一句話。
這篇文章整理了 Google、Nielsen Norman Group 等研究機構的資料，說明訪客打開網站的前幾秒到底在看什麼，以及你可以怎麼檢查自己的網站。
第一印象有多快？研究怎麼說
網站的第一印象，大致可以分成三個時間點：
- 0.05 秒：覺得好不好看。加拿大卡爾頓大學的研究讓受試者只看網頁 50 毫秒，再評分視覺吸引力，結果和看得比較久時的評分高度一致。研究者因此提醒設計師：你大約只有 50 毫秒建立好的第一印象。
- 0.017 秒：已經在比較「複雜」與「熟悉」。瑞士巴塞爾大學與 Google 的研究發現，網頁只出現 17 毫秒，受試者對美感的判斷就已經受到「畫面複雜度」與「像不像同類網站」影響。
- 10 秒：決定去留。Nielsen Norman Group 引用微軟研究院分析超過 20 萬個網頁停留時間的研究指出，訪客進站的前 10 秒最關鍵；撐過 30 秒之後，離開的機率才會明顯下降。
換句話說，所謂「3 秒內」並不是一個精確的門檻，而是提醒我們：在訪客真正開始閱讀之前，他已經用眼睛做完一連串的判斷。
訪客 3 秒內在看什麼？5 個關鍵
1. 網頁有沒有出現：速度就是第一印象
如果畫面遲遲出不來，訪客連看的機會都沒有。Google 2016 年分析上萬個手機網站的研究指出，手機網頁載入超過 3 秒，有 53% 的造訪會被放棄；Google 後續的資料也顯示，載入時間從 1 秒變成 3 秒，跳出的機率會增加 32%。
Google 現在用「最大內容繪製（LCP）」衡量主要內容出現的速度，建議控制在 2.5 秒以內。你可以用 Google 官方的 PageSpeed Insights 免費檢測自己的網站。
2. 畫面乾不乾淨：視覺複雜度
Google 的研究結論很直接：視覺上越複雜的網站，越容易被認為不好看，即使版面很常見也一樣。首屏同時塞滿輪播、跑馬燈、彈跳視窗和好幾種字體顏色，訪客的第一個感受往往是「好亂」，而不是「好豐富」。
3. 看起來像不像你的產業：熟悉感
同一份研究也發現，訪客偏好「符合這類網站慣例」的設計；太陌生的版面，即使很簡潔，也容易被打低分。會計師事務所的網站看起來應該可靠穩重，藝術品牌則可以更大膽。設計的創意，最好建立在訪客認得出你是誰的基礎上。
4. 你是誰、做什麼：首屏的訊息
Nielsen Norman Group 2018 年分析超過 13 萬個眼動注視點的研究顯示，訪客約有 57% 的瀏覽時間停留在第一個畫面（不用捲動就看得到的範圍），前兩個畫面合計約 74%。首屏該回答的問題只有三個：這是什麼品牌？提供什麼服務？我下一步可以做什麼？
5. 值不值得信任：設計就是可信度
史丹佛大學 2002 年的網站可信度研究，請 2,684 位一般使用者評估網站是否可信，在所有評論中，提到「整體設計與外觀」的比例最高，約 46.1%。研究雖然年代較早，但道理至今不變：訪客還沒讀完內容，就已經用「看起來專不專業」來判斷這家公司靠不靠得住。
訪客怎麼「看」網頁：掃描，而不是閱讀
Nielsen Norman Group 的眼動研究發現，訪客閱讀網頁時常呈現「F 型」模式：先橫向看完最上面幾行，再往下掃過左側每行開頭的幾個字。這代表：
- 標題和每段開頭最重要：重點要放在前面，不要藏在段落中間。
- 用小標題切段：讓掃描的眼睛有地方停下來。
- 一段只講一件事：長篇大論在網頁上很少被完整讀完。
首屏檢查清單：今天就能對照你的網站
- 打開網站 3 秒內，是否看得到品牌名稱或 Logo？
- 有沒有一句話說清楚「你做什麼、為誰服務」？
- 是否只有一個最主要的行動按鈕（例如「預約諮詢」），而不是五個按鈕搶注意力？
- 主視覺圖片是否壓縮過，用 PageSpeed Insights 檢測 LCP 是否在 2.5 秒內？
- 手機版首屏是否一樣清楚？依 TWNIC《2025 台灣網路報告》，台灣的行動上網率已達 87.12%，很多客戶第一次看到你的網站，是在手機上。
- 首屏的顏色與字體是否控制在少數幾種，留白是否足夠？
- 有沒有能建立信任的元素，例如合作客戶、案例或實績？
常見問題
網站的第一印象不好，一定要整個改版嗎？
不一定。很多時候先從首屏著手就有明顯效果：重寫主標題、精簡選單與按鈕、壓縮主視覺圖片。若網站架構、品牌形象或手機版體驗都已經跟不上，再考慮全面改版。
怎麼知道我的網站夠不夠快？
用 PageSpeed Insights 輸入網址，分別看手機與桌機的結果，重點留意 LCP 是否在 2.5 秒內。圖片太大、外掛太多，是 WordPress 網站最常見的拖慢原因。
首屏一定要放影片或動畫嗎？
不需要。動態效果可以加分，但前提是不拖慢載入、也不干擾訊息傳達。如果訪客等了好幾秒才看到動畫，或看完動畫還不知道你在做什麼，反而得不償失。
好的第一印象，是設計出來的
第一印象只有一次機會，但它不是運氣，而是可以事先規劃的結果：清楚的訊息、乾淨的版面、符合產業期待的風格，加上夠快的載入速度。
在鏈客，我們做形象網站的方式是先交出完整的設計藍圖，確認符合需求才開工，讓你在網站上線前，就先看到訪客會看到的第一個畫面。準備開始之前，也可以先參考開工前的 5 個素材清單，或看看我們的網站案例。
想知道你的網站給人什麼第一印象？預約免費諮詢，我們會在聊之前先看過你的網站。
參考資料
- Lindgaard, G., Fernandes, G., Dudek, C., & Brown, J. (2006). Attention web designers: You have 50 milliseconds to make a good first impression! Behaviour & Information Technology, 25(2), 115–126. doi:10.1080/01449290500330448
- Tuch, A. N., Presslaber, E. E., Stöcklin, M., Opwis, K., & Bargas-Avila, J. A. (2012). The role of visual complexity and prototypicality regarding first impression of websites. International Journal of Human-Computer Studies, 70(11), 794–811. Google Research 摘要
- Nielsen, J. (2011). How Long Do Users Stay on Web Pages? Nielsen Norman Group. nngroup.com
- Fessenden, T. (2018). Scrolling and Attention. Nielsen Norman Group. nngroup.com
- Pernice, K. (2017). F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile). Nielsen Norman Group. nngroup.com
- Google (2016). The Need for Mobile Speed. AMP Project 部落格
- Think with Google. Page load time statistics（Google/SOASTA Research, 2017）. thinkwithgoogle.com
- Google. Largest Contentful Paint (LCP). web.dev. web.dev
- Fogg, B. J., et al. (2002). How Do People Evaluate a Web Site’s Credibility? Stanford Persuasive Technology Lab & Consumer WebWatch. Consumer Reports
- 財團法人台灣網路資訊中心（TWNIC）(2025)。2025 台灣網路報告。report.twnic.tw
