用戶體驗之UI設計課件教學提綱

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

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

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

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