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

browser-01

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

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

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

留言

這個網誌中的熱門文章

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

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

一般人最好上手且有效的 ChatGPT 提問法,以生成英文練習題為例

擺脫生產力成癮,別再為效率而筋疲力盡,我的5個真實案例分享

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

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

ChatGPT DALL-E 3 的7個特殊 AI 繪圖應用教學,勝過 Midjourney

UpNote 教學:輕快版 Evernote 雲端筆記,易上手的彈性整理邏輯

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

Outlook 職場必備郵件整理圖解教學,網頁版 11 個排程管理技巧