Web2.0體驗式網站設計的關鍵點

　　Web2.0時代，體驗式營銷，體驗式網站設計開始走向主流，那麼體驗式網站到底意味著什麼?具體表現在那些地方?周末，根據建站的一點經驗和 觀察，也參照了網友的一些建議，總結了體驗式網站設計的四各方面，41個關鍵體驗點，將其梳理概況，但仍是較為粗淺，歡迎補充建議。(老早的一篇文章，但 還是挺實用的)

　　體驗式網站設計的四個方面

　　1、視覺體驗：呈現給用戶視覺上的體驗，重在UI設計，強調舒適性。

　　2、浏覽體驗：呈現給用戶欄目和內容的體驗，重在合理規劃，強調協調性。

　　3、信任體驗：呈現給用戶的信任體驗，重在細節斟酌，強調穩定性。

　　4、互動體驗：呈現給用戶操作上的體驗，重在路徑設計，強調易用性。

　　一、視覺體驗的11個關鍵體驗點

　　視覺體驗：呈現給用戶視覺上的體驗，重在UI設計，強調舒適性。

　　1. 整體風格：這是網站給用戶呈現的第一印象，主要體現在兩方面，一是網站質量的權衡，網民第一次看到網站後，首先會根據感覺對網站有個上、中、下額評判，二 是網站類型的歸屬，例如是資訊型，形象型等。因而網站在設計之前，必須明確目標客戶群體，並針對目標客戶的審美喜好，進行分析，網站設計要符合目標客戶的 審美預期和類型歸屬。

　　2. 網站LOGO：LOGO的設計水平直接體現了站長的審美水平。並且logo是網站整個風格的主導，也是網站對外傳播的形象標示，務必要仔細斟酌，不僅要簡潔得體，還要符合網站的定位和目標，最好找家設計公司，或者去toidea.com 威客一下。

　　3. 頁面布局：重點突出，主次分明，圖文並茂，聲畫全面。網站的有效空間是有限的，網站的第一屏畫面至關重要，頁面布局要與網站的營銷目標相結合，將最能吸引用戶的內容，通過合適的表現形式，放置在最重要的位置。

　　4. 頁面色彩：六個務必：網站務必要有個主題色，務必注意冷暖色調的搭配，務必注意主色調、輔助色的使用數量，務必保持網站整體形象相統一，務必注意漸變色的使用，務必恰當搭配色彩的明度和亮度。

　　5. 頁面大小：最好將網站設置成為自適應的頁面，如果無法修正，最好調整為1024*768，照顧到800*600用戶，頁面主要內容可以偏左設置。此外，還 有一些異性的網站，務必要考慮到核心用戶群的使用習慣，可以主要從年齡上來判斷，30歲以上用戶，還是800*600居多。

　　6. 動畫效果：首先注意動畫的放置位置，其次是呈現方式，再次是加載速度，最後也是最關鍵的是內容的表現形式。動畫效果會在第一時間吸引用戶的關注，但關注不 是目的，要讓用戶有興趣接受動畫所傳達的內容。在動畫表現形式設計時，還要注意與主畫面相協調，動畫效果節奏適中，不干擾主畫面浏覽。

　　7. 內容形式：現在有個立體化新聞的概念，視頻、圖片、文字、評論都在一個頁面中展示，而且再加上網民評論的即時更新，表現形式更生動。此外，對於文字部分， 字體大小最好設置可調選項，對重點內容進行標注，對關鍵詞設置鏈接(seo)，如果沒有廣告的考慮，最好不要設置多頁浏覽，很影響閱讀體驗。

　　8. 圖片展示：首要的還是圖片欄目的頁面位置，要與整體網站比例協調，符合一般用戶的浏覽習慣;其次是圖片的展示形式，現在有很多flash的圖片代碼，還有 lightbox的js也是不錯的選擇，再次是圖片內容要清晰、不變形，圖片選擇上也要符合網站的總體風格，不要太突兀。

　　9. 圖標使用：首要考慮與頁面整體風格統一，其次是簡潔、明了、易懂、准確，再次可以嘗試使用一些3D效果圖標。

　　10. 廣告位的設計：廣告設計最關鍵是要符合用戶對網站廣告的預期，不要讓用戶對廣告產生反感。有很多是網民早已認可的廣告位置和形式，例如頁面上方的 banner條，頁面兩邊的對聯形式，頁面右下方的文字廣告等，這些位置都是網民們默認的廣告位，千萬不要沖擊網民的浏覽習慣，避免干擾視線，除非你的廣 告創意絕對吸引人，否則結果往往是立刻關閉廣告和網站。

　　11. 背景音樂：除非是活動推廣或者是形象推廣類主題網站，搞點刺激性的音樂提提神，否則千萬不要設置背景音樂，一個字，煩!就算設置背景音樂，最好將開關按鈕及音量控制放在顯要位置，免的網民因為找不到控制按鈕而立刻關掉頁面。

　　二、浏覽體驗的八個關鍵體驗點

　　浏覽體驗：呈現給用戶浏覽上的體驗，強調吸引性。

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

　　2. 頁面速度： web2.0，網站中增加了越來越多的視頻、動畫元素，對網站速度的要求也越發苛刻。回想一下，這麼多視頻分享網站中，為什麼很多人選擇優酷?就一個速 度。此外，大一點的網站再考慮一下南北互通，或者教育網的對接問題，此外選擇一家穩定的服務器托管商也至關重要。

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

　　4. 頁面結構：結構就是放置內容的框架，網站的頁面結構其實是有章可循的，尤其是現在大家見的網站越來越多，自然也形成一些列默認的模式。簡單分網站主要也包 括“同”字型、“司”字型、“三”字型、“F”型等頁面布局，具體隨後會撰文詳述，這裡要強調的是頁面結構的創新也要基於一定的規律，千萬不要打破用戶的 浏覽預期。

　　5.內容安排：首先是突出重點內容，大標題，大圖片塑造視覺沖擊，這也是借用報紙的操作手法，其次是內容協調，每一個欄目應確保足夠的信息量， 避免欄目無內容情況出現;再次是內容形式，兼顧視頻、圖片、文字的比例和頁面協調。6. 內容更新：主要包括內容來源、更新頻率、更新數量、內容質量三個方面。Web2.0網站更多強調如何調動用戶的積極性，內容更新已經不僅僅是對編輯的考 量，也是對網站用戶價值的衡量，對於內容質量，主要是從原創、轉載、內容本身價值等方面權衡。

　　7. 內容呈現方式：更多的是細節的內容，包括新文章的標記、文章導讀、相關內容的推薦、還有網友推薦、打印頁面、E-MAIL發送給好友、復制網址等，現在web2.0流行的DIG功能，加入些鮮活的互動元素。

　　8. 路徑記錄：記錄用戶的浏覽路徑，方便用戶隨時返回和查找，此外對一些重點欄目和頁面可以設置快速鏈接或者設置頁面底部導航，為用戶提供明確的快速入口。

　　三、信任體驗的十二個關鍵體驗點

　　信任體驗：呈現給用戶的信任體驗，重在細節斟酌，強調穩定性。

　　1. 友情鏈接：對於新興網站而言，用戶對網站信任的判斷不僅建立在對網站設計的和功能體驗的基礎上，而且還有一個對同類或者其他相關網站的評估上。友情鏈接的 價值不僅在於SEO上，也是一個網站用戶定位的重要體現，如果網站鏈接的都是不知名的小網站，用戶對它的評級也不會太高。首頁友情鏈接的設置不宜過多，更 多的鏈接可以放置在一個單獨的友情連接頁面中，要特別注重友情連接的質量，哪怕是做些單向鏈接，也要顯示自己的實力。

　　2. 底部信息：網站底部信息內容是網站中每個頁面都共同的內容，底部信息為網民提供了很多建立信任體驗的內容，例如網站的建立時間、是否備案、是否經營性網 站、是否有網警標示、隱私聲明、網站的歸屬關系(如：xx旗下的網站)這部分雖然是細節的內容，但又是最為標准化和普遍的內容，最好留心設計。

　　3. 關於我們：這是一個用戶了解網站背景的最直接途徑，對很多有趣的web2.0網站，對於很多喜歡刨根問底的網民，關於我們還是很重要的一個欄目，因為這是網站站長必須的一個原創內容，對關於我們欄目和內容的設計和安排，往往會體現了站長的做事態度和風格。

　　4. 聯系方式：並不是有事找網站的時候才會關注網站的聯系方式，一般情況下，聯系方式在網站中出現的頻率也是網站自信程度的一種側面體現。聯系方式不一定非要 是詳細的電話傳真，通訊地址，哪怕一個郵箱，或者是一個聯系人的姓名。對於初創網站而言，翔實或者高曝光率的聯系方式，比較容易給網民建立踏實、信任的額 感覺，總之放心、負責、能找到人。如果有實力，整個400電話也成，現在400電話已經是白菜價了，但公信力還不錯，而且方便易記。

　　5. 幫助中心：對於web2.0新興網站，尤其是功能型網站而言，最好是有一個翔實的幫助中心，或者FAQ欄目，千萬別相當然的認為網民對新東西一看就會，新 東西總會有出問題的時候，再加上國內網民的背景和層次差距較大，幫助中心還是必須的。此外，幫助中心的功能和內容豐富程度也是網站客戶服務意識的一種體 現，值得重視。

　　6. 網站備案：最基本也是必須的一道程序，說啥先把網站備案搞定，至少要確認一下網站的合法地位，如果有條件和需要，最好是申請一個B字頭的經營性網站備案， 此外如果涉及到視頻、新聞還要到相關部門申請一下其他備案。備案這東西，看似小事，