用戶體驗(yàn)與網(wǎng)站設(shè)計(jì)

《用戶體驗(yàn)與網(wǎng)站設(shè)計(jì)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、請(qǐng)按照以下要求進(jìn)行提出問(wèn)題并修改：設(shè)計(jì)風(fēng)格網(wǎng)站LOGO頁(yè)面速度字體大小交互（個(gè)人網(wǎng)站如果沒(méi)有注冊(cè)、申請(qǐng)等項(xiàng)目）即時(shí)在線咨詢（im、QQ、MSN）聯(lián)系方式（電話、郵箱等）導(dǎo)航清楚欄目層次內(nèi)容分類(lèi)清晰原創(chuàng)更新頻率會(huì)員交流網(wǎng)站介紹網(wǎng)站備案最終提交文檔：改進(jìn)后的網(wǎng)站設(shè)計(jì)方案。改進(jìn)UE后的網(wǎng)站設(shè)計(jì)架構(gòu)及各典型頁(yè)面的草圖設(shè)計(jì)，繼續(xù)豐富網(wǎng)站的內(nèi)容A.思路提示：若有不清楚的地方請(qǐng)查看相關(guān)專(zhuān)題課件。例如：項(xiàng)目1：網(wǎng)站策劃，則在“營(yíng)銷(xiāo)型商務(wù)網(wǎng)站策劃”課程下找專(zhuān)題：“網(wǎng)站策劃”，通過(guò)課程目錄找到：項(xiàng)目提示，小節(jié)。B.提交方法：若有不清楚的地方請(qǐng)點(diǎn)擊“攻略”按鈕查看根據(jù)用戶體驗(yàn)的網(wǎng)站設(shè)計(jì)，針對(duì)長(zhǎng)城網(wǎng)UE而提出的

2、問(wèn)題后進(jìn)行整改設(shè)計(jì)1設(shè)計(jì)風(fēng)格本站選用了橘黃色為主題色彩，紅色為搭配色，剛設(shè)計(jì)好時(shí)網(wǎng)站一些位置看起來(lái)顏色太重，給人不簡(jiǎn)潔大方的感覺(jué)。我把頭部和底部的顏色減淡了，本站是一個(gè)以買(mǎi)產(chǎn)品為主的營(yíng)銷(xiāo)型網(wǎng)站，所以網(wǎng)站的設(shè)計(jì)需要一步步完善。2網(wǎng)站Logo本網(wǎng)咱的Logo是以金黃色為主題色，上面是一把金鑰匙圖案在團(tuán)下面是網(wǎng)站域名，右面是網(wǎng)站名稱，圖案又像是一個(gè)大問(wèn)號(hào)，寓意是本網(wǎng)站就是為那些有疑問(wèn)的人解答的地方。3網(wǎng)頁(yè)速度本網(wǎng)站在修改之前網(wǎng)頁(yè)速度不是問(wèn)題，在修改了一部分后網(wǎng)頁(yè)速度明顯變慢了。1）優(yōu)化圖片，具體來(lái)說(shuō)從質(zhì)量、數(shù)量和格式上優(yōu)化，再則就是常識(shí)使用腳本文件代替效果：比如一些web2.0的樣式，如果使用

3、ps制作，每個(gè)圖片基本會(huì)增加%5-%25的大小成本.本網(wǎng)站的圖片我?guī)缀醵际怯胮s處理過(guò)的，相反，使用javascript代碼來(lái)實(shí)現(xiàn)效果,僅僅只增加幾個(gè)字節(jié).2）優(yōu)化CSSCSS疊層樣式表讓網(wǎng)頁(yè)加載起來(lái)更高效，瀏覽體驗(yàn)也得到提高。有了CSS，表格布局的方式可以退休了。我在網(wǎng)站首頁(yè)修改時(shí)一些樣式代碼直接寫(xiě)進(jìn)去了，沒(méi)有在css修改，代碼有些冗余了，所以需要避免首頁(yè)代碼的冗余3）標(biāo)明高度和寬度這點(diǎn)很重要，但很多人由于懶惰或其它原因，總是將其忽視。當(dāng)我在網(wǎng)頁(yè)上添加圖片或表格時(shí)，有些也沒(méi)有指定height和width參數(shù)。4）減少http請(qǐng)求將臨近的兩張圖片合成一張，不必要的圖片刪除5）統(tǒng)計(jì)代碼放在

4、頁(yè)尾。3字體大小開(kāi)始網(wǎng)站字體是10px的，看起來(lái)給人的感覺(jué)很不大方。把字體改成了14px,有鏈接的字體顏色設(shè)置成了綠色，看起來(lái)和網(wǎng)頁(yè)很協(xié)調(diào)4交互本網(wǎng)站在從新設(shè)計(jì)之前只有Q在線咨詢。在網(wǎng)站首頁(yè)加上注冊(cè)和登錄功能，在網(wǎng)站底部在線客服中又加了live8005在頂部加電話，底部加163郵箱6導(dǎo)航清楚本網(wǎng)站導(dǎo)航包含內(nèi)容還不全面，主次也不是太分明。從新設(shè)計(jì)導(dǎo)航主次順序使導(dǎo)航醒目清晰7欄目層次本網(wǎng)站欄目層次有冗余，不簡(jiǎn)單明了8內(nèi)容更新少，分類(lèi)不清晰改進(jìn)后的網(wǎng)站設(shè)計(jì)方案。改進(jìn)UE后的網(wǎng)站設(shè)計(jì)架構(gòu)及各典型頁(yè)面的草圖設(shè)計(jì)