人機(jī)交互第章

人機(jī)交互基礎(chǔ)教程第5章界面設(shè)計(jì)重點(diǎn)大學(xué)計(jì)算機(jī)專業(yè)系列教材界面設(shè)計(jì)原則理解用戶設(shè)計(jì)流程任務(wù)分析以用戶為中心的界面設(shè)計(jì)內(nèi)容摘要命令行界面可以看作是第一代人機(jī)界面，其中人被看成操作員，機(jī)器只做出被動(dòng)的反應(yīng)，人用手操作鍵盤，輸入數(shù)據(jù)和命令信息，通過視覺通道獲取信息，界面輸出只能為靜態(tài)的文本字符。圖形界面可看作是第二代人機(jī)界面，是基于圖形方式的人機(jī)界面。由于引入了圖標(biāo)、按鈕和滾動(dòng)條技術(shù)，大大減少了鍵盤輸入，提高了交互效率。多通道用戶界面則進(jìn)一步綜合采用視覺、語音、手勢(shì)等新的交互通道、設(shè)備和交互技術(shù)，使用戶利用多個(gè)通道以自然、并行、協(xié)作的方式進(jìn)行人機(jī)對(duì)話，通過整合來自多個(gè)通道的、精確的或不精確的輸入來捕捉用戶的交互意圖，提高人機(jī)交互的自然性和高效性。5.1界面設(shè)計(jì)原則桌面隱喻桌面隱喻是指在用戶界面中用人們熟悉的桌面上的圖例清楚地表示計(jì)算機(jī)可以處理的能力。所見即所得在WYSIWYG交互界面中，其所顯示的用戶交互行為與應(yīng)用程序最終產(chǎn)生的結(jié)果是一致的。直接操縱直接操縱是指可以把操作的對(duì)象、屬性、關(guān)系顯式地表示出來，用光筆、鼠標(biāo)、觸摸屏或數(shù)據(jù)手套等指點(diǎn)設(shè)備直接從屏幕上獲取形象化命令與數(shù)據(jù)的過程。圖形用戶界面的主要思想界面要具有一致性常用操作要有快捷方式提供必要的錯(cuò)誤處理功能提供信息反饋允許操作可逆設(shè)計(jì)良好的聯(lián)機(jī)幫助合理劃分并高效地使用顯示屏幕圖形用戶界面設(shè)計(jì)的一般原則用戶的含義簡單的說，用戶是使用某種產(chǎn)品的人，其包含兩層含義：1）用戶是人類的一部分；2）用戶是產(chǎn)品的使用者。產(chǎn)品的設(shè)計(jì)只有以用戶為中心，才能得到更多用戶的青睞。衡量一個(gè)以用戶為中心的設(shè)計(jì)的好壞，關(guān)鍵點(diǎn)是強(qiáng)調(diào)產(chǎn)品的最終使用者與產(chǎn)品之間的交互質(zhì)量，它包括三方面特性：產(chǎn)品在特定使用環(huán)境下為特定用戶用于特定用途時(shí)所具有的有效性（Effectiveness）、效率（Efficiency）和用戶主觀滿意度（Satisfaction）。延伸開來，還包括對(duì)特定用戶而言，產(chǎn)品的易學(xué)程度、對(duì)用戶的吸引程度、用戶在體驗(yàn)產(chǎn)品前后時(shí)的整體心理感受等。5.2理解用戶用戶體驗(yàn)（UserExperience，UX）通常是指用戶在使用產(chǎn)品或系統(tǒng)時(shí)的全面體驗(yàn)和滿意度。用戶體驗(yàn)主要有下列四個(gè)元素組成：品牌（Branding）使用性（Usability）功能性（Functionality）內(nèi)容（Content）用戶體驗(yàn)偶然型用戶：既沒有計(jì)算機(jī)應(yīng)用領(lǐng)域的專業(yè)知識(shí)，也缺少計(jì)算機(jī)系統(tǒng)基本知識(shí)的用戶。生疏型用戶：他們更常使用計(jì)算機(jī)系統(tǒng)，因而對(duì)計(jì)算機(jī)的性能及操作使用，已經(jīng)有一定程度的理解和經(jīng)驗(yàn)。但他們往往對(duì)新使用的計(jì)算機(jī)系統(tǒng)缺乏了解，不太熟悉，因此對(duì)新系統(tǒng)而言，他們?nèi)耘f是生疏用戶。熟練型用戶：這類用戶一般是專業(yè)技術(shù)人員，他們對(duì)需要計(jì)算機(jī)完成的工作任務(wù)有清楚地了解，對(duì)計(jì)算機(jī)系統(tǒng)也有相當(dāng)多的知識(shí)和經(jīng)驗(yàn)，并且能熟練地操作、使用。專家型用戶：對(duì)需要計(jì)算機(jī)完成的工作任務(wù)和計(jì)算機(jī)系統(tǒng)都很精通的，通常是計(jì)算機(jī)專業(yè)用戶，稱為專家型用戶。用戶分類計(jì)算機(jī)和領(lǐng)域經(jīng)驗(yàn)對(duì)易于學(xué)習(xí)和易于使用的影響用戶的觀察和分析情境訪談（ContextualInterviews）走進(jìn)用戶的現(xiàn)實(shí)環(huán)境，盡量了解你的用戶的工作方式、生活環(huán)境等情況。焦點(diǎn)小組（FocusGroups）組織一組用戶進(jìn)行討論，讓你更了解用戶的理解、想法、態(tài)度和需求。單獨(dú)訪談（IndividualInterviews）一對(duì)一的用戶討論，讓你了解某個(gè)用戶是如何工作，使你知道用戶的感受、想要什么及其經(jīng)歷等。5.3設(shè)計(jì)流程設(shè)計(jì)常用的素材分析方法是對(duì)象模型化，即將用戶分析的結(jié)果按照討論的對(duì)象進(jìn)行分類整理，并且以各種圖示的方法描述其屬性、行為和關(guān)系。對(duì)象抽象模型可以逐步轉(zhuǎn)化為不同具體程度的用戶視圖。比較抽象的視圖有利于進(jìn)行邏輯分析，稱為低真視圖（Low-fidelityPrototype）；比較具體的視圖更接近于人機(jī)界面的最終表達(dá)，稱為高真視圖（High-fidelityPrototype）。實(shí)施隨著產(chǎn)品進(jìn)入實(shí)施階段，設(shè)計(jì)師對(duì)高真設(shè)計(jì)原型進(jìn)行最后的調(diào)整，并且撰寫產(chǎn)品的設(shè)計(jì)風(fēng)格標(biāo)準(zhǔn)（StyleGuide），產(chǎn)品各個(gè)部分風(fēng)格的一致性由該標(biāo)準(zhǔn)保證。產(chǎn)品實(shí)施或投入市場后，面向用戶的設(shè)計(jì)并沒有結(jié)束，而是要進(jìn)一步的搜集用戶的評(píng)價(jià)和建議，以利于下一代產(chǎn)品的開發(fā)和研制。任務(wù)分析是交互設(shè)計(jì)至關(guān)重要的環(huán)節(jié)，在以用戶為中心的設(shè)計(jì)中，關(guān)心的是如何從用戶那里理解和獲取用戶的思維模式，進(jìn)行充分、直觀的表達(dá)，并用于交互設(shè)計(jì)。描述用戶行為的工具有很多，目前經(jīng)常提到的是通用標(biāo)識(shí)語言UML（UnifiedMarkupLanguage）。5.4任務(wù)分析UML2.0共有10種圖示，分別為組合結(jié)構(gòu)圖、用例圖、類圖、序列圖、對(duì)象圖、協(xié)作圖、狀態(tài)圖、活動(dòng)圖、組件圖和部署圖，它們分別用以表現(xiàn)不同的視圖。在任務(wù)分析中使用UML工具，可以清晰地表達(dá)一個(gè)交互任務(wù)諸多方面的內(nèi)容，包括交互中的使用行為、交互順序、協(xié)作關(guān)系、工序約束等等。使用行為分析就是要理解系統(tǒng)中每個(gè)參與者及其所需完成的任務(wù)，即分析系統(tǒng)所涉及的問題領(lǐng)域和系統(tǒng)運(yùn)行的主要任務(wù)，分析使用該系統(tǒng)主要功能部分的是哪些人，誰將需要該系統(tǒng)的支持以完成其工作。使用行為分析一般使用用例圖描述，它從參與者的角度出發(fā)來描述一個(gè)系統(tǒng)的功能，主要目的是幫助開發(fā)團(tuán)隊(duì)以一種可視化的方式理解系統(tǒng)的功能需求。5.4.1使用行為分析讀者鐮請(qǐng)求非服務(wù)它用例實(shí)例圖書駝管理械員處克理借采書、乘還書必的用執(zhí)例實(shí)例系統(tǒng)午管理肌員進(jìn)柜行系便統(tǒng)維演護(hù)的仿用實(shí)例每個(gè)虹使用妻行為蜓都是捧由若漁干步襪驟組糖成的到，這北些步演驟可輔以使碧用順織序圖透進(jìn)行留描述固。順序扶圖描裂述了滔完成民一個(gè)傲任務(wù)烤的典泛型步亡驟；戚它可里以按悉照交障互任替務(wù)發(fā)獄生的考時(shí)間盜順序爹，把渣用例廈表達(dá)廢的需究求轉(zhuǎn)碧化為雷進(jìn)一襪步、眨更加燥正式被層次陷的精腔細(xì)表罪達(dá)；行用例熱常常拍被細(xì)管化為拔一個(gè)蠶或更躍多的末順序匹圖。5.歌4.烏2順序鉤分析實(shí)例坦：讀者糠借書頑的時(shí)蛋序圖協(xié)作乏圖著朽重顯吩示了鄉(xiāng)豐某個(gè)第用戶定行為疤中各國個(gè)系栗統(tǒng)元唱素之清間的繁關(guān)系歪，而敲不再確重點(diǎn)躲強(qiáng)調(diào)脂各個(gè)具步驟歉的時(shí)批間順續(xù)序。5.觀4.戲3協(xié)作叔關(guān)系燥分析用戶概完成剪任務(wù)晝的步撓驟又其被稱丘為工甘序，老某些蘋工序澆之間斃的順占序是汽由一撐些邏菠輯關(guān)敬系的俊。工允序約繩束陳欄述是梨工序得分析品的最望直接歉的方俊法。本案壘例中劍可能逗存在宅如下拖工序艱約束午：系統(tǒng)別管理梁員必尤須先哄增加丸借閱迅者信肢息，犬讀者秋才能釀登陸備。系統(tǒng)港管理伯員必炊須先杰增加撓書籍牢信息踢，讀木者才視能查寬閱。讀者謊借閱嚇信息歸生成揪后，家圖書綁管理浙員圖涌書管令理員善才能余去書揭?guī)烊∶藭?。讀者哀必須渡先在時(shí)系統(tǒng)廊中辦椒理借始閱，組才能次取書磁。讀者棚必須專先借鵲書才拜能還閃書。5.誓4.皇4工序禁約束炎陳述當(dāng)所座有任方務(wù)分泰析完幫畢，瞎就可敘以用齒一覽哭表的只形式然描述償系統(tǒng)鄰中的晉所有專用戶廚及其吵可能眨需要計(jì)完成筆的所夏有任鑼務(wù)。5.重4.蠶5用戶館任務(wù)孤一覽揪表任務(wù)讀者圖書館管理員系統(tǒng)管理員書籍信息查詢、讀者信息查詢√√借書√√還書√√書籍預(yù)定√√增加、刪除或更新書目√增加、刪除書籍√增加、刪除或更新讀者帳戶信息√任務(wù)怖金字輪塔描慨述了色不同另層次服的任腹務(wù)之節(jié)間的嗽關(guān)系酷。任統(tǒng)何一席個(gè)任虜務(wù)都炕可能具包括綱若干來子任霸務(wù)，倒從而吩構(gòu)成淚金字副塔狀馳的結(jié)鎖構(gòu)。以讀止者查迎詢圖色書為穿例5.瀉4.勾6任務(wù)雖金字龍塔通過尿描述晶實(shí)際賭的任繞務(wù)場慶景可藥以非鎮(zhèn)常直稱觀的開進(jìn)行明任務(wù)昏描述稍，便默于與張用戶樓的交套流，終并可亂以幫卷助分伐析設(shè)我計(jì)者熱和真雕正用陳戶之著間對(duì)休任務(wù)釣的不青同理旨解。故事醫(yī)講述既（st絲式or住y曲te冠ll校in肯g）可番以是杠真實(shí)葬的案幕例，宇也可冷以是扶虛構(gòu)院的情柜節(jié)，殃甚至獨(dú)可以獲是對(duì)滴理想搞場景運(yùn)的虛內(nèi)構(gòu)，砍關(guān)鍵峰是使盈這些昌故事坡能夠奏典型望的反浮映交檢互任編務(wù)，惠具有跑充分吐的代摧表性姿。情節(jié)使分析娘（sc供en翻ar鵲io豬a文na匆ly濫si圈s）是嬸對(duì)故叛事所桐反映柜的交缸互任滲務(wù)的匯理性覽分析脈，分馳離出座故事增中所留描述熟的角俗色、費(fèi)目標(biāo)球、環(huán)侍境、緞步驟屯、策希略、奔感情古等諸耀方面噸的因挑素。5.習(xí)4.撿7故事飲講述弟和情鋤節(jié)分俊析Go議ul降d、Bo巾ie狂s和Le扶wi蠅s于19榮91年提污出了達(dá)以用扮戶為更中心員設(shè)計(jì)助的四舒?zhèn)€重炸要原我則。及早道以用宮戶為換中心南：設(shè)爪計(jì)人穩(wěn)員應(yīng)窯當(dāng)在扎設(shè)計(jì)硬過程政的早冤期就堂致力煙于了飽解用枝戶的辟需要魚。綜合起設(shè)計(jì)舉：設(shè)牲計(jì)的威所有飄方面毯應(yīng)當(dāng)買齊頭晝并進(jìn)粱發(fā)展還，而萄不是房誠順次束發(fā)展階，使建產(chǎn)品偶的內(nèi)鋸部設(shè)是計(jì)與逮用戶播界面套的需枕要始滅終保筒持一各致。及早陡并持砍續(xù)性餐地進(jìn)槍行測藝試：鑰當(dāng)前腹對(duì)軟亮件測匙試的弦唯一賭可行胃的方州法是潛根據(jù)振經(jīng)驗(yàn)東總結(jié)趣出的畢方法笛，即俱若實(shí)召際用瓶戶認(rèn)勇為設(shè)薯計(jì)是屠可行織的，鹽它就著是可刻行的心。通憲過在豈開發(fā)匪的全澤過程槽引入船可用漠性測綱試，爭可以霧使用阻戶有客機(jī)會(huì)六在產(chǎn)垂品推胡出之辯前就身設(shè)計(jì)壞提供憲反饋降意見逆。反復(fù)笛式設(shè)賤計(jì)：喂大問孟題往勇往會(huì)憶掩蓋嚇小問動(dòng)題的終存在釘。設(shè)郊計(jì)人渾員和慰開發(fā)尤人員庫應(yīng)當(dāng)障在整念個(gè)測觸試過壩程中早反復(fù)宅對(duì)設(shè)瞇計(jì)進(jìn)做行修眼改。5.冊(cè)5以用謀戶為航中心謹(jǐn)?shù)慕玑t(yī)面設(shè)管計(jì)以用浪戶為恥中心拜的設(shè)圍計(jì)方爺法有乘很多代種，羞包括圖形眠用戶抖界面咐設(shè)計(jì)較與評(píng)正估（Gr惰ap抖hi帆ca筒l香Us盤er才I冊(cè)nt累er金fa懶ce繡D暴es斤ig羞n浩an雙d衡Ev籌al趕ua兔ti豬on，GU豆ID記E）以用蹤蝶戶為吼中心融的邏余輯交申互設(shè)灣計(jì)（Lo悲gi甜ca削l庫Us央er洲-C森en久tr虎ed呼I趁nt贈(zèng)er滿ac槳ti返on使D遼es若ig曠n，LU慈CI城D）用于宿交互紹優(yōu)化汪的結(jié)墳構(gòu)化僅用戶車界面藥設(shè)計(jì)剃（St腸ru驅(qū)ct校ur袍ed結(jié)U劉se請(qǐng)r-組In戶te既rf鹿ac麻e憂De者si貓gn籮f驗(yàn)or郊I跌nt南er凈ac撐ti掙on耍O音pt激im喚is待at呀io采n，ST嚴(yán)UD芒IO）以使逐用為份中心身的設(shè)耽計(jì)（Us倘ag劣e-使Ce鍵nt趟er險(xiǎn)ed辜D辱es瘡ig拘n）OV概ID設(shè)計(jì)對(duì)象禁建模纏分析機(jī)是將謊系統(tǒng)脈和用莖戶任殃務(wù)分匹析的束結(jié)果嚴(yán)轉(zhuǎn)化語為用出戶界勇面設(shè)匠計(jì)的慮第一屠步；犧建模敬是將嚴(yán)系統(tǒng)覽任務(wù)思的某蛛些概寸念及劍其關(guān)檔系用彩圖的拒方式溉直觀寬綜合完地表幻玉達(dá)出孫來；奮分析見則是施將系答統(tǒng)的檢對(duì)象搏抽象研為類濁，列已出對(duì)共象或已類的匠屬性序、行窗為、戀以及演對(duì)象呈間的蜘關(guān)系梁。5.毛5.郊1對(duì)象章建模冷分析視圖啟抽象請(qǐng)?jiān)O(shè)計(jì)磨通過翠組合夾概念睡模型晝中的拿對(duì)象銜和對(duì)央象操尚作，米提供督系統(tǒng)難運(yùn)行嗚的方繁法和絡(luò)方式昌，為掃具體冤的設(shè)繁計(jì)提導(dǎo)供指晶導(dǎo)，民并要沖為系根統(tǒng)的歇不同榴實(shí)施歌方案喚提供構(gòu)靈活振的界絕面選夾擇。在線暈機(jī)票咸訂購戒例子格中完耗成上乎述交谷互的置視圖途可能匆包括度：用芽戶查丈詢航濫班視窗圖，軌航班奇信息維列表墳視圖羞，用痰戶選薦中的感某個(gè)轟具體妥航班族的信礦息視僑圖，去訂購吹信息尼填寫嚴(yán)視圖狀，支榨付視返圖，注交易繪成功膝反饋經(jīng)和出舉票視赴圖等連。5.鐵5.硬2視圖撕抽象干設(shè)計(jì)針對(duì)糠特定櫻的操伴作系園統(tǒng)或貴交互悔方式窄，對(duì)胡抽象施的視倒圖設(shè)跟計(jì)做貓進(jìn)一停步的遙具體流設(shè)計(jì)勞，產(chǎn)桃生視蝦圖的姑概要如設(shè)計(jì)掏。實(shí)篩際設(shè)滴計(jì)中缺，這京些視連圖通銅常是信用鉛士筆畫完在紙鄭上，葉這樣仗做速蔬度快踐，而柴且修血改起俘來也卻比較傳方便塑。5.狡5.燭3概要垂設(shè)計(jì)查詢條件航班號(hào)起飛城市到達(dá)城市起飛時(shí)間到達(dá)時(shí)間全票票價(jià)剩余票額CA1100濟(jì)南北京17：3519：1050020……………………………………訂票操作員B保存操作員B打印操作員B上一頁操作員B下一頁操作員B新查詢操作員B結(jié)果中查詢操作員B任何藥一個(gè)讓人機(jī)牽交互說系統(tǒng)傭的界輩面都攝可能充包括窯若干嘉狀態(tài)摧，用暫戶在背不同昨界面姨狀態(tài)珍下根余據(jù)自書己完珠成任葉務(wù)需如要進(jìn)享行不判同的習(xí)操作墻；很懼多交靈互任位務(wù)需塑要從落一個(gè)艘狀態(tài)誼轉(zhuǎn)化朗為另割一個(gè)再狀態(tài)沫，這燈就要城考慮增用戶翠完成斜任務(wù)夕所需泳的信虎息和南功能螺，并戰(zhàn)將不柴同交植互視做圖之視間的墓聯(lián)系科和狀麗態(tài)轉(zhuǎn)桃換關(guān)允系整舒理清挖楚。5.蝕5.專4視圖末的關(guān)擋聯(lián)設(shè)帶計(jì)確定燙各個(gè)元視圖艙的具魯體內(nèi)絕容和同大致仰布局削，并鏡在每巧個(gè)視醋圖上捕明確平體現(xiàn)虛與其害他視熔圖的首關(guān)系羅，保煉證系燭統(tǒng)的棵整體碼性和返和諧兔性