義烏網(wǎng)頁設計體驗式網(wǎng)頁設計的關鍵點

Web2.0時代，體驗式營銷，體驗式網(wǎng)站設計開始走向主流，那么體驗式網(wǎng)站到底意味著什么？具體表現(xiàn)在那些地方？根據(jù)建站的一點經驗和觀察，也參照了網(wǎng)友的一些建議，總結了體驗式網(wǎng)站設計的四各方面，41個關鍵體驗點，將其梳理概況，與大家分享。
 

一、體驗式網(wǎng)站設計的四個方面
1、視覺體驗：呈現(xiàn)給用戶視覺上的體驗，重在UI設計，強調舒適性。
2、瀏覽體驗：呈現(xiàn)給用戶欄目和內容的體驗，重在合理規(guī)劃，強調協(xié)調性。
3、信任體驗：呈現(xiàn)給用戶的信任體驗，重在細節(jié)斟酌，強調穩(wěn)定性。

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

二、視覺體驗的11個關鍵體驗點
視覺體驗：呈現(xiàn)給用戶視覺上的體驗，重在UI設計，強調舒適性。
1. 整體風格：這是網(wǎng)站給用戶呈現(xiàn)的第一印象，主要體現(xiàn)在兩方面，一是網(wǎng)站質量的權衡，網(wǎng)民第一次看到網(wǎng)站后，首先會根據(jù)感覺對網(wǎng)站有個上、中、下額評判，二是網(wǎng)站類型的歸屬，例如是資訊型，形象型等。因而網(wǎng)站在設計之前，必須明確目標客戶群體，并針對目標客戶的審美喜好，進行分析，網(wǎng)站設計要符合目標客戶的審美預期和類型歸屬。
2. 網(wǎng)站LOGO：LOGO的設計水平直接體現(xiàn)了站長的審美水平。并且logo是網(wǎng)站整個風格的主導，也是網(wǎng)站對外傳播的形象標示，務必要仔細斟酌，不僅要簡潔得體，還要符合網(wǎng)站的定位和目標，最好找家設計公司，或者去toidea.com 威客一下。
3. 頁面布局：重點突出，主次分明，圖文并茂，聲畫全面。網(wǎng)站的有效空間是有限的，網(wǎng)站的第一屏畫面至關重要，頁面布局要與網(wǎng)站的營銷目標相結合，將最能吸引用戶的內容，通過合適的表現(xiàn)形式，放置在最重要的位置。
4. 頁面色彩：六個務必:網(wǎng)站務必要有個主題色，務必注意冷暖色調的搭配，務必注意主色調、輔助色的使用數(shù)量，務必保持網(wǎng)站整體形象相統(tǒng)一，務必注意漸變色的使用，務必恰當搭配色彩的明度和亮度。
5. 頁面大?。鹤詈脤⒕W(wǎng)站設置成為自適應的頁面，如果無法修正，最好調整為1024*768，照顧到800*600用戶，頁面主要內容可以偏左設置。此外，還有一些異性的網(wǎng)站，務必要考慮到核心用戶群的使用習慣，可以主要從年齡上來判斷，30歲以上用戶，還是800*600居多。
6. 動畫效果：首先注意動畫的放置位置，其次是呈現(xiàn)方式，再次是加載速度，最后也是最關鍵的是內容的表現(xiàn)形式。動畫效果會在第一時間吸引用戶的關注，但關注不是目的，要讓用戶有興趣接受動畫所傳達的內容。在動畫表現(xiàn)形式設計時，還要注意與主畫面相協(xié)調，動畫效果節(jié)奏適中，不干擾主畫面瀏覽。
8. 圖片展示：首要的還是圖片欄目的頁面位置，要與整體網(wǎng)站比例協(xié)調，符合一般用戶的瀏覽習慣；其次是圖片的展示形式，現(xiàn)在有很多flash的圖片代碼，還有l(wèi)ightbox的js也是不錯的選擇，再次是圖片內容要清晰、不變形，圖片選擇上也要符合網(wǎng)站的總體風格，不要太突兀。
9. 圖標使用：首要考慮與頁面整體風格統(tǒng)一，其次是簡潔、明了、易懂、準確，再次可以嘗試使用一些3D效果圖標。
10. 廣告位的設計：廣告設計最關鍵是要符合用戶對網(wǎng)站廣告的預期，不要讓用戶對廣告產生反感。有很多是網(wǎng)民早已認可的廣告位置和形式，例如頁面上方的banner條，頁面兩邊的對聯(lián)形式，頁面右下方的文字廣告等，這些位置都是網(wǎng)民們默認的廣告位，千萬不要沖擊網(wǎng)民的瀏覽習慣，避免干擾視線，除非你的廣告創(chuàng)意絕對吸引人，否則結果往往是立刻關閉廣告和網(wǎng)站。
11. 背景音樂：除非是活動推廣或者是形象推廣類主題網(wǎng)站，搞點刺激性的音樂提提神，否則千萬不要設置背景音樂，一個字，煩！就算設置背景音樂，最好將開關按鈕及音量控制放在顯要位置，免的網(wǎng)民因為找不到控制按鈕而立刻關掉頁面。
 
三、瀏覽體驗的8個關鍵體驗點
瀏覽體驗：呈現(xiàn)給用戶瀏覽上的體驗，強調吸引性。
1. 頁面導航：網(wǎng)站導航如同樓房的地基，是整個網(wǎng)站基礎和框架，一切內容和服務都是從導航中延伸出去。頁面導航的設計分為兩個層次，一是形式層：體現(xiàn)在導航位置、表現(xiàn)形式（文字、圖片、flash等）等方面，二是內容層，頁面導航也是對整個網(wǎng)站內容框架的分類和高度概括。形式層的設計，建議參照一下韓國網(wǎng)站的設計風格，動感、簡潔、清晰。至于內容層，就因站而異了，分類條理最關鍵。但欄目名稱盡量簡短，欄目層次也不宜過多，兩層比較合適，但也要以內容為中心。
1.   頁面速度： web2.0，網(wǎng)站中增加了越來越多的視頻、動畫元素，對網(wǎng)站速度的要求也
越發(fā)苛刻。回想一下，這么多視頻分享網(wǎng)站中，為什么很多人選擇優(yōu)酷？就一個速度。此外，大一點的網(wǎng)站再考慮一下南北互通，或者教育網(wǎng)的對接問題，此外選擇一家穩(wěn)定的服務器托管商也至關重要。
2. 頁面容量：主要指首頁的頁面容量，除非是資訊類網(wǎng)站，否則網(wǎng)站首頁內容最好不要
超過兩屏，最好不要讓用戶再滾動鼠標就可以瀏覽到整個頁面。再就是頁面設計要考慮到文字和圖片的搭配，還有不同字號、字體、顏色的搭配，還有網(wǎng)站留白的設計，以