義烏網(wǎng)頁設(shè)計體驗式網(wǎng)頁設(shè)計的關(guān)鍵點

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

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

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

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