2、瀏覽體驗(yàn)：呈現(xiàn)給用戶欄目和內(nèi)容的體驗(yàn)，重在合理規(guī)劃，強(qiáng)調(diào)協(xié)調(diào)性。

6. 動畫效果：首先注意動畫的放置位置，其次是呈現(xiàn)方式，再次是加載速度，最后也是最關(guān)鍵的是內(nèi)容的表現(xiàn)形式。動畫效果會在第一時(shí)間吸引用戶的關(guān)注，但關(guān)注不是目的，要讓用戶有興趣接受動畫所傳達(dá)的內(nèi)容。在動畫表現(xiàn)形式設(shè)計(jì)時(shí)，還要注意與主畫面相協(xié)調(diào)，動畫效果節(jié)奏適中，不干擾主畫面瀏覽。

2.       頁面容量：主要指首頁的頁面容量，除非是資訊類網(wǎng)站，否則網(wǎng)站首頁內(nèi)容最好不要超過兩屏，最好不要讓用戶再滾動鼠標(biāo)就可以瀏覽到整個(gè)頁面。再就是頁面設(shè)計(jì)要考慮到文字和圖片的搭配，還有不同字號、字體、顏色的搭配，還有網(wǎng)站留白的設(shè)計(jì)，以免頁面造成視覺抵制，心理學(xué)家做過實(shí)驗(yàn)，人眼每秒攝入的有效字符最多只有20個(gè)，要是頁面全是細(xì)密的文字，效果就可想而知了。

11. 背景音樂：除非是活動推廣或者是形象推廣類主題網(wǎng)站，搞點(diǎn)刺激性的音樂提提神，否則千萬不要設(shè)置背景音樂，企業(yè)網(wǎng)站建設(shè)，一個(gè)字，煩！就算設(shè)置背景音樂，最好將開關(guān)按鈕及音量控制放在顯要位置，免的網(wǎng)民因?yàn)檎也坏娇刂瓢粹o而立刻關(guān)掉頁面。

7.       內(nèi)容呈現(xiàn)方式：更多的是細(xì)節(jié)的內(nèi)容，包括新文章的標(biāo)記、文章導(dǎo)讀、相關(guān)內(nèi)容的推薦、還有網(wǎng)友推薦、打印頁面、E-MAIL發(fā)送給好友、復(fù)制網(wǎng)址等，現(xiàn)在web2.0流行的DIG功能，加入些鮮活的互動元素。

5.       內(nèi)容更新主要包括內(nèi)容來源、更新頻率、更新數(shù)量、內(nèi)容質(zhì)量三個(gè)方面。Web2.0網(wǎng)站更多強(qiáng)調(diào)如何調(diào)動用戶的積極性，內(nèi)容更新已經(jīng)不僅僅是對編輯的考量，也是對網(wǎng)站用戶價(jià)值的衡量，對于內(nèi)容質(zhì)量，主要是從原創(chuàng)、轉(zhuǎn)載、內(nèi)容本身價(jià)值等方面權(quán)衡。

二、視覺體驗(yàn)的11個(gè)關(guān)鍵體驗(yàn)點(diǎn)

6.       內(nèi)容形式  現(xiàn)在有個(gè)立體化新聞的概念，視頻、圖片、文字、評論都在一個(gè)頁面中展示，而且再加上網(wǎng)民評論的即時(shí)更新，表現(xiàn)形式更生動。此外，對于文字部分，字體大小最好設(shè)置可調(diào)選項(xiàng)，對重點(diǎn)內(nèi)容進(jìn)行標(biāo)注，對關(guān)鍵詞設(shè)置鏈接（seo），如果沒有廣告的考慮，最好不要設(shè)置多頁瀏覽，很影響閱讀體驗(yàn)。

4、互動體驗(yàn)：呈現(xiàn)給用戶操作上的體驗(yàn)，重在路徑設(shè)計(jì)，強(qiáng)調(diào)易用性。（詳見文章二）

瀏覽體驗(yàn)：呈現(xiàn)給用戶瀏覽上的體驗(yàn)，強(qiáng)調(diào)吸引性。

5. 頁面大?。鹤詈脤⒕W(wǎng)站設(shè)置成為自適應(yīng)的頁面，如果無法修正，最好調(diào)整為1024*768，照顧到800*600用戶，頁面主要內(nèi)容可以偏左設(shè)置。此外，還有一些異性的網(wǎng)站，務(wù)必要考慮到核心用戶群的使用習(xí)慣，可以主要從年齡上來判斷，30歲以上用戶，還是800*600居多。

由于內(nèi)容較多，信任體驗(yàn)和互動體驗(yàn)請參見文章二（comwit增光）

1. 頁面導(dǎo)航：網(wǎng)站導(dǎo)航如同樓房的地基，是整個(gè)網(wǎng)站基礎(chǔ)和框架，一切內(nèi)容和服務(wù)都是從導(dǎo)航中延伸出去。頁面導(dǎo)航的設(shè)計(jì)分為兩個(gè)層次，一是形式層：體現(xiàn)在導(dǎo)航位置、表現(xiàn)形式（文字、圖片、flash等）等方面，二是內(nèi)容層，頁面導(dǎo)航也是對整個(gè)網(wǎng)站內(nèi)容框架的分類和高度概括。形式層的設(shè)計(jì)，建議參照一下韓國網(wǎng)站的設(shè)計(jì)風(fēng)格，動感、簡潔、清晰。至于內(nèi)容層，就因站而異了，分類條理最關(guān)鍵。但欄目名稱盡量簡短，欄目層次也不宜過多，兩層比較合適，但也要以內(nèi)容為中心。

1.       頁面速度： web2.0，網(wǎng)站中增加了越來越多的視頻、動畫元素，對網(wǎng)站速度的要求也越發(fā)苛刻?；叵胍幌拢@么多視頻分享網(wǎng)站中，為什么很多人選擇優(yōu)酷？就一個(gè)速度。此外，大一點(diǎn)的網(wǎng)站再考慮一下南北互通，或者教育網(wǎng)的對接問題，網(wǎng)上購物商城建設(shè)，此外選擇一家穩(wěn)定的服務(wù)器托管商也至關(guān)重要。

視覺體驗(yàn)：呈現(xiàn)給用戶視覺上的體驗(yàn)，重在UI設(shè)計(jì)，強(qiáng)調(diào)舒適性。

8、    路徑記錄：記錄用戶的瀏覽路徑，方便用戶隨時(shí)返回和查找，此外對一些重點(diǎn)欄目和頁面可以設(shè)置快速鏈接或者設(shè)置頁面底部導(dǎo)航，為用戶提供明確的快速入口。

3、信任體驗(yàn)：呈現(xiàn)給用戶的信任體驗(yàn)，重在細(xì)節(jié)斟酌，強(qiáng)調(diào)穩(wěn)定性。（詳見文章二）

9. 圖標(biāo)使用：首要考慮與頁面整體風(fēng)格統(tǒng)一，其次是簡潔、明了、易懂、準(zhǔn)確，再次可以嘗試使用一些3D效果圖標(biāo)。

1. 整體風(fēng)格：這是網(wǎng)站給用戶呈現(xiàn)的第一印象，主要體現(xiàn)在兩方面，一是網(wǎng)站質(zhì)量的權(quán)衡，網(wǎng)民第一次看到網(wǎng)站后，首先會根據(jù)感覺對網(wǎng)站有個(gè)上、中、下額評判，二是網(wǎng)站類型的歸屬，例如是資訊型，形象型等。因而網(wǎng)站在設(shè)計(jì)之前，必須明確目標(biāo)客戶群體，企業(yè)網(wǎng)站建設(shè)，并針對目標(biāo)客戶的審美喜好，進(jìn)行分析，網(wǎng)站設(shè)計(jì)要符合目標(biāo)客戶的審美預(yù)期和類型歸屬。

Web2.0時(shí)代，體驗(yàn)式營銷，體驗(yàn)式網(wǎng)站設(shè)計(jì)開始走向主流，那么體驗(yàn)式網(wǎng)站到底意味著什么？具體表現(xiàn)在那些地方？周末，根據(jù)網(wǎng)站建設(shè)的一點(diǎn)經(jīng)驗(yàn)和觀察，也參照了網(wǎng)友的一些建議，總結(jié)了體驗(yàn)式網(wǎng)站設(shè)計(jì)的四各方面，41個(gè)關(guān)鍵體驗(yàn)點(diǎn)，將其梳理概況，但仍是較為粗淺，comwit增光與大家分享，歡迎補(bǔ)充建議。

4.       內(nèi)容安排 首先是突出重點(diǎn)內(nèi)容，大標(biāo)題，大圖片塑造視覺沖擊，這也是借用報(bào)紙的操作手法，其次是內(nèi)容協(xié)調(diào)，每一個(gè)欄目應(yīng)確保足夠的信息量，避免欄目無內(nèi)容情況出現(xiàn)；再次是內(nèi)容形式，兼顧視頻、圖片、文字的比例和頁面協(xié)調(diào)。

3. 頁面布局：重點(diǎn)突出，主次分明，圖文并茂，聲畫全面。網(wǎng)站的有效空間是有限的，網(wǎng)站的第一屏畫面至關(guān)重要，頁面布局要與網(wǎng)站的營銷目標(biāo)相結(jié)合，將最能吸引用戶的內(nèi)容，通過合適的表現(xiàn)形式，放置在最重要的位置。

三、瀏覽體驗(yàn)的八個(gè)關(guān)鍵體驗(yàn)點(diǎn)

8. 圖片展示：首要的還是圖片欄目的頁面位置，要與整體網(wǎng)站比例協(xié)調(diào)，符合一般用戶的瀏覽習(xí)慣；其次是圖片的展示形式，現(xiàn)在有很多flash的圖片代碼，還有l(wèi)ightbox的js也是不錯(cuò)的選擇，再次是圖片內(nèi)容要清晰、不變形，圖片選擇上也要符合網(wǎng)站的總體風(fēng)格，不要太突兀。

4. 頁面色彩：六個(gè)務(wù)必:網(wǎng)站務(wù)必要有個(gè)主題色，務(wù)必注意冷暖色調(diào)的搭配，務(wù)必注意主色調(diào)、輔助色的使用數(shù)量，務(wù)必保持網(wǎng)站整體形象相統(tǒng)一，務(wù)必注意漸變色的使用，務(wù)必恰當(dāng)搭配色彩的明度和亮度。

10. 廣告位的設(shè)計(jì)：廣告設(shè)計(jì)最關(guān)鍵是要符合用戶對網(wǎng)站廣告的預(yù)期，不要讓用戶對廣告產(chǎn)生反感。有很多是網(wǎng)民早已認(rèn)可的廣告位置和形式，例如頁面上方的banner條，頁面兩邊的對聯(lián)形式，頁面右下方的文字廣告等，這些位置都是網(wǎng)民們默認(rèn)的廣告位，千萬不要沖擊網(wǎng)民的瀏覽習(xí)慣，避免干擾視線，除非你的廣告創(chuàng)意絕對吸引人，否則結(jié)果往往是立刻關(guān)閉廣告和網(wǎng)站。

2. 網(wǎng)站LOGO：LOGO的設(shè)計(jì)水平直接體現(xiàn)了站長的審美水平。并且logo是網(wǎng)站整個(gè)風(fēng)格的主導(dǎo)，也是網(wǎng)站對外傳播的形象標(biāo)示，務(wù)必要仔細(xì)斟酌，不僅要簡潔得體，還要符合網(wǎng)站的定位和目標(biāo)，最好找家設(shè)計(jì)公司，或者去toidea.com 威客一下。

3.       頁面結(jié)構(gòu) 結(jié)構(gòu)就是放置內(nèi)容的框架，網(wǎng)站的頁面結(jié)構(gòu)其實(shí)是有章可循的，尤其是現(xiàn)在大家見的網(wǎng)站越來越多，自然也形成一些列默認(rèn)的模式。簡單分網(wǎng)站主要也包括“同”字型、“司”字型、“三”字型、“F”型等頁面布局，具體隨后會撰文詳述，這里要強(qiáng)調(diào)的是頁面結(jié)構(gòu)的創(chuàng)新也要基于一定的規(guī)律，千萬不要打破用戶的瀏覽預(yù)期。

1、視覺體驗(yàn)：呈現(xiàn)給用戶視覺上的體驗(yàn)，重在UI設(shè)計(jì)，強(qiáng)調(diào)舒適性。

一、體驗(yàn)式網(wǎng)站設(shè)計(jì)的四個(gè)方面