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

一、視覺體驗(yàn)呈現(xiàn)給用戶視覺上的體驗(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ù)感覺對(duì)網(wǎng)站有個(gè)上、中、下額評(píng)判，二是網(wǎng)站類型的歸屬，例

如是企業(yè)型，產(chǎn)品展示型等。因而網(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)了站長的審美水平。并且logo是網(wǎng)站整個(gè)風(fēng)格的主導(dǎo)，也是網(wǎng)站對(duì)外傳播的形象標(biāo)示，務(wù)必要仔細(xì)斟酌，不僅要簡潔得體，還要符合網(wǎng)站的定位和目標(biāo)

，找家logo設(shè)計(jì)公司，專業(yè)設(shè)計(jì)一個(gè)logo,然后找北京網(wǎng)站建設(shè)公司-鵬飛網(wǎng)絡(luò)給您換一下logo。

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

的表現(xiàn)形式，放置在重要的位置。

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

彩的明度和亮度。

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

1. 頁面導(dǎo)航：一切內(nèi)容和服務(wù)都是從導(dǎo)航中延伸出去。頁面導(dǎo)航的設(shè)計(jì)分為兩個(gè)層次，一是形式層：體現(xiàn)在導(dǎo)航位置、表現(xiàn)形式(文字、圖片、flash等)等方面，二是內(nèi)容層，頁面導(dǎo)航也是

對(duì)整個(gè)網(wǎng)站內(nèi)容框架的分類和高度概括。但欄目名稱盡量簡短，欄目層次也不宜過多，兩層比較合適，但也要以內(nèi)容為中心。

2. 頁面速度： web2.0，網(wǎng)站中增加了越來越多的視頻、動(dòng)畫元素，對(duì)網(wǎng)站速度的要求也越發(fā)苛刻,大一點(diǎn)的網(wǎng)站再考慮一下南北互通，或者教育網(wǎng)的對(duì)接問題，此外選擇一家穩(wěn)定的服務(wù)器托

管商也至關(guān)重要。

3. 頁面容量：主要指首頁的頁面容量，除非是資訊類網(wǎng)站，否則網(wǎng)站首頁內(nèi)容不要超過兩屏，不要讓用戶再滾動(dòng)鼠標(biāo)就可以瀏覽到整個(gè)頁面。心理學(xué)家做過實(shí)驗(yàn)，人眼每秒攝入的有

效字符只有20個(gè)，要是頁面全是細(xì)密的文字，效果就可想而知了。

4. 頁面結(jié)構(gòu)： 結(jié)構(gòu)就是放置內(nèi)容的框架，網(wǎng)站的頁面結(jié)構(gòu)其實(shí)是有章可循的，尤其是現(xiàn)在大家見的網(wǎng)站越來越多，自然也形成一些列默認(rèn)的模式。簡單分網(wǎng)站主要也包括“同”字型、“司

”字型、“三”字型、“F”型等頁面布局，具體隨后會(huì)撰文詳述，這里要強(qiáng)調(diào)的是頁面結(jié)構(gòu)的創(chuàng)新也要基于一定的規(guī)律，千萬不要打破用戶的瀏覽預(yù)期。

5. 內(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)。

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

1. 會(huì)員申請(qǐng)：會(huì)員申請(qǐng)的按鈕或者位置設(shè)計(jì)的醒目一些。此外，會(huì)員功能的核心是權(quán)限控制，網(wǎng)站必然要有一些只有注冊(cè)用戶或者是高級(jí)用戶才能瀏覽到的內(nèi)容，但還要保證展現(xiàn)給非注

冊(cè)用戶的信息也具有一定的吸引力，否則，網(wǎng)民怎么會(huì)有動(dòng)力去注冊(cè)呢?捫心自問，為什么值得注冊(cè)?用什么吸引注冊(cè)用戶?用什么穩(wěn)定注冊(cè)用戶的定期訪問?

2. 表單填寫：表單填寫有多種方式，但不要將所有項(xiàng)目分為兩個(gè)階段，必填項(xiàng)在第一頁，或者提供明顯的標(biāo)示，千萬不要將所有項(xiàng)目全部列出來，用戶一定會(huì)嚇壞的。Web2.0就要人性化

一點(diǎn)，考慮一下用戶的接受程度，簡單一點(diǎn)還是沒錯(cuò)的。提交成功后，感謝提示頁面務(wù)必要精心設(shè)計(jì)，尤為注意應(yīng)該將注冊(cè)后的用戶引向何處?是回首頁?還是個(gè)人界面?還是前一個(gè)瀏覽頁面?

感謝頁面在內(nèi)容和形式上設(shè)計(jì)的有個(gè)性一點(diǎn)。

3. 點(diǎn)擊提示：點(diǎn)擊瀏覽過的信息顏色需要顯示為不同的顏色，以區(qū)分于未閱讀內(nèi)容，避免重復(fù)閱讀。對(duì)于圖片，設(shè)置圖片標(biāo)注，鼠標(biāo)滾動(dòng)到圖片時(shí)能顯示圖片標(biāo)題。

4. 在線問答：在線問答有太多中形式，從用戶的使用預(yù)期出發(fā)，既然是在線問答，消費(fèi)者希望得到答復(fù)，但現(xiàn)在的情況是，往往網(wǎng)站提供了很多方式的問答渠道，但往往沒有人回應(yīng)，

畢竟工作人員不能24小時(shí)守候啊，建議搞個(gè)小I機(jī)器人訓(xùn)練一下，頂個(gè)美女客服了。還有一種誤區(qū)，認(rèn)為在線問答就是解答問題，其實(shí)還有一個(gè)重要作用是收集信息，還要設(shè)置在線問答流程和

話術(shù)時(shí)，務(wù)必要注意到如何了解更多的客戶信息，或者使用體會(huì)以便于后踢調(diào)整，還要定期對(duì)在線問答出現(xiàn)的問題進(jìn)行匯總分析。

5. 在線搜索：首先是搜索條位置，常見的位置是在右上方，資訊類網(wǎng)站一般中上方顯要位置;其次是搜索分類，例如按作者，按標(biāo)題等設(shè)置好設(shè)計(jì)為下拉菜單，默認(rèn)為全文檢索;再次是搜

索結(jié)果的呈現(xiàn)方式。呈現(xiàn)方式有很多細(xì)節(jié)的地方，包括排列的標(biāo)準(zhǔn)，方式，關(guān)鍵詞顏色區(qū)分，出現(xiàn)的數(shù)量。此外還要注意高級(jí)檢索和檢索選項(xiàng)的設(shè)計(jì)。

北京網(wǎng)站建設(shè)-鵬飛網(wǎng)絡(luò)整理