資源描述:
《用戶體驗(yàn)與交互設(shè)計(jì)及案例介紹》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、BetterUserExperienceColourfulFuture——用戶體驗(yàn)、交互設(shè)計(jì)及案例介紹王志軍2010/10/23幾張看似不相關(guān)的圖片幾個(gè)網(wǎng)站主要內(nèi)容用戶體驗(yàn)?交互設(shè)計(jì)?UI設(shè)計(jì)?實(shí)現(xiàn)模型和心理模型用戶體驗(yàn)與交互設(shè)計(jì)基本原則介紹交互細(xì)節(jié)案例介紹小任務(wù)交互設(shè)計(jì)所需要技能概念區(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程度,功能是否易用、簡(jiǎn)約,界面設(shè)計(jì)和交互設(shè)計(jì)是否友好等方面。用戶體驗(yàn)的核心是U
2、CD,即“以用戶為中心的設(shè)計(jì)”?!癆JAX之父”的JesseJamesGarrett早在2000年就提出了以用戶為中心的Web設(shè)計(jì)的流程和用戶體驗(yàn)的要素交互設(shè)計(jì)交互:用戶通過某種方式發(fā)出指令,且系統(tǒng)對(duì)此作出相應(yīng)的反應(yīng)交互設(shè)計(jì)是關(guān)于創(chuàng)建新的用戶體驗(yàn)的問題,目的在于增強(qiáng)和擴(kuò)充人們的工作、通信及交互方式,使他們能夠更加有效地進(jìn)行日常工作和學(xué)習(xí)。UI設(shè)計(jì)UserInterfaceDesign用戶界面設(shè)計(jì),在很大程度上就是在探討如何讓產(chǎn)品的界面更加具有可用性,如何讓用戶有更良好的體驗(yàn)。這是一種優(yōu)化后的界面,通過這種界面,用戶能更方面地完成任務(wù),獲得良好的感覺。例如:一個(gè)按鈕的設(shè)計(jì),美工設(shè)
3、計(jì)考慮如何好看,而用戶界面設(shè)計(jì)師則考慮按鈕如何擺放,上面顯示什么文字,甚至到底要不要這個(gè)按鈕的問題。軟件設(shè)計(jì),UI設(shè)計(jì),交互設(shè)計(jì)《軟件設(shè)計(jì)的藝術(shù)》TerryWinograd(2004年度的ACM人機(jī)交互院士)開發(fā)軟件建房子土木工程師裝修設(shè)計(jì)師建筑設(shè)計(jì)師軟件設(shè)計(jì)UI設(shè)計(jì)交互設(shè)計(jì)實(shí)現(xiàn)模型和心理模型心理模型表現(xiàn)模型實(shí)現(xiàn)模型容易使用,體驗(yàn)良好記憶負(fù)擔(dān),體驗(yàn)較差最好的技術(shù)是消失在生活當(dāng)中的技術(shù)幾個(gè)通用的原則就進(jìn)設(shè)計(jì)原則對(duì)功能進(jìn)行恰當(dāng)?shù)姆诸惡徒M織幫助用戶探索和嘗試允許用戶犯錯(cuò)誤讓用戶可以撤銷動(dòng)作在執(zhí)行具體的破壞性操作中要求用戶確認(rèn)。提供實(shí)用的幫助設(shè)計(jì)幫助系統(tǒng)入門和學(xué)習(xí)部分使用指南參考手冊(cè)疑
4、難解答術(shù)語解釋語言表達(dá):采用具體的例子,幫助用戶理解表達(dá)方式:按照使用流程來。設(shè)計(jì)一個(gè)優(yōu)秀的向?qū)浇缑鎺椭脩舾咝У赝瓿刹僮髦С峙幚聿僮鳎╣oogle的picasa圖像處理軟件)提高常用操作的效率4A中的作業(yè)模塊布置手工作業(yè)流程使界面符合用戶的使用習(xí)慣被動(dòng)調(diào)整策略:例如功能定制,界面定制主動(dòng)自適應(yīng)調(diào)整策略:例如sogou拼音輸入法根據(jù)其他用戶的使用行為來主動(dòng)進(jìn)行自適應(yīng)調(diào)整購物網(wǎng)中,購買這本書的用戶還購買了以下書,在《長(zhǎng)尾理論》中安德森叫過濾器法則,它是長(zhǎng)尾現(xiàn)象形成的一個(gè)因素介于主動(dòng)自適應(yīng)和被動(dòng)調(diào)整之間的混合策略減少用戶在使用軟件時(shí)出現(xiàn)錯(cuò)誤(一)讓用戶能有效地看出或者知道如何進(jìn)
5、行正確操作減少用戶記憶的負(fù)擔(dān);自然匹配和預(yù)設(shè)用途;盡可能采取一致性的設(shè)計(jì)采用限制級(jí)因素防止用戶出錯(cuò)減少用戶在使用軟件時(shí)出現(xiàn)錯(cuò)誤(一)利用某種方式提醒用戶可能出錯(cuò)如何設(shè)置出錯(cuò)信息不要只告訴用戶操作無法完成或者操作失敗不要僅僅給出出錯(cuò)代碼,還應(yīng)當(dāng)給出該錯(cuò)誤的含義不要在出錯(cuò)信息中使用用戶無法理解的術(shù)語錯(cuò)誤要盡可能明確錯(cuò)誤信息要有建設(shè)性,要讓用戶看出怎樣才是正確的不要給出誤導(dǎo)性的出錯(cuò)信息向用戶提出解決問題的建議減少用戶的等待感RobertBmiller1968——Responsetimeinman-computerconversationaltransactions0.1秒鐘、1秒鐘、
6、10秒鐘總結(jié)就進(jìn)設(shè)計(jì)原則對(duì)功能進(jìn)行組織和分類幫助用戶探索和嘗試允許用戶犯錯(cuò)提供實(shí)用的幫助設(shè)計(jì)一個(gè)優(yōu)秀的向?qū)Ы缑媸菇缑娣嫌脩舻氖褂昧?xí)慣減少用戶出錯(cuò)減少等待感交互細(xì)節(jié)案例介紹案例一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)是在"收
7、件人"處而不是正文處,因?yàn)橐话憧傄顚戅D(zhuǎn)發(fā)人,而回復(fù)(包括回復(fù)全部)則是直接輸入內(nèi)容.交互設(shè)計(jì)—符合用戶習(xí)慣與預(yù)期先字母排序,再優(yōu)先顯示最近聯(lián)系人,減少鍵盤操作。交互設(shè)計(jì)—符合用戶習(xí)慣與預(yù)期兼容客戶端郵件菜單習(xí)慣在用TT或QQ/TM/RTX截屏后的圖,mail原來在寫信時(shí)用Ctrl-V可以貼出來,但右鍵則不能。不隨意去掉用戶正在使用的功能原來mail在做出了“HTML方式查看”后,去掉了“打開”功能符合用戶預(yù)期點(diǎn)擊其他地方,WEBQQ的浮動(dòng)窗口隱藏到固定位置交互設(shè)計(jì)—適時(shí)的提醒沒必要的提醒不