用戶體驗與交互設(shè)計(課堂演示)修改

Interactiondesignanduserexperience

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

案例一Tecent交互設(shè)計—Don'tmakemethink“返回”的位置和做法很重要：這是整個QQMail的交互的“樞紐”，如同圍棋中的“玉柱”，也定義了郵箱的交互風格。幫用戶自動選中：在輸入獨立密碼或加密folder輸入密碼時錯誤后，應該把輸入框內(nèi)的內(nèi)容select上，這樣就可以直接打入而不用清除了光標定位：之前的點"回復"時光標focus到正文的問題改好了,但卻沒有注意到點"轉(zhuǎn)發(fā)"時光標,反而應是在"收件人"處而不是正文處,因為一般總要填寫轉(zhuǎn)發(fā)人,而回復(包括回復全部)則是直接輸入內(nèi)容.交互設(shè)計—符合用戶習慣與預期

先字母排序，再優(yōu)先顯示最近聯(lián)系人，減少鍵盤操作。交互設(shè)計—符合用戶習慣與預期

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

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

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

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