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

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

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

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

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