用戶界面設(shè)計(jì)原則及案例介紹詳解演示文稿

用戶界面設(shè)計(jì)原則及案例介紹詳解演示文稿當(dāng)前1頁，總共50頁。優(yōu)選用戶界面設(shè)計(jì)原則及案例介紹當(dāng)前2頁，總共50頁。幾個(gè)網(wǎng)站當(dāng)前3頁，總共50頁。主要內(nèi)容用戶體驗(yàn)？交互設(shè)計(jì)？ＵＩ設(shè)計(jì)？實(shí)現(xiàn)模型和心理模型用戶體驗(yàn)與交互設(shè)計(jì)基本原則介紹交互細(xì)節(jié)案例介紹小任務(wù)交互設(shè)計(jì)所需要技能當(dāng)前4頁，總共50頁。概念區(qū)分用戶體驗(yàn)：UE用戶體驗(yàn)并不是指產(chǎn)品本身是如何工作的，而是指產(chǎn)品如何和外界聯(lián)系并發(fā)揮作用，也就是人們?nèi)绾巍敖佑|“或者“使用”它。Web中的用戶體驗(yàn)是指用戶在訪問平臺(tái)的過程中的全部體驗(yàn)，它包括平臺(tái)是否有用，疑惑或者bug程度，功能是否易用、簡約，界面設(shè)計(jì)和交互設(shè)計(jì)是否友好等方面。用戶體驗(yàn)的核心是UCD，即“以用戶為中心的設(shè)計(jì)”。當(dāng)前5頁，總共50頁。“AJAX之父”的JesseJamesGarrett早在2000年就提出了以用戶為中心的Web設(shè)計(jì)的流程和用戶體驗(yàn)的要素當(dāng)前6頁，總共50頁。交互設(shè)計(jì)交互：用戶通過某種方式發(fā)出指令，且系統(tǒng)對此作出相應(yīng)的反應(yīng)交互設(shè)計(jì)是關(guān)于創(chuàng)建新的用戶體驗(yàn)的問題，目的在于增強(qiáng)和擴(kuò)充人們的工作、通信及交互方式，使他們能夠更加有效地進(jìn)行日常工作和學(xué)習(xí)。當(dāng)前7頁，總共50頁。UI設(shè)計(jì)UserInterfaceDesign用戶界面設(shè)計(jì)，在很大程度上就是在探討如何讓產(chǎn)品的界面更加具有可用性，如何讓用戶有更良好的體驗(yàn)。這是一種優(yōu)化后的界面，通過這種界面，用戶能更方面地完成任務(wù)，獲得良好的感覺。例如：一個(gè)按鈕的設(shè)計(jì)，美工設(shè)計(jì)考慮如何好看，而用戶界面設(shè)計(jì)師則考慮按鈕如何擺放，上面顯示什么文字，甚至到底要不要這個(gè)按鈕的問題。當(dāng)前8頁，總共50頁。軟件設(shè)計(jì)，ＵＩ設(shè)計(jì)，交互設(shè)計(jì)《軟件設(shè)計(jì)的藝術(shù)》TerryWinograd(2004年度的ACM人機(jī)交互院士)開發(fā)軟件建房子土木工程師裝修設(shè)計(jì)師建筑設(shè)計(jì)師軟件設(shè)計(jì)ＵＩ設(shè)計(jì)交互設(shè)計(jì)當(dāng)前9頁，總共50頁。實(shí)現(xiàn)模型和心理模型心理模型表現(xiàn)模型實(shí)現(xiàn)模型容易使用，體驗(yàn)良好記憶負(fù)擔(dān)，體驗(yàn)較差最好的技術(shù)是消失在生活當(dāng)中的技術(shù)當(dāng)前10頁，總共50頁。幾個(gè)通用的原則就近設(shè)計(jì)原則對功能進(jìn)行恰當(dāng)?shù)姆诸惡徒M織當(dāng)前11頁，總共50頁。幫助用戶探索和嘗試

當(dāng)前12頁，總共50頁。允許用戶犯錯(cuò)誤讓用戶可以撤銷動(dòng)作在執(zhí)行具體的破壞性操作中要求用戶確認(rèn)。當(dāng)前13頁，總共50頁。提供實(shí)用的幫助設(shè)計(jì)幫助系統(tǒng)入門和學(xué)習(xí)部分使用指南參考手冊疑難解答術(shù)語解釋

語言表達(dá)：采用具體的例子，幫助用戶理解

表達(dá)方式：按照使用流程來。當(dāng)前14頁，總共50頁。設(shè)計(jì)一個(gè)優(yōu)秀的向?qū)浇缑娈?dāng)前15頁，總共50頁。幫助用戶高效地完成操作

支持批處理操作（google的picasa圖像處理軟件）提高常用操作的效率4A中的作業(yè)模塊當(dāng)前16頁，總共50頁。布置手工作業(yè)流程當(dāng)前17頁，總共50頁。使界面符合用戶的使用習(xí)慣

被動(dòng)調(diào)整策略：例如功能定制，界面定制主動(dòng)自適應(yīng)調(diào)整策略：例如sogou拼音輸入法根據(jù)其他用戶的使用行為來主動(dòng)進(jìn)行自適應(yīng)調(diào)整購物網(wǎng)中，購買這本書的用戶還購買了以下書，在《長尾理論》中安德森叫過濾器法則，它是長尾現(xiàn)象形成的一個(gè)因素介于主動(dòng)自適應(yīng)和被動(dòng)調(diào)整之間的混合策略當(dāng)前18頁，總共50頁。減少用戶在使用軟件時(shí)出現(xiàn)錯(cuò)誤（一）讓用戶能有效地看出或者知道如何進(jìn)行正確操作減少用戶記憶的負(fù)擔(dān)；自然匹配和預(yù)設(shè)用途；盡可能采取一致性的設(shè)計(jì)采用限制級因素防止用戶出錯(cuò)當(dāng)前19頁，總共50頁。減少用戶在使用軟件時(shí)出現(xiàn)錯(cuò)誤（一）利用某種方式提醒用戶可能出錯(cuò)如何設(shè)置出錯(cuò)信息不要只告訴用戶操作無法完成或者操作失敗不要僅僅給出出錯(cuò)代碼，還應(yīng)當(dāng)給出該錯(cuò)誤的含義不要在出錯(cuò)信息中使用用戶無法理解的術(shù)語錯(cuò)誤要盡可能明確錯(cuò)誤信息要有建設(shè)性，要讓用戶看出怎樣才是正確的不要給出誤導(dǎo)性的出錯(cuò)信息向用戶提出解決問題的建議當(dāng)前20頁，總共50頁。減少用戶的等待感RobertBmiller1968——Responsetimeinman-computerconversationaltransactions0.1秒鐘、1秒鐘、10秒鐘當(dāng)前21頁，總共50頁?？偨Y(jié)就近設(shè)計(jì)原則對功能進(jìn)行組織和分類幫助用戶探索和嘗試允許用戶犯錯(cuò)提供實(shí)用的幫助設(shè)計(jì)一個(gè)優(yōu)秀的向?qū)Ы缑媸菇缑娣嫌脩舻氖褂昧?xí)慣減少用戶出錯(cuò)減少等待感

當(dāng)前22頁，總共50頁。交互細(xì)節(jié)案例介紹當(dāng)前23頁，總共50頁。案例一Tecent交互設(shè)計(jì)—Don'tmakemethink“返回”的位置和做法很重要：這是整個(gè)QQMail的交互的“樞紐”，如同圍棋中的“玉柱”，也定義了郵箱的交互風(fēng)格。幫用戶自動(dòng)選中：在輸入獨(dú)立密碼或加密folder輸入密碼時(shí)錯(cuò)誤后，應(yīng)該把輸入框內(nèi)的內(nèi)容select上，這樣就可以直接打入而不用清除了光標(biāo)定位：之前的點(diǎn)"回復(fù)"時(shí)光標(biāo)focus到正文的問題改好了,但卻沒有注意到點(diǎn)"轉(zhuǎn)發(fā)"時(shí)光標(biāo),反而應(yīng)是在"收件人"處而不是正文處,因?yàn)橐话憧傄顚戅D(zhuǎn)發(fā)人,而回復(fù)(包括回復(fù)全部)則是直接輸入內(nèi)容.當(dāng)前24頁，總共50頁。交互設(shè)計(jì)—符合用戶習(xí)慣與預(yù)期

先字母排序，再優(yōu)先顯示最近聯(lián)系人，減少鍵盤操作。當(dāng)前25頁，總共50頁。交互設(shè)計(jì)—符合用戶習(xí)慣與預(yù)期

兼容客戶端郵件菜單習(xí)慣在用TT或QQ/TM/RTX截屏后的圖,mail原來在寫信時(shí)用Ctrl-V可以貼出來，但右鍵則不能。不隨意去掉用戶正在使用的功能原來mail在做出了“HTML方式查看”后，去掉了“打開”功能符合用戶預(yù)期點(diǎn)擊其他地方，WEBQQ的浮動(dòng)窗口隱藏到固定位置當(dāng)前26頁，總共50頁。交互設(shè)計(jì)—適時(shí)的提醒

沒必要的提醒不需要出現(xiàn)而適時(shí)出現(xiàn)的提示或功能，用得好，不但不會(huì)騷擾用戶，還是對用戶的細(xì)致的關(guān)懷當(dāng)前27頁，總共50頁。交互設(shè)計(jì)—操作便利QQ魔法表情當(dāng)前28頁，總共50頁。交互設(shè)計(jì)—操作便利問卷星的設(shè)計(jì)頁面當(dāng)前29頁，總共50頁。視覺設(shè)計(jì)——制定規(guī)范，維持統(tǒng)一文字使用要規(guī)范，語法，大小，顏色，大小寫都需要注意能用一個(gè)詞表達(dá)的，不用一句話。能用一句話表達(dá)清楚的，不用兩句話每個(gè)概念都只有唯一一種表達(dá)。如”VIP”的概念能用一種字體顏色的，不多用一種顏色能用一種字體大小的，不多用一種大小當(dāng)前30頁，總共50頁。視覺設(shè)計(jì)—防止不恰當(dāng)?shù)牡妄g化在追求“簡單”的過程中，QQMail不知不覺的變得“中性”、“成熟”化。當(dāng)我們更加理性和嚴(yán)謹(jǐn)?shù)卦O(shè)計(jì)產(chǎn)品的時(shí)候，自然會(huì)遠(yuǎn)離“低齡”傾向。“成熟”源自合理的設(shè)計(jì)，“低齡”源自不合常理的設(shè)計(jì)。

不恰當(dāng)?shù)牡妄g化當(dāng)前31頁，總共50頁。交互設(shè)計(jì)—尋求最佳方案爭執(zhí)：騰訊QQ可以稱得上及時(shí)通訊的老大，以前往往看到的是騰訊的界面是多么的友好等等的贊美。但是一次偶爾的操作，發(fā)現(xiàn)騰訊的不完美，也可以說是很大的失敗。在QQ更改密碼的時(shí)候出現(xiàn)了要求在同一IP段才能修改，但是我想問下，現(xiàn)在也不是所有互聯(lián)網(wǎng)用戶都會(huì)用電信或者網(wǎng)通。其實(shí)有很大一部分是用的其他網(wǎng)絡(luò)提供商的寬帶接入。這樣也就導(dǎo)致了隨機(jī)IP段產(chǎn)生。那么請問他們怎么修改密碼？他這么做也不在呼就是為了防止盜號的行為，但是即使這樣樣不應(yīng)該犧牲用戶的易操作性。為了防止盜號的行為還有很多其他方法。個(gè)人覺得騰訊這樣做不是很好。希望大家發(fā)表一下自己的看法參考地址：當(dāng)前32頁，總共50頁。騰訊用戶體驗(yàn)室當(dāng)前33頁，總共50頁。騰訊用戶體驗(yàn)總結(jié)Don'tmakemethink符合用戶習(xí)慣與預(yù)期做適時(shí)的提醒不強(qiáng)迫用戶選擇最佳方案操作便利當(dāng)前34頁，總共50頁。案例二網(wǎng)易郵箱注冊初體驗(yàn)注冊一個(gè)新的網(wǎng)易郵箱，請分析該郵箱在交互方面做的比較好的點(diǎn)，并指出可以供我們借鑒的地方。并試著給自己發(fā)送幾個(gè)帶圖片的附件的郵件，感受其友好性。當(dāng)前35頁，總共50頁。網(wǎng)易體驗(yàn)當(dāng)前36頁，總共50頁。當(dāng)前37頁，總共50頁。Amazon—重點(diǎn)突出明確強(qiáng)調(diào)產(chǎn)品搜索和在線購買一旦建立了網(wǎng)站的產(chǎn)品搜索與網(wǎng)上購物等功能，用戶最有可能想利用這些特性的優(yōu)勢馬上開始搜索。當(dāng)前38頁，總共50頁。

動(dòng)態(tài)地定制用戶體驗(yàn)亞馬遜使用Cookie來記錄用戶登錄，而對用戶的購物習(xí)慣進(jìn)行跟蹤并存儲(chǔ)到服務(wù)器端。

它以事先進(jìn)行搜索，網(wǎng)頁瀏覽，愿望清單添加，評價(jià)填寫為基礎(chǔ)，并達(dá)到最終購買目的。

當(dāng)前39頁，總共50頁。相關(guān)產(chǎn)品顯示

當(dāng)前40頁，總共50頁。基于先前行為的推薦產(chǎn)品

只要瀏覽器的cookies保持不變,這種定制相同類型的內(nèi)容就會(huì)在隨后的訪問中一連串出現(xiàn)：

當(dāng)前41頁，總共50頁。各種”為什么我們購物”的提示

亞馬遜購物體驗(yàn)充斥著為何用戶應(yīng)該從亞馬遜購買的提醒,而不是充斥著從其他來源（在線或其他方式）的提醒。與市場零售價(jià)對比用戶早先被通知“免費(fèi)送貨”當(dāng)前42頁，總共50頁。逼真圖書的預(yù)覽和內(nèi)部查找功能當(dāng)前43頁，總共50頁?？啥ㄖ频臍v史推薦瀏覽所有產(chǎn)品的查看歷史記錄都可以修改?？匆豢聪旅娴膱D片。

當(dāng)前44頁，總共50頁。當(dāng)前45頁，總共50頁。方便的導(dǎo)航元素（1）（2）（5）（3）（4）當(dāng)前46頁，總共50頁。人性化的PayPhase輸入一句話輕松在線支付買家可以把姓名/地址/付款資料通用一個(gè)句子與密碼存儲(chǔ)起來。結(jié)賬時(shí)，你只需要輸入你自設(shè)的這個(gè)句子與密碼即可在線購物程序的簡化將會(huì)使得用戶更多地使用在線購物方式購買商品。據(jù)調(diào)查，在此之前有半數(shù)以上的網(wǎng)民已經(jīng)將商品放進(jìn)虛擬購物車，但到最后因?yàn)橹Ц哆^程過于繁瑣而放棄購物。當(dāng)前47