用戶的瀏覽習(xí)慣與內(nèi)容的組織_網(wǎng)頁設(shè)計教程
推薦:關(guān)于頁面制作角色的思考原文:http://www.jluvip.com/blog/article.asp?id=377自己現(xiàn)在的崗位是頁面制作,由于種種歷史的原因,頁面制作這個崗位不怎么被人重視,覺得這份工作很簡單
單論內(nèi)容的話,互聯(lián)網(wǎng)上的內(nèi)容,非常多,但不是誰的內(nèi)容多,誰就牛,而是誰的內(nèi)容組織的好,誰就牛。
搜索引擎和門戶現(xiàn)在是互聯(lián)網(wǎng)的兩個主要入口,也是組織內(nèi)容的兩個巨頭,我們先重點(diǎn)分析門戶。
門戶,用戶費(fèi)力最少,提供的是最大眾化的內(nèi)容,所有人看到的內(nèi)容基本是一樣的,閱讀的人水準(zhǔn)也不一,而這一點(diǎn)也決定了,要盡量少的交互,放盡量精華的內(nèi)容。
用戶的瀏覽習(xí)慣我認(rèn)為是這樣的:
- 看一下這個頁面有沒有吸引人的地方,假如有,再仔細(xì)看看
- 重點(diǎn)是哪些內(nèi)容,最新的最重要的,最能解決我的需求的
- 我關(guān)心的國米最近怎么樣了
根據(jù)這個瀏覽習(xí)慣,內(nèi)容的組織主要圍繞三個部分:
- 抓住用戶
首先要在用戶訪問的第一眼抓住用戶,把用戶留下來。這個時候我們需要非常有吸引力的東西,有了這個前提用戶才會留下來。 - 重點(diǎn)展開
然后是給用戶提供比較重要的內(nèi)容,與這個頁面的主題最相關(guān),最重要的,最鮮活的內(nèi)容。 - 分類與補(bǔ)充
其次是補(bǔ)充性的內(nèi)容,全面的內(nèi)容。顯示整個網(wǎng)站的結(jié)構(gòu),方便的引導(dǎo)用戶訪問到全站所有的內(nèi)容,以補(bǔ)充首頁前面內(nèi)容的不足。
論起門戶的入口,新浪的新聞中心首頁是最牛的。之所以說它是最牛的,并不是因?yàn)樗龅姆浅:�,而是因�(yàn)樗鼪]犯什么錯誤,而其它網(wǎng)站,或多或少都存在問題。
新浪也犯過錯誤,新聞中心的首頁曾經(jīng)有過一段時間在左上角放一個flash,圖片輪換,后來停掉了,現(xiàn)在又恢復(fù)了一張圖片。就是這個道理,一個時間,最有吸引力的圖片只有一張,很多張會導(dǎo)致兩個問題:
1、沒有重點(diǎn),不知道哪一張是最重要的,抓不住用戶。本來想通過四張圖片抓住更多的用戶,但卻沒想到:這些用戶只有1/4的概率看到他們最想看的圖片,而且即使看到了,也可能馬上跳轉(zhuǎn)到其它圖片。
2、很大一部分用戶不會自行切換圖片,圖片跳轉(zhuǎn)導(dǎo)致用戶心理受挫
所以現(xiàn)在新浪又恢復(fù)了一張頭圖,犯了錯誤,能夠自我修正,這非常難能可貴。
新浪用來抓住用戶的內(nèi)容主要是頭圖和頭條。接來的重點(diǎn)在新浪的新聞中心表現(xiàn)是要聞區(qū)。再接下來就是分類了,根據(jù)用戶不同的定位,不同的愛好將他們分流到各個頻道里,既幫用戶解決了問題,也幫頻道拉動的流量,補(bǔ)充的內(nèi)容分別羅列在兩側(cè),可供參考。
這里我們再舉一個反面的例子,就是貓撲的首頁。
貓撲的首頁內(nèi)容重點(diǎn)太多,沒有層次。頭屏的左中右三塊沒有重點(diǎn),頭屏的中間與二屏的中間區(qū)塊沒有重點(diǎn)區(qū)別,二屏的中間與二屏的右側(cè)沒有重點(diǎn)。廣告非常的希奇,一會兒出現(xiàn)在左邊一個,一會兒出現(xiàn)在右邊。這樣的組織結(jié)構(gòu),很難讓用戶清楚順暢的瀏覽。到最后,可能瀏覽的路徑會是這個樣子:

另外還有一些細(xì)節(jié)的問題,頭上的導(dǎo)航欄,從來就不知道那些圖標(biāo)是什么意思。然后是下面的正文,字體是14象素加粗和一般的12象素,一是中間差了14象素這一個級別,12象素的標(biāo)題很難注重到。14象素加粗的字體有好多,不知道哪邊是重點(diǎn)。諸如此類的問題多多。
貓撲首頁除了一些大幅的硬廣告倒還真沒有什么小廣告,假如細(xì)看起來,其實(shí)都是有價值的內(nèi)容,但恰恰是這么多有價值的內(nèi)容,讓用戶無所適從。還真不如有規(guī)律的放些小廣告,讓用戶知道那邊就是廣告,增加自信。
分享:設(shè)計師決勝商界的十大金科玉律《NewWebPick》電子雜志邀請全球500強(qiáng)企業(yè)中的企業(yè)領(lǐng)袖及資深市場總監(jiān),對設(shè)計師在商界中如何更好的服務(wù)客戶,做出了以下十條忠告,希望做為設(shè)計師的您,通過這
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計教程-用戶的瀏覽習(xí)慣與內(nèi)容的組織
。