用戶體驗(yàn)與交互設(shè)計(jì)(課堂演示)修改

Interactiondesignanduserexperience

——用戶體驗(yàn)、交互設(shè)計(jì)及案例介紹小組成員:**********主要內(nèi)容用戶體驗(yàn)？交互設(shè)計(jì)？ＵＩ設(shè)計(jì)？用戶體驗(yàn)與交互設(shè)計(jì)基本原則介紹交互細(xì)節(jié)案例介紹（Tecent；ProjectGlass）總結(jié)幾張看似不相關(guān)的圖片幾個(gè)網(wǎng)站幾個(gè)圖標(biāo)概念區(qū)分用戶體驗(yàn)：UE用戶體驗(yàn)并不是指產(chǎn)品本身是如何工作的，而是指產(chǎn)品如何和外界聯(lián)系并發(fā)揮作用，也就是人們?nèi)绾巍敖佑|“或者“使用”它。Web中的用戶體驗(yàn)是指用戶在訪問(wèn)平臺(tái)的過(guò)程中的全部體驗(yàn)，它包括平臺(tái)是否有用，疑惑或者bug程度，功能是否易用、簡(jiǎn)約，界面設(shè)計(jì)和交互設(shè)計(jì)是否友好等方面。用戶體驗(yàn)的核心是UCD，即“以用戶為中心的設(shè)計(jì)”。UCD流程回顧歷史“AJAX之父”的JesseJamesGarrett早在2000年就提出了以用戶為中心的Web設(shè)計(jì)的流程和用戶體驗(yàn)的要素交互設(shè)計(jì)交互：用戶通過(guò)某種方式發(fā)出指令，且系統(tǒng)對(duì)此作出相應(yīng)的反應(yīng)交互設(shè)計(jì)是關(guān)于創(chuàng)建新的用戶體驗(yàn)的問(wèn)題，目的在于增強(qiáng)和擴(kuò)充人們的工作、通信及交互方式，使他們能夠更加有效地進(jìn)行日常工作和學(xué)習(xí)。UI設(shè)計(jì)UserInterfaceDesign用戶界面設(shè)計(jì)，在很大程度上就是在探討如何讓產(chǎn)品的界面更加具有可用性，如何讓用戶有更良好的體驗(yàn)。這是一種優(yōu)化后的界面，通過(guò)這種界面，用戶能更方面地完成任務(wù)，獲得良好的感覺。例如：一個(gè)按鈕的設(shè)計(jì)，美工設(shè)計(jì)考慮如何好看，而用戶界面設(shè)計(jì)師則考慮按鈕如何擺放，上面顯示什么文字，甚至到底要不要這個(gè)按鈕的問(wèn)題。UI設(shè)計(jì)基本概念交互設(shè)計(jì)設(shè)計(jì)軟件的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范等。用戶研究測(cè)試交互設(shè)計(jì)的合理性以及圖形設(shè)計(jì)的美觀性。界面設(shè)計(jì)即圖形設(shè)計(jì)，國(guó)內(nèi)目前大部分UI工作者都是從事這個(gè)行業(yè)。也有人稱之為美工，但實(shí)際上不是單純意義上的美術(shù)工人，而是軟件產(chǎn)品的產(chǎn)品外形設(shè)計(jì)師。交互設(shè)計(jì)一般過(guò)程前期調(diào)研交互設(shè)計(jì)一般過(guò)程交互設(shè)計(jì)一般過(guò)程消費(fèi)者模型交互設(shè)計(jì)一般過(guò)程信息提取交互設(shè)計(jì)一般過(guò)程需求點(diǎn)獲取需求點(diǎn)分析通過(guò)以上多個(gè)消費(fèi)者調(diào)查和訪談，我們得出了我們做金鷹手機(jī)APP的一些需求點(diǎn)，通過(guò)需求點(diǎn)，這是我們知道了用戶真正需要什么，我們可以為用戶帶來(lái)什么，希望做出真正符合用戶需求的頁(yè)面設(shè)計(jì)。流程圖流程圖流程圖流程圖原型設(shè)計(jì)原型輸出實(shí)現(xiàn)模型和心理模型兩者對(duì)比心理模型表現(xiàn)模型實(shí)現(xiàn)模型容易使用，體驗(yàn)良好記憶負(fù)擔(dān)，體驗(yàn)較差最好的技術(shù)是消失在生活當(dāng)中的技術(shù)

案例一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到正文的問(wèn)題改好了,但卻沒有注意到點(diǎn)"轉(zhuǎn)發(fā)"時(shí)光標(biāo),反而應(yīng)是在"收件人"處而不是正文處,因?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原來(lái)在寫信時(shí)用Ctrl-V可以貼出來(lái)，但右鍵則不能。不隨意去掉用戶正在使用的功能原來(lái)mail在做出了“HTML方式查看”后，去掉了“打開”功能符合用戶預(yù)期點(diǎn)擊其他地方，WEBQQ的浮動(dòng)窗口隱藏到固定位置交互設(shè)計(jì)—適時(shí)的提醒

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

不恰當(dāng)?shù)牡妄g化交互設(shè)計(jì)—尋求最佳方案爭(zhēng)執(zhí)：騰訊QQ可以稱得上及時(shí)通訊的老大，以前往往看到的是騰訊的界面是多么的友好等等的贊美。但是一次偶爾的操作，發(fā)現(xiàn)騰訊的不完美，也可以說(shuō)是很大的失敗。在QQ更改密碼的時(shí)候出現(xiàn)了要求在同一IP段才能修改，但是我想問(wèn)下，現(xiàn)在也不是所有互聯(lián)網(wǎng)用戶都會(huì)用電信或者網(wǎng)通。其實(shí)有很大一部分是用的其他網(wǎng)絡(luò)提供商的寬帶接入。這樣也就導(dǎo)致了隨機(jī)IP段產(chǎn)生。那么請(qǐng)問(wèn)他們?cè)趺葱薷拿艽a？他這么做也不在呼就是為了防止盜號(hào)的行為，但是即使這樣樣不應(yīng)該犧牲用戶的易操作性。為了防止盜號(hào)的行為還有很多其他方法。個(gè)人覺得騰訊這樣做不是很好。希望大家發(fā)表一下自己的看法參考地址：/thread-2913446-1-1.html減少用戶在使用軟件時(shí)出現(xiàn)錯(cuò)誤（一）讓用戶能有效地看出或者知道如何進(jìn)行正確操作減少用戶記憶的負(fù)擔(dān)；自然匹配和預(yù)設(shè)用途；盡可能采取一致性的設(shè)計(jì)采用限制級(jí)因素防止用戶出錯(cuò)減少用戶在使用軟件時(shí)出現(xiàn)錯(cuò)誤（一）利用某種方式提醒用戶可能出錯(cuò)如何設(shè)置出錯(cuò)信息不要只告訴用戶操作無(wú)法完成或者操作失敗不要僅僅給出出錯(cuò)代碼，還應(yīng)當(dāng)給出該錯(cuò)誤的含義不要在出錯(cuò)信息中使用用戶無(wú)法理解的術(shù)語(yǔ)錯(cuò)誤要盡可能明確錯(cuò)誤信息要有建設(shè)性，要讓用戶看出怎樣才是正確的不要給出誤導(dǎo)性的出錯(cuò)信息向用戶提出解決問(wèn)題的建議減少用戶的等待感RobertBmiller1968——Responsetimeinman-computerconversationaltransactions0.1秒鐘、1秒鐘、10秒鐘騰訊用戶體驗(yàn)室騰訊用戶體驗(yàn)總結(jié)Don'tmakemethink符合用戶習(xí)慣與預(yù)期做適時(shí)的提醒不強(qiáng)迫用戶選擇最佳方案操作便利案例二ProjectGlass谷歌眼鏡即ProjectGlass。谷歌眼鏡（GoogleProjectGlass）是由谷歌公司于2012年4月發(fā)布的一款“拓展現(xiàn)實(shí)”眼鏡，它具有和智能手機(jī)一樣的功能，可以通過(guò)聲音控制拍照、視頻通話和辨明方向，以及上網(wǎng)沖浪、處理文字信息和電子郵件等。組成結(jié)構(gòu)GoogleProjectGlass主要結(jié)構(gòu)包括，在眼鏡前方懸置的一臺(tái)攝像頭和一個(gè)位于鏡框右側(cè)的寬條狀的電腦處理器裝置，配備的攝像頭像素為500萬(wàn)，可拍攝720p視頻。鏡片上配備了一個(gè)頭戴式微型顯示屏，它可以將數(shù)據(jù)投射到用戶右眼上方的小屏幕上。顯示效果如同2.4米外的25英寸高清屏幕。功能特點(diǎn)GoogleProjectGlass是一款增強(qiáng)現(xiàn)實(shí)型穿戴式智能眼鏡。拓展現(xiàn)實(shí)眼鏡ProjectGlass[2]這款眼鏡將集智能手機(jī)、GPS、相機(jī)于一身，在用戶眼前展現(xiàn)實(shí)時(shí)信息，只要眨眨眼就能拍照上傳、收發(fā)短信、查詢天氣路況等操作。用戶無(wú)需動(dòng)手便可上網(wǎng)沖浪或者處理文字信息和電子郵件，同時(shí)，戴上這款“拓展現(xiàn)實(shí)”眼鏡，用戶可以用自己的聲音控制拍照、視頻通話和辨明方向。兼容性上，GoogleGlass可同任一款支持藍(lán)牙的智能手機(jī)同步。工作原理

ProjectGlass利用的是光學(xué)反射投影原理（HUD），即微型投影儀先是將光投到一塊反射屏上，而后通過(guò)一塊凸透鏡折射到人體眼球，實(shí)現(xiàn)所謂的“一級(jí)放大”，在人眼前形成一個(gè)足夠大的虛擬屏幕，可以顯示簡(jiǎn)單的文本信息和各種數(shù)據(jù)。ProjectGlass實(shí)際上就是微型投影儀+攝像頭+傳感器+存儲(chǔ)