《用戶界面設(shè)計(jì)》PPT課件.ppt
第6章用戶界面設(shè)計(jì),1,內(nèi)容,6.1界面設(shè)計(jì)的基本原則 6.2設(shè)計(jì)良好界面的主要途徑 6.3用戶界面的分析與設(shè)計(jì)過(guò)程 6.4用戶界面分析 6.5用戶界面設(shè)計(jì) 6.6 用戶界面原型 6.7 界面設(shè)計(jì)的評(píng)估,設(shè)計(jì)人員須考慮的重要因素,人只有有限的短暫記憶能力 人都會(huì)犯錯(cuò),特別是在我們必須處理大量信息或承受壓力的情況下 人們都有不同程度的生理特征 人都有不同的交互喜好,基本原則,用戶熟悉程度 一致性 使驚訝最小化 可恢復(fù)性 用戶幫助 用戶多樣性,內(nèi)容,6.1界面設(shè)計(jì)的基本原則 6.2設(shè)計(jì)良好界面的主要途徑 6.3用戶界面的分析與設(shè)計(jì)過(guò)程 6.4用戶界面分析 6.5用戶界面設(shè)計(jì) 6.6 用戶界面原型 6.7 界面設(shè)計(jì)的評(píng)估,用戶界面設(shè)計(jì)的三條黃金準(zhǔn)則,(1)使系統(tǒng)處于用戶控制之中 (2)減少用戶記憶負(fù)擔(dān) (3)保持界面一致性,(1)使系統(tǒng)處于用戶控制之中,所定義的交互模式不會(huì)強(qiáng)迫用戶進(jìn)行不必要的動(dòng)作,用戶能夠很容易地進(jìn)入或退出交互模式。 提供靈活的交互方式。 允許打斷或撤銷用戶交互。 事先根據(jù)用戶的熟練程度來(lái)提高交互效率并且允許交互定制。 為不熟悉系統(tǒng)的用戶隱藏內(nèi)部技術(shù)細(xì)節(jié)。 與出現(xiàn)在屏幕上的對(duì)象直接交互。,(2)減少用戶記憶負(fù)擔(dān),減少短期記憶要求。 建立有意義的默認(rèn)設(shè)置。 定義符合直覺(jué)的快捷方式。 界面的視覺(jué)布局應(yīng)該依據(jù)真實(shí)世界的比喻。 以漸進(jìn)的方式來(lái)揭示信息。,(3)保持界面一致性,用戶能夠在有意義的上下文中進(jìn)行當(dāng)前的任務(wù)。 維護(hù)系列軟件的一致性。 如果之前的交互模型已經(jīng)能夠滿足用戶的期望,則不要隨意進(jìn)行修改,除非有強(qiáng)制性的理由。,內(nèi)容,6.1界面設(shè)計(jì)的基本原則 6.2設(shè)計(jì)良好界面的主要途徑 6.3用戶界面的分析與設(shè)計(jì)過(guò)程 6.4用戶界面分析 6.5用戶界面設(shè)計(jì) 6.6 用戶界面原型 6.7 界面設(shè)計(jì)的評(píng)估,(1)界面交互方式,直接操作 菜單選擇 表格填寫(xiě) 命令語(yǔ)言 自然語(yǔ)言,(2)界面分析和設(shè)計(jì)模型,在用戶界面的分析和設(shè)計(jì)過(guò)程中,有四種模型能夠起作用: 分析工程師(或軟件工程師)建立的用戶模型 系統(tǒng)用戶介紹 軟件工程師構(gòu)建的設(shè)計(jì)模型 終端用戶產(chǎn)生的用戶心智模型或系統(tǒng)感知模型 用戶對(duì)所使用系統(tǒng)的想象 系統(tǒng)實(shí)現(xiàn)人員創(chuàng)建的實(shí)現(xiàn)模型 實(shí)現(xiàn)模型結(jié)合了基于計(jì)算機(jī)系統(tǒng)外部顯示以 及描述系統(tǒng)語(yǔ)法和語(yǔ)義的信息。,(3)分析與設(shè)計(jì)過(guò)程,螺旋迭代過(guò)程,螺旋線每次經(jīng)過(guò)某個(gè)活動(dòng)表示需求的細(xì)化以及相應(yīng)的設(shè)計(jì)活動(dòng)。 界面分析重點(diǎn)考慮將與系統(tǒng)交互的用戶的信息。 界面設(shè)計(jì)的目標(biāo)是定義一組界面對(duì)象和動(dòng)作的集合以及它們的屏幕表示。 界面確認(rèn)注意三方面內(nèi)容。,內(nèi)容,6.1界面設(shè)計(jì)的基本原則 6.2設(shè)計(jì)良好界面的主要途徑 6.3用戶界面的分析與設(shè)計(jì)過(guò)程 6.4用戶界面分析 6.5用戶界面設(shè)計(jì) 6.6 用戶界面原型 6.7 界面設(shè)計(jì)的評(píng)估,(1)用戶分析,用戶信息獲取方式: 用戶會(huì)談 銷售人員信息采集 市場(chǎng)分析 用戶支持人員信息收集 用戶分析技術(shù): 任務(wù)分析 用戶采訪和問(wèn)卷調(diào)查 群體文化學(xué),(2)任務(wù)分析和建模,任務(wù)分析的目標(biāo)是回答下面這些問(wèn)題: 用戶在規(guī)定的情況下將進(jìn)行哪些工作 用戶工作時(shí)需要執(zhí)行哪些任務(wù) 用戶在工作時(shí)將需要操作問(wèn)題領(lǐng)域中哪些專門的對(duì)象 任務(wù)的順序以及層次結(jié)構(gòu) 為了回答這些問(wèn)題,軟件工程師可以使用需求分析和建模中的技術(shù): 用例 任務(wù)細(xì)化 對(duì)象細(xì)化 工作流分析 層次化表示,(3)內(nèi)容展示分析,展示信息包括: 文字報(bào)告 圖形圖像 或其它專門的信息 在顯示內(nèi)容分析這個(gè)步驟中,需要考慮界面顯示內(nèi)容的格式和美觀性。,(4)工作環(huán)境分析,對(duì)于某些應(yīng)用程序,計(jì)算機(jī)輔助系統(tǒng)的用戶界面被放置在利于用戶使用的環(huán)境中,但也可能存在一些不理想等情況,界面設(shè)計(jì)人員有可能受到這些因素的影響,從而減弱了軟件的易用性。 除了物理環(huán)境因素,工作地點(diǎn)的文化也可能對(duì)界面設(shè)計(jì)人員產(chǎn)生作用。,內(nèi)容,6.1界面設(shè)計(jì)的基本原則 6.2設(shè)計(jì)良好界面的主要途徑 6.3用戶界面的分析與設(shè)計(jì)過(guò)程 6.4用戶界面分析 6.5用戶界面設(shè)計(jì) 6.6 用戶界面原型 6.7 界面設(shè)計(jì)的評(píng)估,用戶界面設(shè)計(jì)步驟,(1)界面對(duì)象、動(dòng)作和布局的定義,界面設(shè)計(jì)中一個(gè)很重要的步驟是定義界面對(duì)象,然后定義在界面對(duì)象上使用的動(dòng)作。 對(duì)象和動(dòng)作被定義并被迭代精化后,就可以對(duì)它們進(jìn)行分類,指定目標(biāo)對(duì)象、源對(duì)象以及應(yīng)用對(duì)象。 當(dāng)設(shè)計(jì)人員認(rèn)為所有重要的對(duì)象和動(dòng)作都已經(jīng)定義,就可以開(kāi)始進(jìn)行屏幕布局。與其它界面設(shè)計(jì)活動(dòng)類似,屏幕布局也是一個(gè)迭代的過(guò)程,其中包括圖形設(shè)計(jì)和圖表的放置、描述性文字的定義、窗口的描述和標(biāo)題的命名,然后可以開(kāi)始定義主要的菜單項(xiàng)。,(2)界面設(shè)計(jì)需考慮的問(wèn)題,響應(yīng)時(shí)間 用戶幫助 錯(cuò)誤處理 用戶界面的友好性 國(guó)際化 命令標(biāo)記 ,內(nèi)容,6.1界面設(shè)計(jì)的基本原則 6.2設(shè)計(jì)良好界面的主要途徑 6.3用戶界面的分析與設(shè)計(jì)過(guò)程 6.4用戶界面分析 6.5用戶界面設(shè)計(jì) 6.6 用戶界面原型 6.7 界面設(shè)計(jì)的評(píng)估,原型構(gòu)建過(guò)程,在理想情況下,用戶界面原型的構(gòu)建過(guò)程包括兩個(gè)階段: 前期階段:構(gòu)建出紙上的原型,包括屏幕設(shè)計(jì)的實(shí)體模型,然后和用戶進(jìn)行商討。 后期階段:對(duì)設(shè)計(jì)進(jìn)行精化,并且開(kāi)發(fā)逐漸復(fù)雜的界面原型,然后把它們提供給用戶來(lái)進(jìn)行測(cè)試和動(dòng)作模擬。,原型構(gòu)建方式,腳本驅(qū)動(dòng)的方法 可視化的程序語(yǔ)言 基于因特網(wǎng)的原型,內(nèi)容,6.1界面設(shè)計(jì)的基本原則 6.2設(shè)計(jì)良好界面的主要途徑 6.3用戶界面的分析與設(shè)計(jì)過(guò)程 6.4用戶界面分析 6.5用戶界面設(shè)計(jì) 6.6 用戶界面原型 6.7 界面設(shè)計(jì)的評(píng)估,界面設(shè)計(jì)評(píng)估循環(huán)周期,基本過(guò)程,可用性屬性,界面評(píng)估是評(píng)價(jià)一個(gè)界面可用性以及檢查界面是否滿足用戶需求的過(guò)程,因此,它應(yīng)該是軟件系統(tǒng)正常的驗(yàn)證和確認(rèn)過(guò)程的一部分。理想情況下,評(píng)估需要根據(jù)可用性屬性的規(guī)約來(lái)開(kāi)展: 易學(xué)性 操作速度 健壯性 可恢復(fù)性 適應(yīng)性,其他評(píng)估方法,還有如下一些簡(jiǎn)單經(jīng)濟(jì)的用戶界面評(píng)估技術(shù),可以指出特定的用戶界面設(shè)計(jì)存在的不足: 調(diào)查表,可以用于收集用戶對(duì)于界面的看法; 觀察用戶在工作時(shí)使用系統(tǒng)的方式,并且總結(jié)出用戶如何使用系統(tǒng)來(lái)完成某些任務(wù); 典型系統(tǒng)應(yīng)用的視頻快照; 在界面中包含搜集最常用功能和錯(cuò)誤信息的代碼。,