Google Browser Size 幫你把網站關鍵內容聚焦在用戶視野範圍

browser-01

今天在Google官方部落格發佈了一個網頁設計相關工具:Browser Size,這個線上服務提供了一個簡單易懂的測量工具,分析網站頁面與訪客視野範圍之間的關係;Google說,很多站長或網頁設計者忽略了「用戶進入網站第一眼可以看到多少內容」的問題,而在好不容易有人拜訪時,錯失把最關鍵資訊放在最容易被看到之處的機會。

Google說「above the fold(傳統紙本報紙印刷後會摺疊起來販賣,這時候報紙版面編輯就要去思考頭版標題、重要內容在摺疊後是不是還能完整出現在報紙正面)」對於網站設計來說同樣重要,因為當用戶來到你的網站時,並非每個用戶都和你擁有同樣的可見範圍,影響用戶視野的因素包含:螢幕解析度大小、通常視窗開啟的大小(不是所有用戶都使用放大視窗或全螢幕來瀏覽)、瀏覽器視窗扣除工具列等邊欄後真正的可見大小,而且用戶常常不願意「滾動他的滑鼠來捲動網頁」,所以如果你的網站在用戶的第一眼可見範圍中沒有提供足夠的吸引力或功能,那麼可能就會因此流失用戶。

而「Browser Size」這個線上工具統計了訪問Google.com的用戶樣本資料,提供你一個簡單易懂的測量器,只要輸入網址,就可以看到多少比例的用戶會看到哪些範圍,據稱Google Earth網頁經由這個測量工具而把下載按鈕提高位置,結果增加了10%的下載量,是否有效,有興趣的朋友可以趕快試試看囉!

留言

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

用 ChatGPT 陪我讀英文原文書:5 個強化學習、筆記整理到行動轉化的 AI 技巧

Google Gemini 免費AI 修圖實測!一句話改圖、換背景、創作連環照片

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

Raphael 目前免費無限制 AI 繪圖,不需註冊登入也能生成圖像下載

Google 表單自動關閉回覆教學:時間人數到達就過期

Google Maps 我的地圖完全教學!規劃自助旅行攻略

我如何利用 Evernote 範本、每日記事 + AI 設計「原子習慣日記」

修改報告不混亂的 Word 追蹤修訂教學:高效率比對原稿完稿

如何用 ChatGPT 加速生成一份有圖有文的簡報,實戰案例教學