DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 用戶體驗:各大網站紛紛將首頁變灰色
用戶體驗:各大網站紛紛將首頁變灰色
編輯:關於網頁技巧     

為表達全國人民對青海玉樹地震遇難同胞的深切哀悼,特在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廣告,圖片廣告均色彩鮮明,)

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

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

期待火狐等知名浏覽器,可以支持濾鏡。
—————–

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved