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

browser-01

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

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

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

留言

這個網誌中的熱門文章

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

活用三大 Google AI 教學神器,把複雜知識變成手繪心智圖、遊戲網頁、圖解簡報

NotebookLM App 用相機+錄音,快速接住閱讀、上課、會議想法並處理筆記

Google 簡報加入 Nano Banana Pro: AI 一鍵美化舊簡報版面、圖片、圖表

Splendor 璀璨寶石熱門桌遊 App 文藝復興時代的商戰

Slack 完整教學與上手心得:找到正確的團隊溝通之道

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

Draw.io 中文線上製作流程圖首選!專業水準完全免費