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

browser-01

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

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

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

留言

這個網誌中的熱門文章

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

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

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

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

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

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

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

如何用 AI 工具提升工作效率?三個關鍵步驟讓生成結果更精準有效

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱

ChatGPT Canvas 全新 AI 寫作、程式碼編輯工具,不再只能對話!