用戶體驗:各大網站紛紛將首頁變灰色

為表達全國人民對青海玉樹地震遇難同胞的深切哀悼，特在4月21日這一天舉行全國哀悼活動。這一天，每個人的心情都是沉重的。

各大網站紛紛將首頁變灰色表達對遇難同胞的哀思。我們的用戶也一樣，不希望在這一天看到哪個網站跟沒事似的還色彩鮮明。

問題一，如何將首頁變灰？

最常用的方式是使用濾鏡html { filterrogidXImageTransform.Microsoft.BasicImage(grayscale=1); }或html { FILTER: gray }
優點：一行代碼搞定，簡單、方便。
缺點：僅IE支持，Firefox無效，Safari也無效

問題二，門戶網站是如何做的？

新浪、網易、騰訊、搜狐將LOGO等圖片手動改為灰色。

2008年5月21日汶川地震，各大門戶使用的是同樣的方法。

優點：最笨”的方法，卻能讓所有瀏覽器顯示灰色。
缺點：工作量大，要考慮更多細節。

————
請根據用戶訪問量區分采用何種方法：
1、若用戶90以上都用IE，人力又不夠，建議用濾鏡做。少做無用功。有時間努力想想如何讓提高該網站的影響力吧。這才是重中之重。

2、若您所在的網站，用戶群的基數很大，比如網易每天有數以億計的訪客，那麼用火狐的也得有幾十萬，幾百萬吧。 那這個數字是不能容忍用濾鏡的。
————
省時省力的全兼容的素顏代碼暫時沒有！

因為：某些瀏覽器不支持，我們是按WEB標准寫代碼的。標准不支持，真的沒辦法。

解決方案：字體可用CSS控制，圖片少量的話就得手動改為灰色，量大建議寫個通用腳本吧。日後有需要的時候，可以拿來就用。

————
最後強調：用哪種解決方案，取決於二點要素：用戶訪問基數、網站實力。

為了讓用戶用的更舒服，建議大門戶好好弄弄你們的網站。不要得過且過。

以下是做的用戶體驗極佳的網站：（IE下都是正常的，沒有可比性，主要說IE以外的情況）
第一名：
騰訊：字體、圖片、廣告、FLASH均用灰色，主要位置制作專題，今日話題為：“4.14玉樹地震網上紀念館”。搜索欄放置一束菊花。愛心捐款為紅色等。  （主流瀏覽器均兼容）

點評：該體現的體現，該暗淡的暗淡，說出百姓心聲，考慮細節。

第二名：

搜狐：字體、圖片、廣告、FLASH均用灰色，主要位置制作5個大幅專題圖片入口位置，並特設了“點亮天路”。頁腳沒有色彩鮮明。（主流瀏覽器均兼容）

網易：字體、圖片、廣告、FLASH均用灰色，LOGO旁邊放了蠟燭，網站制作哀思專題。（主流瀏覽器均兼容）

點評：搜狐新浪真的很不錯。很用心的為用戶考慮。網易做的也很到位。我是非常喜歡網易的。

第三名：
淘寶：字體、圖片均為灰色。（火狐下體驗不好，FLASH廣告，圖片廣告均色彩鮮明，）

點評：其實淘寶可以做的更好的，我覺得。可能是淘寶是購物網站，不是新聞媒體的原因吧。

。

新浪：字體、圖片均為灰色。（火狐下體驗不好，FLASH廣告，圖片廣告均色彩鮮明，）

點評：互聯網從業人員，尤其是技術人員誰能不用火狐呢？我們也是需要看新聞的。新浪可以做的更好的。加油。
其他，人民網，新華網等國家級新聞門戶在火狐下依然色彩鮮明。無語。

期待：
期待在標准不支持的情況下，網站要顧及用戶感受，考慮細節中的用戶體驗。

期待火狐等知名瀏覽器，可以支持濾鏡。