Google 前幾天發布一項稱為"瀏覽器大小(Google Browser Size)"的工具, 讓網站開發者估測他們製作的網頁可在用戶的瀏覽器中顯示出多大的比例(也就是有多少人看的到這樣大小的區塊)。

Google Browser Size
Google Browser Size is a visualization of browser window sizes for people who visit Google.

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

Google 內部分析發現, 許多使用者看不到google earth 的下載按鈕, 因為他們必須先卷動網頁按鈕才會在瀏覽器顯示到此範圍顯。Browser Size 團隊中的成員Arthur Blume 表示修改網頁後,下載率已增加10%。

Google Browser Size is a visualization of browser window sizes for people who visit Google. For example, the “90%” contour means that 90% of people visiting Google have their browser window open to at least this size or larger. This is useful for ensuring that important parts of a page’s user interface are visible by a wide audience. On the example page that you see when you first visit this site, there is a “donate now” button which falls within the 80% contour, meaning that 20% of users cannot see this button when they first visit the page. 20% is a significant number; knowing this fact would encourage the designer to move the button much higher in the page so it can be seen without scrolling.”

你可以點進去看 Google Browser Size , 其中的紅字顯示這個donate 的按鈕有30% 的人看不見, 也就表示重要的東西可能需要放在大家都看得見的位置。程序設計師 Bruno Bowden 舉例說: 如果某個重要的按鈕是在可顯示80%範圍的區域, 那意味有20%的區域是使用者必須捲動頁面才看得到的。

Related posts:

  1. 小人物站上藝術舞台 – 3
  2. Vintage Ad Browser / 來找些古董廣告的靈感: Gumby
  3. Google Search Stories – 關於你的搜尋故事
  4. Google Maps Handling: 地圖元素
  5. Google 瀏覽器: Chrome Browser 有多快?