新浪網(wǎng)改版,這個(gè)曾經(jīng)是中國所有網(wǎng)站最推崇的“元老”級(jí)門戶,終于向新事物張開了了她的懷胞。
事實(shí)上,新浪網(wǎng)一直是中國技術(shù)團(tuán)隊(duì)的領(lǐng)先者,早在上世紀(jì)90年代,由其引領(lǐng)的CSS標(biāo)準(zhǔn)化引入,曾被各個(gè)教材和WEB標(biāo)準(zhǔn)團(tuán)隊(duì)傳為佳唱。
而后的新浪微博團(tuán)隊(duì)(weibo.com)也在包括大數(shù)據(jù)處理、云計(jì)算等多個(gè)領(lǐng)域取得了較高的成就。
而我所認(rèn)識(shí)的其它團(tuán)隊(duì)成員(如白山小亭-新浪虛擬化數(shù)據(jù)成員之一,礙于隱私不多宣傳,但我對(duì)其精湛的網(wǎng)絡(luò)技術(shù)和虛擬化運(yùn)營能力敬仰不已。),亦同樣具備較高的技術(shù)能力。
新浪網(wǎng)長期以來不改版,一是龐大的新浪企業(yè)機(jī)器官僚化的結(jié)果,二是各個(gè)部門對(duì)抗沖擊,三也是受市場和經(jīng)濟(jì)目標(biāo)的驅(qū)動(dòng)。
言歸正傳,作為Zoomla!逐浪CMS的首席架構(gòu)師,多年來一直奮斗在網(wǎng)站開發(fā)與WEB體驗(yàn),不敢說自己能力多高,但總有自己的一點(diǎn)眼界,我來談?wù)剬?duì)此次新浪改版的幾大理解:
理解一:從950向更寬分辨率擴(kuò)展的問題
說起來好笑,但人們不得不考慮一個(gè)現(xiàn)實(shí)的問題,那就是:
如果改版了,我們的廣告放到哪里去?
所以新浪網(wǎng)長期以來都是寬度定格在950px,這甚至成為業(yè)界的一個(gè)標(biāo)準(zhǔn)。
某天某老板說:小發(fā)哥,我的網(wǎng)站要做寬一點(diǎn),你怎么做得這么窄啊?
發(fā)哥:老板,咱們這個(gè)寬不能無限寬不是,您看人家新浪,就是950的,我們就是按新浪標(biāo)準(zhǔn)來做的。
老板:哦,那沒問題,跟著新浪準(zhǔn)沒錯(cuò),領(lǐng)導(dǎo)們都是上新浪看新聞的。
于是,950px有了一個(gè)雅號(hào):新浪寬。
新浪網(wǎng)設(shè)計(jì)為950px的好處是明顯的,在1024分辨率的顯示器下,左右各有一條小廣告位,經(jīng)營者會(huì)說:別小看這兩個(gè)廣告位,給我們帶來創(chuàng)收可不止一點(diǎn)點(diǎn)呢,要是沒有廣告?zhèn)?,我們靠什么生活?
而新興的web2.0站點(diǎn)都不再有廣告位了,尤其是蘑菇街、美麗說這些平臺(tái),幾乎沒有單獨(dú)“專設(shè)”的廣告位,寓內(nèi)容于其中,足見其中的運(yùn)營精髓,那就是:
你不一定要有很多廣告位,內(nèi)容核心才是網(wǎng)站的運(yùn)營中心。
感謝新浪網(wǎng)敢于走出這積極的一步,這也為地方門戶和垂直網(wǎng)站做出了范例,讓站長們不再去做那些又丑又難看的硬廣告位,而是注重內(nèi)容的本身,注重用戶體驗(yàn)的本身。
理解二:更好的WEB體驗(yàn)和格柵式設(shè)計(jì)
格柵式設(shè)計(jì)要求網(wǎng)站遵守一些規(guī)范,而新浪網(wǎng)一直有一點(diǎn)優(yōu)秀的就是,雖然遵循寬屏設(shè)計(jì)體驗(yàn),但同樣照顧到了更低分辨率的瀏覽,比如在800*600分辨下,只要將網(wǎng)頁下方的拖動(dòng)條往右靠齊,就可以只瀏覽正文,不需要看左邊的廣告了。
這一點(diǎn),新浪改版后,依然保存了,很好,值得贊一下(相比之下,網(wǎng)易設(shè)計(jì)風(fēng)格雖然以小清新出名,但是卻沒有考慮到如此嚴(yán)謹(jǐn),尤其是一些大活動(dòng)的子站官網(wǎng)背景往往還會(huì)出現(xiàn)“露白”的丑處,實(shí)在不該。
理解三:激進(jìn)但遵守規(guī)則
新版新浪網(wǎng)官網(wǎng),顯然更加考慮到了用戶體驗(yàn),其中如頂部固定、自動(dòng)返回頂部等應(yīng)用
理解四:瀏覽的重心問題
筆者曾經(jīng)主持過一個(gè)地方門戶,事前設(shè)計(jì)挺好,但后來考慮了各方面的意見,最終做成的成果是整個(gè)網(wǎng)站上一片花花綠綠。
新浪網(wǎng)則始終堅(jiān)持用戶瀏覽只有一個(gè)重心,舊版的新浪網(wǎng)主要瀏覽重心放在首屏右邊的“最新新聞”,而新版則改進(jìn)了,在首屏的中部加上了視頻新聞,這樣將人們?yōu)g覽的重心向網(wǎng)頁中部拉攏。
打一個(gè)不恰當(dāng)?shù)谋扔?,就是原來需?ldquo;扭脖子看新浪”,現(xiàn)在終于可以端坐正看新浪網(wǎng)了,呵呵呵。
理解五:缺點(diǎn)與問題
囿于時(shí)間原因,也不能寫過細(xì),當(dāng)然缺也是不少的。
一是新版首頁在南方電信加載總是還有一些問題,部份地區(qū)不能正常顯示。
我想這可能是改版團(tuán)隊(duì)過于追求Jquery效果,而沒有考慮各個(gè)瀏覽器版本的兼容,也可能是改版團(tuán)隊(duì)與微博團(tuán)隊(duì)不是同一班家伙,對(duì)于服務(wù)器加載技術(shù)研究沒有那么到位。
二是不能自適應(yīng)各個(gè)瀏覽器,目前包括微軟官網(wǎng)還表發(fā)哥我本人的逐浪官網(wǎng)都已經(jīng)支持各個(gè)瀏覽器自由適匹,即不需要下方左右拖動(dòng)橫條,而新浪網(wǎng)沒有引入這一技術(shù)。
三是在1024分辨下,雖然采用了寬屏1000px的分辨率,卻不能做到屏蔽左右拖動(dòng),同樣的寬度,京東、淘寶和當(dāng)當(dāng)都處理得要好。
好了,先寫這么多,可憐的碼農(nóng)要繼續(xù)去處理備案、改版、重構(gòu)等等等等的問題,以填飽自己的肚子為先。
無論如何,向前進(jìn)者致以熱烈的掌聲!注:本文原創(chuàng),A5首發(fā),歡迎轉(zhuǎn)載。
申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!