用戶體驗(yàn)之UI設(shè)計(jì)課件教學(xué)提綱

用戶體驗(yàn)之UI設(shè)計(jì)課件什么是用戶體驗(yàn)用戶體驗(yàn)（UserExperience，簡稱UE）是一種純主觀在用戶使用產(chǎn)品過程中建立起來的感受。但是對于一個(gè)界定明確的用戶群體來講，其用戶體驗(yàn)的共性是能夠經(jīng)由良好設(shè)計(jì)實(shí)驗(yàn)來認(rèn)識到。新競爭力在網(wǎng)絡(luò)營銷基礎(chǔ)與實(shí)踐中曾提到計(jì)算機(jī)技術(shù)和互聯(lián)網(wǎng)的發(fā)展，使技術(shù)創(chuàng)新形態(tài)正在發(fā)生轉(zhuǎn)變，以用戶為中心、以人為本越來越得到重視，用戶體驗(yàn)也因此被稱做創(chuàng)新2.0模式的精髓。在中國面向知識社會的創(chuàng)新2.0——應(yīng)用創(chuàng)新園區(qū)模式探索中，更將用戶體驗(yàn)作為“三驗(yàn)”(用戶體驗(yàn)、研發(fā)單位試驗(yàn)、第三方檢驗(yàn)）創(chuàng)新機(jī)制之首。司空見慣的流氓行為彈窗（廣告彈窗、咨詢彈窗）修改瀏覽器（插件、強(qiáng)制設(shè)置成主頁）主次不分（廣告信息比正常文章多）騙取pv（設(shè)置虛假信息誘導(dǎo)用戶不斷點(diǎn)擊）點(diǎn)擊廣告下載(軟件下載需點(diǎn)擊廣告才能下載)開機(jī)啟動（軟件設(shè)置）真正理解用戶體驗(yàn)1、用戶體驗(yàn)不單只是用戶界面設(shè)計(jì)，UI僅是用戶體驗(yàn)到一部分，與用戶第一觸動面2、用戶體驗(yàn)不單只是流程的一步，用戶體驗(yàn)是蘊(yùn)含在我們整個(gè)互聯(lián)網(wǎng)運(yùn)營和設(shè)計(jì)的每一步。3、用戶體驗(yàn)不只是跟技術(shù)有關(guān)，用戶體驗(yàn)不局限于IT領(lǐng)域，它是關(guān)于任何產(chǎn)品、任何作品、任何系統(tǒng)的任何交換行為。4、用戶體驗(yàn)不只能價(jià)值有關(guān)，不只是價(jià)值而是用戶體驗(yàn)5、用戶體驗(yàn)不只是跟用戶有關(guān)，用戶需求和業(yè)務(wù)目標(biāo)找到平衡6、用戶體驗(yàn)不只是一個(gè)人或者一個(gè)部門的職責(zé)，而是貫穿整個(gè)業(yè)務(wù)的每個(gè)一個(gè)環(huán)節(jié)7、用戶體驗(yàn)花費(fèi)很高，業(yè)務(wù)流程和產(chǎn)品設(shè)計(jì)。用戶需要什么？用戶喜歡簡單、也喜歡復(fù)雜，同時(shí)用戶的體驗(yàn)需求是隨時(shí)隨地變化的。用戶需求更“方便”研究發(fā)現(xiàn)：80%的用戶僅僅使用到軟件20%的功能。成功的軟件應(yīng)是精煉可單獨(dú)智能化地解決單個(gè)問題。用戶需求“復(fù)雜”不是難用，而是功能復(fù)雜如：Microsoftword，Microsoftstudio版本升級功能多挑戰(zhàn)用戶習(xí)慣DM

Web——捕捉用戶想看到的網(wǎng)站的布局——界面的布局展示符合：1、從上到下，從左到右，將重要信息有序合理的排放在重要的位置；2、重要的內(nèi)容在第一屏位置優(yōu)先落入到用戶的眼簾；并不一定放中間3、各個(gè)模塊要有層次性展示；頁面布局的同級頁面布局需統(tǒng)一總結(jié)如下：7±2原則，即“由于人類大腦處理信息的能力有限，它會將復(fù)雜信息劃分成塊和小的單元。根據(jù)喬治A米勒（GeorgeA.Miller）的研究，人類短期記憶一般一次只能記住5-9個(gè)事物?！?.一個(gè)頁面總體的信息量不宜過多，提供給用戶識別的區(qū)塊最好不超出這個(gè)數(shù)字范圍太多。2.該頁面需要完成的主體功能，放在頁面首要主體位置。其它必須功能放在次之位置。3.不要讓那些有必要而非必須的功能，因?yàn)樽陨砝娴男枰?，?qiáng)行搶占主體位置，以致影響人們對最熟悉、最常用的功能使用。網(wǎng)站字體顏色避免字體過于黯淡導(dǎo)致閱讀困難·字體色與背景色對比明顯·字體顏色不要太雜·有鏈接的字體要有所提示，最好采用默認(rèn)鏈接樣式·標(biāo)題和正文所用的文字大小有所區(qū)別·作為內(nèi)容的文字字體大小最好能做大一點(diǎn)·英文和數(shù)字選用與中文字體和諧的的字體圖片是除文字外的第二語言，網(wǎng)站中圖片的主要作用大致有以下三種：banner廣告圖片、產(chǎn)品展示圖片、修飾性圖片。圖片運(yùn)用不合理的情況通常有：圖片尺寸過大、動態(tài)圖片過多、應(yīng)該使用文本的地方錯(cuò)用了圖片?！こ霈F(xiàn)的位置和尺寸合理，不對信息獲取產(chǎn)生干擾，喧賓奪主站點(diǎn)地圖、網(wǎng)站圖片的設(shè)計(jì)、網(wǎng)頁色彩、頁面大小及屬性網(wǎng)站地圖清晰文字展現(xiàn)網(wǎng)站圖片的設(shè)計(jì)要素一般不超過30kb大小網(wǎng)頁色彩設(shè)計(jì)的規(guī)則1、網(wǎng)頁的色彩和諧，與網(wǎng)站品牌整體形象相統(tǒng)一2、網(wǎng)頁上的主色調(diào)+輔助色一般不要超過三種顏色，否則讓用戶眼花繚亂，產(chǎn)生不愉快心情3、可以通過以恰當(dāng)?shù)纳拭鞫群土炼?，確保瀏覽者的瀏覽舒適度。網(wǎng)頁大小一般在35～100k左右頁面中不要過多的用"_blank“頁面瀏覽時(shí)間不要超過10秒

題外：【網(wǎng)站顏色嚴(yán)重影響消費(fèi)者購買決定】

【網(wǎng)站顏色嚴(yán)重影響消費(fèi)者購買決定】1.93%的消費(fèi)者在做購買決定時(shí)會考慮到顏色和外觀。2.85%的購物者表示，在購買一件商品時(shí)顏色是主要考慮因素。3.如果顏色搭配得體，品牌知名度會提升80%。網(wǎng)頁尺寸網(wǎng)頁大小取決于兩個(gè)因素：a、顯示器屏幕，以17寸為主流，正朝19寸寬屏方向發(fā)展。b、瀏覽器，通用ie、friefox、傲游。由于顯示器、瀏覽器、網(wǎng)站類型都是變量，所以我們得出結(jié)論：這個(gè)世界永遠(yuǎn)沒有最好的網(wǎng)頁。大屏幕趨勢：1024×768分辨率的用戶占到44.4%,并且在逐月的下降為1280、1440、1920這三個(gè)分辨率已經(jīng)占到34%。在大屏幕時(shí)代，網(wǎng)頁的高度問題其實(shí)不算是問題。因?yàn)榫W(wǎng)頁是可以向下延伸的，所以高度不受限制。對于一屏來講一般沒有固定值，因?yàn)槊總€(gè)人使用的瀏覽器的工具不同，而瀏覽器的插件占了半個(gè)屏幕，所以高度沒有確切值。我們常規(guī)規(guī)定是，頁面長度原則上不超過3屏。不過順便提一句，一般文章資訊類網(wǎng)站，一頁面最多發(fā)布1000字正文，就該分頁了，否則用戶讀起來比較累。960和950的寬度是怎么來的？國內(nèi)一些網(wǎng)站首頁的寬度網(wǎng)站首頁頁面的寬度Yahoo950Myspace960網(wǎng)易960淘寶950新浪950搜狐950這些網(wǎng)站首頁寬度都在950、960，頁面結(jié)構(gòu)比較復(fù)雜，可以看作是門戶網(wǎng)站。960和950的寬度是怎么來的？在1024×768的分辨率下，打開蘋果電腦的firefox，firefox窗體的大小約為974×650，減掉左右7px的邊框，網(wǎng)頁實(shí)際大小為途中的上半部分，高寬960×650因?yàn)榇蠖鄶?shù)的設(shè)計(jì)師都喜歡使用過蘋果機(jī)，所以，由