1、視聽體驗(yàn)   
  1)目標(biāo)人群分析   
  網(wǎng)站項(xiàng)目建設(shè)之前一定要做目標(biāo)人群分析。首先要明白網(wǎng)站的受眾群體是哪些人?大概處于什么年齡段?男性多還是女性多等等相關(guān)問題，知己知彼嘛。如果前期沒有做目標(biāo)人群分析，那么整個(gè)網(wǎng)站建設(shè)的方向就是模糊不清，甚至是錯(cuò)誤的。這樣就會(huì)導(dǎo)致網(wǎng)站建設(shè)投入了大量的人力物力，結(jié)果得到的卻是“竹籃打水一場(chǎng)空”。   
  2)網(wǎng)站設(shè)計(jì)風(fēng)格   
  網(wǎng)站建設(shè)前期的目標(biāo)人群分析，就是為了后面一系列的工作做準(zhǔn)備的。通過對(duì)目標(biāo)人群分析，我們可以搜集到網(wǎng)站的受眾群體是哪些人，分布在哪個(gè)年齡段，大概的性別比例是多少等相關(guān)數(shù)據(jù)，這些數(shù)據(jù)可以指導(dǎo)我們來確定網(wǎng)站設(shè)計(jì)的整體風(fēng)格屬于什么風(fēng)格。   
  3)頁(yè)面色彩搭配   
  通過之前目標(biāo)人群分析的相關(guān)數(shù)據(jù)，在一定程度上可以給我們網(wǎng)站頁(yè)面色彩搭配提供一些參考。一個(gè)受歡迎的網(wǎng)站不止是設(shè)計(jì)細(xì)節(jié)、網(wǎng)站風(fēng)格等因素決定的，色彩搭配也是必不可少的一部分。因此，一定要做好網(wǎng)站頁(yè)面色彩的搭配，給受眾訪客/用戶一個(gè)“高顏值”的站點(diǎn)。   
  4)框架版塊布局   
  網(wǎng)站設(shè)計(jì)風(fēng)格、頁(yè)面色彩搭配確定以后，就可以進(jìn)入下一步的工作—框架版塊布局。網(wǎng)站建設(shè)如同我們建房子一樣，需要搭建一個(gè)“堅(jiān)實(shí)可靠”的“骨架”。清晰明了的版塊布局可以讓用戶/訪客瀏覽網(wǎng)站的時(shí)候，更加快速直觀的找到相應(yīng)的產(chǎn)品或信息。因此良好的網(wǎng)站框架版塊布局可以提升用戶體驗(yàn)度。   
  5)設(shè)計(jì)細(xì)節(jié)改善   
  細(xì)節(jié)決定成敗，這句話同樣適用于網(wǎng)站設(shè)計(jì)領(lǐng)域。網(wǎng)站真正的使用者不是站長(zhǎng)而是用戶，因此網(wǎng)站建設(shè)的過程中要時(shí)刻考慮到用戶在使用時(shí)會(huì)遇到什么樣的問題。比如說，網(wǎng)站細(xì)節(jié)的設(shè)計(jì)是不是符合用戶的瀏覽習(xí)慣、使用習(xí)慣等。國(guó)內(nèi)最大的電商平臺(tái)—淘寶，用戶體驗(yàn)方面做的不錯(cuò)，特別是設(shè)計(jì)細(xì)節(jié)。   
  6)圖片字體甄選   
  隨著用戶網(wǎng)絡(luò)帶寬的不斷提升，單純的“讀文時(shí)代”已經(jīng)向“圖文時(shí)代”發(fā)生轉(zhuǎn)變。長(zhǎng)篇大段的枯燥文字極易讓用戶/訪客產(chǎn)生視覺疲勞，進(jìn)而降低用戶體驗(yàn)。合適的圖片搭配適合的字體可以在一定程度上緩解用戶的視覺疲勞，給用戶一個(gè)良好的閱讀體驗(yàn)，更有甚者能夠加深用戶對(duì)網(wǎng)站的印象。   
  2、交互體驗(yàn)   
  ①邏輯方面     
  1)物理邏輯在意的是物的屬性。     
  物的屬性包括：結(jié)構(gòu)、色彩、質(zhì)感、材料。     
  2)行為邏輯在意的是用戶的行為。     
  用戶的行為包括：目的(為了解決用戶的某個(gè)需求)、用戶(產(chǎn)品使用者具有什么特征)、場(chǎng)景(PC端、移動(dòng)端)、媒介(I E 瀏覽器、谷歌瀏覽器、火狐瀏覽器、360瀏覽器)、行為(點(diǎn)擊、跳轉(zhuǎn)、彈窗...)。   
  ②速度方面     
  1)網(wǎng)站不要有過多的圖片     
  2)網(wǎng)站圖片文件優(yōu)化      
  ①采用web圖像保存      
  ②選擇最合適的圖片格式      
  ③減少顏色數(shù)     
  3)強(qiáng)健穩(wěn)定的服務(wù)器架構(gòu)     
   ①Lamp      
  ②Lnmp     
  4)BGP雙線帶寬支持     
  5)頁(yè)面加載優(yōu)化      
  ①CSS圓角代替圓角圖片      
  ②CSS Sprite      
  ③CSS文件緩存處理      
  ④盡量少的js文件調(diào)用請(qǐng)求      
  ⑤Javascript腳本放在文件末尾      
  ⑥壓縮Javascript、CSS代碼      
  ⑦摒棄frame或iframe框架     
  6)服務(wù)器開啟gzip壓縮     
  7)CDN節(jié)點(diǎn)加速器