新聞中心

網(wǎng)站首頁(yè)設計的一些經(jīng)驗!

類(lèi)型 : 公司新聞

過(guò)去從實(shí)踐與反省中得來(lái)的經(jīng)驗之談,不妨講講。
1、定位
第一條和界面設計沒(méi)關(guān)系,和定位有關(guān)系。做網(wǎng)媒最大的陷阱就是“貪”,從平媒轉網(wǎng)媒的人尤其貪,覺(jué)得內容容量無(wú)限大,轉載成本無(wú)限低,什么東西都想往里邊塞。但你的推廣位是有限的,最多20條;你的要聞區也是有限的,最多30條;二三十條內容想傳遞清晰有力的媒體形象,必然貪心不得,有所取舍。取舍之道并不取決于你有怎樣的內容情懷,而是針對主站用戶(hù)群去作因地制宜的篩選。
有人說(shuō),除了推廣位和要聞區,我還有更多的欄目區塊和欄目頁(yè)面嘛。此話(huà)謬矣。推廣位和要聞區是新用戶(hù)接觸你的必經(jīng)之路,也是整個(gè)頻道的門(mén)面。掛羊頭賣(mài)狗肉這種事情,沒(méi)得好下場(chǎng)。所以“定位”的加減法,是考驗頻道主編的核心能力。
2、通透
設計內容頁(yè)面,最重要的術(shù)語(yǔ)是“通透”,意思是從上至下保持統一的分欄布局,同時(shí)在主欄維持相似的內容樣式。通透的好處是容易形成瀏覽慣性,用戶(hù)從上往下拉的過(guò)程中沒(méi)有跳躍感,隔斷感,即便閱讀沖動(dòng)漸漸淡化,也還是習慣性地一直拉下去,增加接觸新內容的機會(huì )。
很多網(wǎng)媒人喜歡追求內容的視覺(jué)表現力,希望在樣式上與眾不同,鶴立雞群。我以前也犯過(guò)這毛病。以一個(gè)過(guò)來(lái)人的身份告訴你,這很蠢。樣式追求基本上就是自我陶醉,越是與眾不同,越多理解障礙。內容視圖統一有助于用戶(hù)高效率地獲取信息,瀏覽過(guò)程越是簡(jiǎn)潔流暢,則PV越高,用戶(hù)停留時(shí)間也越長(cháng)。視覺(jué)上的賣(mài)弄只會(huì )產(chǎn)生更多的“隔斷”——這不會(huì )引起不適,但產(chǎn)生了“一頓一頓”的不良節奏??鐧诳偛蝗玳L(cháng)跑持久。
3、頭條
內容頁(yè)面的結構千篇一律,首先是要聞區,后面跟一長(cháng)排欄目區塊。前文提到的老同事來(lái)與我討論要聞區頭條的設計,按舊例有兩種思路:大頭條下面放摘要,或是大頭條下面放12px的小頭條。前者不可取,15-20字的標題都講不清楚賣(mài)點(diǎn),難道還有資格上頭條?摘要堆在下面只能說(shuō)視覺(jué)上比較美觀(guān),但浪費了寸土寸金的頭屏要聞空間。
如果放12px的小頭條,按照理想化的設計思路,應該是頭條相關(guān)報道,合并成微型專(zhuān)題,讓用戶(hù)快速接觸到更多同主題的內容。但有時(shí)候就是找不到有分量的,對應這頭條的相關(guān)報道,只好放一些近似報道上去,效果不甚理想。因此小頭條不宜多,網(wǎng)易新聞與新浪新聞通??刂圃谝恍校?-4條),既有微型專(zhuān)題的效果,又不太發(fā)愁編排的難度。
4、欄目
網(wǎng)媒運營(yíng)有個(gè)常見(jiàn)的錯誤,用內容的物理屬性來(lái)劃分欄目,覺(jué)得它就應該是A類(lèi)B類(lèi)C類(lèi)。這個(gè)取向背離了欄目設置的初衷。為什么頻道下面要設欄目?因為用戶(hù)特別愛(ài)看某一類(lèi)型的內容,你用欄目將這批內容歸納起來(lái),方便用戶(hù)查找。所以欄目的劃分標準,只能以用戶(hù)的檢索標準為依據。他們愛(ài)搜哪些類(lèi)型的內容,你就劃分出哪些方面的欄目。
說(shuō)白了,網(wǎng)媒是信息服務(wù)行業(yè),基本不具備平媒的啟發(fā)性,指引性。網(wǎng)媒需要服務(wù)于用戶(hù)的直接需求而不是攬鏡自賞,需要多研究你的用戶(hù),而不是去炫耀你的才華。
5、落點(diǎn)
再介紹一個(gè)內容頁(yè)面設計的術(shù)語(yǔ):“落點(diǎn)”。用戶(hù)視線(xiàn)的落點(diǎn)在哪里?在前三屏,用戶(hù)瀏覽的耐心比較多,愿意逐條往下讀。再往后則耐心不斷衰竭,有可能飛快地拉到自己常去的欄目區塊。因此欄目區塊應該有醒目的區隔標識,方便用戶(hù)定位。
還有種用戶(hù)習慣是飛快地把頁(yè)面拉到底,因此欄目區塊宜加入頭條設計,讓頁(yè)面在快速滾動(dòng)的過(guò)程中,視線(xiàn)容易被一些突出的內容元素攔截下來(lái)。“頭條”是攔截注意力又不產(chǎn)生隔斷感的最佳形式。
6、還是落點(diǎn)
接著(zhù)講落點(diǎn)。當視線(xiàn)定在一個(gè)點(diǎn)之后,余光通常會(huì )以這個(gè)點(diǎn)為軸心,掃射到附近的一小片位置。有經(jīng)驗者的設計者會(huì )在中欄放頭條,左欄和右欄放少量圖片,或表格,或刻意留白,設置適度的落點(diǎn)。左欄和右欄的圖片不能多,尤其不能爭功,在同一條水平線(xiàn)上,左輕則右重,右輕則左重,引導用戶(hù)的視線(xiàn)更多在左中,或中右的兩欄之間移動(dòng)。
這是因為閱讀的最佳寬度是500-600px,如果眼球左右轉動(dòng)的距離過(guò)長(cháng),眼部很容易疲累,從左欄到右欄橫向的大跳躍應極力避免。頁(yè)面上到處都是落點(diǎn)的話(huà),視線(xiàn)飄忽,看似琳瑯滿(mǎn)目,卻降低了用戶(hù)的瀏覽耐心與停留時(shí)間。
7、下劃線(xiàn)
我以前在知乎回答過(guò)一個(gè)問(wèn)題,為什么網(wǎng)易新聞不帶下劃線(xiàn),新浪帶下劃線(xiàn)?當時(shí)的回答內容有點(diǎn)長(cháng),挑緊要的再講一次。帶下劃線(xiàn)的優(yōu)點(diǎn)是容易區分同一行的多條標題,缺點(diǎn)是視覺(jué)上過(guò)于“漲,滿(mǎn)”而不夠清爽。
因此網(wǎng)易的視覺(jué)風(fēng)格為人稱(chēng)道,但同樣面積內的信息密度比新浪更低。如果非要一行放多條標題,用戶(hù)分不清楚到底是一行多條,還是一條標題用空格分了多截。
8、tab
盡量避免在頻道首頁(yè)使用tab。即便在寸土寸金的網(wǎng)站首頁(yè),也要盡量避免tab。在滿(mǎn)屏的圖文鏈接中,用戶(hù)注意力落在小小的tab上,這真不容易。內容直接露出與tab內的點(diǎn)擊量可以相差10倍——只能用“聊勝于無(wú)”四個(gè)字來(lái)形容。
不過(guò),這道理也并非絕對。tab的設置與欄目相似,針對的是用戶(hù)的檢索需求。如果tab恰好與用戶(hù)的檢索關(guān)鍵字相同,相當于他對這個(gè)題材的內容高度敏感,就有可能主動(dòng)點(diǎn)擊tab,總比打開(kāi)一個(gè)新的頻道或欄目頁(yè)面更快吧。在這里權衡的是信息獲取效率。
另外,建議同一欄的tab不要超過(guò)3個(gè),否則極不利于用戶(hù)的辨識與記憶。
從頁(yè)面設計的角度來(lái)講,這難題基本無(wú)解。信息入口分散是大勢所趨,而用戶(hù)必然在“瀏覽效率”與“內容品質(zhì)”的雙重驅動(dòng)下,尋找自己的最優(yōu)解。門(mén)戶(hù)>頻道>欄目的多級索引結構,并不符合這個(gè)最優(yōu)解,內容路徑的扁平化是難以阻擋的轉變方向。網(wǎng)絡(luò )媒體的舊模式正在受到挑戰,危機與機遇并存。夏末秋初,冬去春來(lái)。

地址 : 浙江省湖州市吳興區加利廣場(chǎng)
QQ : 2279641406 547859428
電話(huà):13735195038 傳真:0572-2198989
電子郵件:cn-hope@163.com 網(wǎng)址:www.789gam.com
后普網(wǎng)絡(luò ) 版權所有 Copyright ? 2018 浙ICP備11012944號 網(wǎng)站地圖 | 免責申明 | 聯(lián)系我們