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

browser-01

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

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

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

留言

相關文章:

這個網誌中的熱門文章

Zoom 免費100人視訊會議、遠端控制、白板錄影完整圖解教學

Supercoloring 免費兒童著色本,五萬張著色圖下載或線上塗鴉

Microsoft Teams 圖解教學:免費視訊會議、遠距工作提升效率

Zoom 超好評的視訊會議軟體:像打電話一樣快速簡單

OpenShot 免費中文版影片剪輯軟體,何必用精簡版的威力導演

Jitsi Meet 視訊會議教學:免費無限人數時間、共享桌面、錄影

Google Classroom 遠距教學全圖解:設計作業測驗、評量成績

無紙化工作方法,不「紙」數位化,還需行動化雲端化

LINE 視訊會議圖解教學,直播、分享螢幕畫面、200人群組視訊

柏林愛樂橫跨 50 年古典音樂會高畫質影片,限時免費線上觀賞