前些日子，有位老同事來(lái)和我討論頻道首頁(yè)的設(shè)計(jì)，這才想起來(lái)我原來(lái)是做媒體的，以前還畫(huà)過(guò)不少內(nèi)容頁(yè)面原型。悲慘的是，我對(duì)內(nèi)容頁(yè)面的理解在轉(zhuǎn)型產(chǎn)品后才漸漸成熟，以前畫(huà)的那些都挺平庸。做媒體的又有幾個(gè)人去研究?jī)?nèi)容界面的交互心理呢？

       過(guò)去從實(shí)踐與反省中得來(lái)的經(jīng)驗(yàn)之談，不妨講講。

1、定位

第一條和界面設(shè)計(jì)沒(méi)關(guān)系，和定位有關(guān)系。做網(wǎng)媒最大的陷阱就是“貪”，從平媒轉(zhuǎn)網(wǎng)媒的人尤其貪，覺(jué)得內(nèi)容容量無(wú)限大，轉(zhuǎn)載成本無(wú)限低，什么東西都想往里邊塞。但你的推廣位是有限的，最多20條；你的要聞區(qū)也是有限的，最多30條；二三十條內(nèi)容想傳遞清晰有力的媒體形象，必然貪心不得，有所取舍。取舍之道并不取決于你有怎樣的內(nèi)容情懷，而是針對(duì)主站用戶群去作因地制宜的篩選。

有人說(shuō)，除了推廣位和要聞區(qū)，我還有更多的欄目區(qū)塊和欄目頁(yè)面嘛。此話謬矣。推廣位和要聞區(qū)是新用戶接觸你的必經(jīng)之路，也是整個(gè)頻道的門面。掛羊頭賣狗肉這種事情，沒(méi)得好下場(chǎng)。所以“定位”的加減法，是考驗(yàn)頻道主編的核心能力。

2、通透

設(shè)計(jì)內(nèi)容頁(yè)面，最重要的術(shù)語(yǔ)是“通透”，意思是從上至下保持統(tǒng)一的分欄布局，同時(shí)在主欄維持相似的內(nèi)容樣式。通透的好處是容易形成瀏覽慣性，用戶從上往下拉的過(guò)程中沒(méi)有跳躍感，隔斷感，即便閱讀沖動(dòng)漸漸淡化，也還是習(xí)慣性地一直拉下去，增加接觸新內(nèi)容的機(jī)會(huì)。

很多網(wǎng)媒人喜歡追求內(nèi)容的視覺(jué)表現(xiàn)力，希望在樣式上與眾不同，鶴立雞群。我以前也犯過(guò)這毛病。以一個(gè)過(guò)來(lái)人的身份告訴你，這很蠢。樣式追求基本上就是自我陶醉，越是與眾不同，越多理解障礙。內(nèi)容視圖統(tǒng)一有助于用戶高效率地獲取信息，瀏覽過(guò)程越是簡(jiǎn)潔流暢，則PV越高，用戶停留時(shí)間也越長(zhǎng)。視覺(jué)上的賣弄只會(huì)產(chǎn)生更多的“隔斷”——這不會(huì)引起不適，但產(chǎn)生了“一頓一頓”的不良節(jié)奏?？鐧诳偛蝗玳L(zhǎng)跑持久。

3、頭條

內(nèi)容頁(yè)面的結(jié)構(gòu)千篇一律，首先是要聞區(qū)，后面跟一長(zhǎng)排欄目區(qū)塊。前文提到的老同事來(lái)與我討論要聞區(qū)頭條的設(shè)計(jì)，按舊例有兩種思路：大頭條下面放摘要，或是大頭條下面放12px的小頭條。前者不可取，15-20字的標(biāo)題都講不清楚賣點(diǎn)，難道還有資格上頭條？摘要堆在下面只能說(shuō)視覺(jué)上比較美觀，但浪費(fèi)了寸土寸金的頭屏要聞空間。

如果放12px的小頭條，按照理想化的設(shè)計(jì)思路，應(yīng)該是頭條相關(guān)報(bào)道，合并成微型專題，讓用戶快速接觸到更多同主題的內(nèi)容。但有時(shí)候就是找不到有分量的，對(duì)應(yīng)這頭條的相關(guān)報(bào)道，只好放一些近似報(bào)道上去，效果不甚理想。因此小頭條不宜多，網(wǎng)易新聞與新浪新聞通?？刂圃谝恍校?-4條），既有微型專題的效果，又不太發(fā)愁編排的難度。

4、欄目

網(wǎng)媒運(yùn)營(yíng)有個(gè)常見(jiàn)的錯(cuò)誤，用內(nèi)容的物理屬性來(lái)劃分欄目，覺(jué)得它就應(yīng)該是A類B類C類。這個(gè)取向背離了欄目設(shè)置的初衷。為什么頻道下面要設(shè)欄目？因?yàn)橛脩籼貏e愛(ài)看某一類型的內(nèi)容，你用欄目將這批內(nèi)容歸納起來(lái)，方便用戶查找。所以欄目的劃分標(biāo)準(zhǔn)，只能以用戶的檢索標(biāo)準(zhǔn)為依據(jù)。他們愛(ài)搜哪些類型的內(nèi)容，你就劃分出哪些方面的欄目。

說(shuō)白了，網(wǎng)媒是信息服務(wù)行業(yè)，基本不具備平媒的啟發(fā)性，指引性。網(wǎng)媒需要服務(wù)于用戶的直接需求而不是攬鏡自賞，需要多研究你的用戶，而不是去炫耀你的才華。

5、落點(diǎn)

再介紹一個(gè)內(nèi)容頁(yè)面設(shè)計(jì)的術(shù)語(yǔ)：“落點(diǎn)”。用戶視線的落點(diǎn)在哪里？在前三屏，用戶瀏覽的耐心比較多，愿意逐條往下讀。再往后則耐心不斷衰竭，有可能飛快地拉到自己常去的欄目區(qū)塊。因此欄目區(qū)塊應(yīng)該有醒目的區(qū)隔標(biāo)識(shí)，方便用戶定位。

還有種用戶習(xí)慣是飛快地把頁(yè)面拉到底，因此欄目區(qū)塊（中欄）宜加入頭條設(shè)計(jì)，讓頁(yè)面在快速滾動(dòng)的過(guò)程中，視線容易被一些突出的內(nèi)容元素?cái)r截下來(lái)?！邦^條”是攔截注意力又不產(chǎn)生隔斷感的最佳形式。

本文來(lái)源藍(lán)色理想，感謝原作者。

本文由沈陽(yáng)網(wǎng)站設(shè)計(jì)公司－沈陽(yáng)易勢(shì)科技提供，如需轉(zhuǎn)載請(qǐng)注明出處。

沈陽(yáng)易勢(shì)科技擁有專業(yè)設(shè)計(jì)團(tuán)隊(duì)為企業(yè)提供網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)絡(luò)平臺(tái)開(kāi)發(fā)服務(wù)。