網(wǎng)站用戶體驗(yàn)課件

1、網(wǎng)頁創(chuàng)意與藝術(shù)設(shè)計(jì)網(wǎng)站用戶體驗(yàn)基礎(chǔ)主講教師：楊欣斌教授 國家教學(xué)名師提綱1. 什么是網(wǎng)站用戶體驗(yàn)2. 網(wǎng)站用戶體驗(yàn)構(gòu)成3. 網(wǎng)站用戶體驗(yàn)優(yōu)化的概念4. 網(wǎng)站用戶體驗(yàn)優(yōu)化的方法我們來欣賞幾個(gè)網(wǎng)站有用性易用性友好性視覺好的網(wǎng)站要有好的用戶體驗(yàn)！網(wǎng)頁設(shè)計(jì)基本理論第一章1. 什么是網(wǎng)站用戶體驗(yàn)1.2 網(wǎng)站用戶體驗(yàn)WEBDESIGN1. 什么是網(wǎng)站用戶體驗(yàn)網(wǎng)站用戶體驗(yàn)（Net User Experience）網(wǎng)站用戶體驗(yàn)指的是利用網(wǎng)絡(luò)特性，為客戶提供完善的網(wǎng)絡(luò)體驗(yàn)，提高客戶的滿意度，從而與客戶建立起緊密而持續(xù)的關(guān)系。 網(wǎng)頁設(shè)計(jì)基本理論第一章2. 網(wǎng)站用戶體驗(yàn)構(gòu)成1.2 網(wǎng)站用戶體驗(yàn)WEBDESIGN2.

2、 網(wǎng)站用戶體驗(yàn)構(gòu)成1. 5.信任體驗(yàn)4.瀏覽體驗(yàn)3.情感體驗(yàn)2.交互體驗(yàn)1.感官體驗(yàn)網(wǎng)站用戶體驗(yàn)構(gòu)成2. 網(wǎng)站用戶體驗(yàn)構(gòu)成1. 1.感官體驗(yàn)呈現(xiàn)給用戶視聽上的體驗(yàn)，強(qiáng)調(diào)舒適性2. 網(wǎng)站用戶體驗(yàn)構(gòu)成呈現(xiàn)給用戶操作上的體驗(yàn)，強(qiáng)調(diào)易用/可用性1. 2.交互體驗(yàn)1.感官體驗(yàn)2. 網(wǎng)站用戶體驗(yàn)構(gòu)成呈現(xiàn)給用戶心理上的體驗(yàn)，強(qiáng)調(diào)友好性1. 2.交互體驗(yàn)1.感官體驗(yàn)3.情感體驗(yàn)2. 網(wǎng)站用戶體驗(yàn)構(gòu)成呈現(xiàn)給用戶瀏覽上的體驗(yàn)，強(qiáng)調(diào)吸引性1. 2.交互體驗(yàn)1.感官體驗(yàn)3.情感體驗(yàn)4.瀏覽體驗(yàn)2. 網(wǎng)站用戶體驗(yàn)構(gòu)成呈現(xiàn)給用戶的信任體驗(yàn)，強(qiáng)調(diào)可靠性1. 2.交互體驗(yàn)1.感官體驗(yàn)3.情感體驗(yàn)4.瀏覽體驗(yàn)5.信任體驗(yàn)網(wǎng)頁設(shè)

3、計(jì)基本理論第一章3. 網(wǎng)站用戶體驗(yàn)優(yōu)化的概念1.2 網(wǎng)站用戶體驗(yàn)WEBDESIGN3. 網(wǎng)站用戶體驗(yàn)優(yōu)化的概念（1）網(wǎng)站用戶體驗(yàn)優(yōu)化（UEO）User Experience Optimization（網(wǎng)站用戶體驗(yàn)優(yōu)化）：就是依據(jù)用戶的體驗(yàn)來進(jìn)行網(wǎng)站優(yōu)化, 本著為用戶服務(wù)的原則,改善網(wǎng)站功能、操作、視覺等網(wǎng)站要素,從而獲得用戶的青睞。 3. 網(wǎng)站用戶體驗(yàn)優(yōu)化的概念（2）網(wǎng)站用戶體驗(yàn)優(yōu)化（UEO）公式=PVORUEO用戶體驗(yàn)優(yōu)化注PV（Page View）：即頁面瀏覽量，或點(diǎn)擊量。注OR(Out Rate) ：跳出率，指那些訪問該網(wǎng)站，僅瀏覽了一個(gè)頁面就離開的用戶所占的比例。網(wǎng)頁設(shè)計(jì)基本理論第一章

4、4.網(wǎng)站用戶體驗(yàn)優(yōu)化的方法1.2 網(wǎng)站用戶體驗(yàn)WEBDESIGN4. 網(wǎng)站用戶體驗(yàn)優(yōu)化的方法優(yōu)化方法設(shè)計(jì)風(fēng)格網(wǎng)站LOGO頁面速度頁面導(dǎo)航頁面大小圖片展示圖標(biāo)使用廣告位背景音樂頁面布局頁面色彩動(dòng)畫效果感官體驗(yàn)4. 網(wǎng)站用戶體驗(yàn)優(yōu)化的方法感官體驗(yàn)設(shè)計(jì)風(fēng)格：針對(duì)目標(biāo)客戶的審美喜好，確定網(wǎng)站的總體設(shè)計(jì)風(fēng)格。網(wǎng)站LOGO：確保品牌的清晰展示而又不占據(jù)過分空間。頁面速度：盡量確保頁面在5秒內(nèi)打開。頁面布局：重點(diǎn)突出，主次分明，圖文并茂。頁面色彩：與整體形象相統(tǒng)一，主色調(diào)+輔助色不超過三種顏色。動(dòng)畫效果：與主畫面相協(xié)調(diào)，打開速度快，節(jié)奏適中，不干擾主畫面瀏覽。頁面導(dǎo)航：導(dǎo)航條清晰明了、突出，層級(jí)分明。頁面大

5、?。哼m合多數(shù)瀏覽器瀏覽。圖片展示：比例協(xié)調(diào)、不變形，圖片清晰。圖標(biāo)使用：簡(jiǎn)潔、明了、易懂、準(zhǔn)確。廣告位：避免干擾視線，符合整體風(fēng)格，避免喧賓奪主。背景音樂：與整體網(wǎng)站主題統(tǒng)一，不能干擾閱讀。4. 網(wǎng)站用戶體驗(yàn)優(yōu)化的方法3. 網(wǎng)站用戶體驗(yàn)優(yōu)化的概念 Text1Text2Text3Text4Text5我們來欣賞幾個(gè)網(wǎng)站1. 為什么要開設(shè)網(wǎng)頁藝術(shù)設(shè)計(jì)提綱2. 網(wǎng)頁藝術(shù)設(shè)計(jì)的獨(dú)特性3. 網(wǎng)頁藝術(shù)設(shè)計(jì)的構(gòu)成要素網(wǎng)頁設(shè)計(jì)基本理論第一章1.為什么要開設(shè)網(wǎng)頁藝術(shù)設(shè)計(jì)1.1 網(wǎng)頁藝術(shù)設(shè)計(jì)概論WEBDESIGN1. 為什么要開設(shè)網(wǎng)頁藝術(shù)設(shè)計(jì)1. 為什么要開設(shè)網(wǎng)頁藝術(shù)設(shè)計(jì)1. 為什么要開設(shè)網(wǎng)頁藝術(shù)設(shè)計(jì)全球網(wǎng)站總量約

6、為10億個(gè)我國的網(wǎng)站數(shù)量約為350萬個(gè)每個(gè)人關(guān)注的網(wǎng)站數(shù)量一般不超過100個(gè)1. 為什么要開設(shè)網(wǎng)頁藝術(shù)設(shè)計(jì)1003500000310000網(wǎng)站的被關(guān)注的概率太低了！1. 為什么要開設(shè)網(wǎng)頁藝術(shù)設(shè)計(jì)網(wǎng)頁設(shè)計(jì)基本理論第一章2.網(wǎng)頁藝術(shù)設(shè)計(jì)的獨(dú)特性1.1 網(wǎng)頁藝術(shù)設(shè)計(jì)概論WEBDESIGN2. 網(wǎng)頁藝術(shù)設(shè)計(jì)的獨(dú)特性藝術(shù)性媒體性技術(shù)性2. 網(wǎng)頁藝術(shù)設(shè)計(jì)的獨(dú)特性瀏覽聯(lián)想電腦信息獲取聯(lián)想T440筆記本信息聯(lián)想官方網(wǎng)站媒體性2. 網(wǎng)頁藝術(shù)設(shè)計(jì)的獨(dú)特性技術(shù)性動(dòng)畫圖像視頻0交互2. 網(wǎng)頁藝術(shù)設(shè)計(jì)的獨(dú)特性藝術(shù)性網(wǎng)頁工程師1網(wǎng)頁設(shè)計(jì)師212網(wǎng)頁藝術(shù)設(shè)計(jì)是科學(xué)與藝術(shù)相結(jié)合的產(chǎn)物!注2. 網(wǎng)頁藝術(shù)設(shè)計(jì)的獨(dú)特性藝術(shù)性網(wǎng)頁設(shè)計(jì)基本理論第一章3.網(wǎng)頁藝術(shù)設(shè)計(jì)的構(gòu)成要素1.1 網(wǎng)頁藝術(shù)設(shè)計(jì)概論WEBDESIGN3. 網(wǎng)頁藝術(shù)設(shè)計(jì)的構(gòu)成要素安亭新城：http:/3. 網(wǎng)頁藝術(shù)設(shè)計(jì)的構(gòu)成要素藝術(shù)設(shè)計(jì)構(gòu)成要素文 字圖形圖像色 彩多 媒 體版 式3. 網(wǎng)頁藝術(shù)設(shè)計(jì)的構(gòu)成要素文 字文字導(dǎo)航文字導(dǎo)航文字導(dǎo)航文字信息圖形圖像3. 網(wǎng)頁藝術(shù)設(shè)計(jì)的構(gòu)成要素Logo圖形搜索圖像按鈕圖像區(qū)塊圖像色 彩3. 網(wǎng)頁藝術(shù)設(shè)計(jì)