推薦：關(guān)于頁(yè)面制作角色的思考
原文：http://www.jluvip.com/blog/article.asp?id=377自己現(xiàn)在的崗位是頁(yè)面制作，由于種種歷史的原因，頁(yè)面制作這個(gè)崗位不怎么被人重視，覺得這份工作很簡(jiǎn)單

單論內(nèi)容的話，互聯(lián)網(wǎng)上的內(nèi)容，非常多，但不是誰(shuí)的內(nèi)容多，誰(shuí)就牛，而是誰(shuí)的內(nèi)容組織的好，誰(shuí)就牛。

搜索引擎和門戶現(xiàn)在是互聯(lián)網(wǎng)的兩個(gè)主要入口，也是組織內(nèi)容的兩個(gè)巨頭，我們先重點(diǎn)分析門戶。

門戶，用戶費(fèi)力最少，提供的是最大眾化的內(nèi)容，所有人看到的內(nèi)容基本是一樣的，閱讀的人水準(zhǔn)也不一，而這一點(diǎn)也決定了，要盡量少的交互，放盡量精華的內(nèi)容。

用戶的瀏覽習(xí)慣我認(rèn)為是這樣的：

1. 看一下這個(gè)頁(yè)面有沒有吸引人的地方，假如有，再仔細(xì)看看
2. 重點(diǎn)是哪些內(nèi)容，最新的最重要的，最能解決我的需求的
3. 我關(guān)心的國(guó)米最近怎么樣了

根據(jù)這個(gè)瀏覽習(xí)慣，內(nèi)容的組織主要圍繞三個(gè)部分：

1. 抓住用戶
   首先要在用戶訪問的第一眼抓住用戶，把用戶留下來(lái)。這個(gè)時(shí)候我們需要非常有吸引力的東西，有了這個(gè)前提用戶才會(huì)留下來(lái)。
2. 重點(diǎn)展開
   然后是給用戶提供比較重要的內(nèi)容，與這個(gè)頁(yè)面的主題最相關(guān)，最重要的，最鮮活的內(nèi)容。
3. 分類與補(bǔ)充
   其次是補(bǔ)充性的內(nèi)容，全面的內(nèi)容。顯示整個(gè)網(wǎng)站的結(jié)構(gòu)，方便的引導(dǎo)用戶訪問到全站所有的內(nèi)容，以補(bǔ)充首頁(yè)前面內(nèi)容的不足。

論起門戶的入口，新浪的新聞中心首頁(yè)是最牛的。之所以說它是最牛的，并不是因?yàn)樗�做的非常好，而是因�(yàn)樗鼪]犯什么錯(cuò)誤，而其它網(wǎng)站，或多或少都存在問題。

新浪也犯過錯(cuò)誤，新聞中心的首頁(yè)曾經(jīng)有過一段時(shí)間在左上角放一個(gè)flash，圖片輪換，后來(lái)停掉了，現(xiàn)在又恢復(fù)了一張圖片。就是這個(gè)道理，一個(gè)時(shí)間，最有吸引力的圖片只有一張，很多張會(huì)導(dǎo)致兩個(gè)問題：

1、沒有重點(diǎn)，不知道哪一張是最重要的，抓不住用戶。本來(lái)想通過四張圖片抓住更多的用戶，但卻沒想到：這些用戶只有1/4的概率看到他們最想看的圖片，而且即使看到了，也可能馬上跳轉(zhuǎn)到其它圖片。

2、很大一部分用戶不會(huì)自行切換圖片，圖片跳轉(zhuǎn)導(dǎo)致用戶心理受挫

所以現(xiàn)在新浪又恢復(fù)了一張頭圖，犯了錯(cuò)誤，能夠自我修正，這非常難能可貴。

新浪用來(lái)抓住用戶的內(nèi)容主要是頭圖和頭條。接來(lái)的重點(diǎn)在新浪的新聞中心表現(xiàn)是要聞區(qū)。再接下來(lái)就是分類了，根據(jù)用戶不同的定位，不同的愛好將他們分流到各個(gè)頻道里，既幫用戶解決了問題，也幫頻道拉動(dòng)的流量，補(bǔ)充的內(nèi)容分別羅列在兩側(cè)，可供參考。

這里我們?cè)倥e一個(gè)反面的例子，就是貓撲的首頁(yè)。

貓撲的首頁(yè)內(nèi)容重點(diǎn)太多，沒有層次。頭屏的左中右三塊沒有重點(diǎn)，頭屏的中間與二屏的中間區(qū)塊沒有重點(diǎn)區(qū)別，二屏的中間與二屏的右側(cè)沒有重點(diǎn)。廣告非常的希奇，一會(huì)兒出現(xiàn)在左邊一個(gè)，一會(huì)兒出現(xiàn)在右邊。這樣的組織結(jié)構(gòu)，很難讓用戶清楚順暢的瀏覽。到最后，可能瀏覽的路徑會(huì)是這個(gè)樣子：

另外還有一些細(xì)節(jié)的問題，頭上的導(dǎo)航欄，從來(lái)就不知道那些圖標(biāo)是什么意思。然后是下面的正文，字體是14象素加粗和一般的12象素，一是中間差了14象素這一個(gè)級(jí)別，12象素的標(biāo)題很難注重到。14象素加粗的字體有好多，不知道哪邊是重點(diǎn)。諸如此類的問題多多。

貓撲首頁(yè)除了一些大幅的硬廣告倒還真沒有什么小廣告，假如細(xì)看起來(lái)，其實(shí)都是有價(jià)值的內(nèi)容，但恰恰是這么多有價(jià)值的內(nèi)容，讓用戶無(wú)所適從。還真不如有規(guī)律的放些小廣告，讓用戶知道那邊就是廣告，增加自信。

分享：設(shè)計(jì)師決勝商界的十大金科玉律
《NewWebPick》電子雜志邀請(qǐng)全球500強(qiáng)企業(yè)中的企業(yè)領(lǐng)袖及資深市場(chǎng)總監(jiān)，對(duì)設(shè)計(jì)師在商界中如何更好的服務(wù)客戶，做出了以下十條忠告，希望做為設(shè)計(jì)師的您，通過這