人機(jī)交互課后題答案.doc

上傳人:小** 文檔編號(hào):13266057 上傳時(shí)間:2020-06-11 格式:DOC 頁(yè)數(shù):23 大?。?58.51KB
收藏 版權(quán)申訴 舉報(bào) 下載
人機(jī)交互課后題答案.doc_第1頁(yè)
第1頁(yè) / 共23頁(yè)
人機(jī)交互課后題答案.doc_第2頁(yè)
第2頁(yè) / 共23頁(yè)
人機(jī)交互課后題答案.doc_第3頁(yè)
第3頁(yè) / 共23頁(yè)

下載文檔到電腦,查找使用更方便

5 積分

下載資源

還剩頁(yè)未讀,繼續(xù)閱讀

資源描述:

《人機(jī)交互課后題答案.doc》由會(huì)員分享,可在線閱讀,更多相關(guān)《人機(jī)交互課后題答案.doc(23頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、人機(jī)交互課后題答案(高性能五樓版權(quán)所有) 第二章 1. 用戶需要什么樣的界面? 根據(jù)用戶的不同,用戶需要的界面也不同。一般來(lái)說(shuō),界面的功能要滿足用戶對(duì)服務(wù)的需求,同時(shí)盡量使用戶的操作變得舒適、簡(jiǎn)單、自由,好的用戶界面設(shè)計(jì)還要有個(gè)性有品位。 在人機(jī)交互中我們所說(shuō)的界面。從心理學(xué)意義來(lái)分,界面可分為感覺(視覺、觸覺、聽覺等)和情感兩個(gè)層次。用戶界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。界面設(shè)計(jì)是一個(gè)復(fù)雜的有不同學(xué)科參與的工程,認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語(yǔ)言學(xué)等在此都扮演著重要的角色。用戶界面設(shè)計(jì)的三大原則是:置界面于用戶的控制之下;減少用戶的記憶負(fù)擔(dān);保持界面的一致性。 簡(jiǎn)單來(lái)說(shuō)針對(duì)用戶的界面設(shè)計(jì)需

2、要考慮界面的映射,語(yǔ)意和聯(lián)想距離,功效等要素。這些要素在不同的交互方式中有不同的特點(diǎn)。交互方式主要分為命令行、基于菜單的界面、填表界面、問答界面、直接操縱界面、隱喻、導(dǎo)航、三維環(huán)境、可伸縮的界面、自然語(yǔ)言界面等。 針對(duì)用戶的區(qū)別,設(shè)計(jì)過(guò)程中要選擇不同的交互方式。例如,如果一個(gè)用戶在操作過(guò)程中有大量重復(fù)的命令,而且用戶的專業(yè)水平比較高,需要直接的存儲(chǔ)系統(tǒng)的功能,還有較少的視覺復(fù)雜性和占用系統(tǒng)內(nèi)存少的要求。針對(duì)這些需求,在設(shè)計(jì)過(guò)程中可以考慮命令行這種交互風(fēng)格。但是對(duì)于初學(xué)者就最好不要這樣設(shè)計(jì)。 總的來(lái)說(shuō),用戶需要的界面要滿足用戶的認(rèn)知模型,實(shí)現(xiàn)用戶對(duì)功效的要求,語(yǔ)意距離與聯(lián)想距離要符合用戶的認(rèn)

3、知能力。 2. 交互范式和交互界面之間的聯(lián)系? 交互范式是人機(jī)交互的模型或模式,涵蓋人機(jī)交互的所有方面,包括物理的,虛擬的,感知的和認(rèn)知的方面。 交互范式主要包括:大規(guī)模計(jì)算,個(gè)人計(jì)算,網(wǎng)絡(luò)計(jì)算,移動(dòng)計(jì)算,協(xié)同環(huán)境,虛擬現(xiàn)實(shí),增強(qiáng)現(xiàn)實(shí)等。 交互界面是指用戶可見的部分,用戶通過(guò)交互界面與系統(tǒng)交流并進(jìn)行操作。交互界面體現(xiàn)著交互風(fēng)格。界面類型和它意味著的交互方式。交互界面包括命令行、圖形用戶界面、或者語(yǔ)音界面等。 由于不同的交互范式有著不同的物理的、虛擬的、感知的、和認(rèn)知的特點(diǎn),從而導(dǎo)致不同的交互范式有著不同的交互界面。例如,虛擬現(xiàn)實(shí)的交互范式中,如果支持語(yǔ)音功能,可以采用自然語(yǔ)言交互界面

4、,而最好不要采用命令行界面。 總之,交互界面的設(shè)計(jì)要基于就是在交互范式的物理的、虛擬的等特點(diǎn)。交互界面的好壞,取決于交互界面能否徹底實(shí)現(xiàn)交互范式所提供的功能及特點(diǎn)。 3.應(yīng)用和界面之間的聯(lián)系(此題類似以上兩題。) 界面的設(shè)計(jì)根據(jù)不同的應(yīng)用需要,而應(yīng)用又檢測(cè)和反應(yīng)了界面設(shè)計(jì)的好壞。不同的交互設(shè)計(jì)風(fēng)格都有其特定的應(yīng)用,例如,如果需要較高效的效率和強(qiáng)大的功能可以在設(shè)計(jì)過(guò)程中選擇命令行界面。 應(yīng)用一般對(duì)應(yīng)得某種或某些用戶需求,而界面是應(yīng)用實(shí)現(xiàn)對(duì)用戶的可見內(nèi)容,用戶通過(guò)對(duì)界面的操作實(shí)現(xiàn)自己的需求,也即用戶通過(guò)界面實(shí)現(xiàn)應(yīng)用。一個(gè)應(yīng)用可能通過(guò)一個(gè)或多個(gè)界面呈現(xiàn)給用戶。有時(shí)也可在一個(gè)界面上實(shí)現(xiàn)多個(gè)應(yīng)用

5、。 界面是應(yīng)用的外部表現(xiàn),同一個(gè)應(yīng)用可以通過(guò)不同的界面展現(xiàn)給用戶。應(yīng)用主要是用戶需求的內(nèi)部實(shí)現(xiàn),用戶通過(guò)界面調(diào)用某個(gè)或某些應(yīng)用來(lái)實(shí)現(xiàn)自己的需求。界面可以通過(guò)用戶習(xí)慣設(shè)計(jì)成多種模式,也即一個(gè)應(yīng)用對(duì)應(yīng)多種界面。 界面需要通過(guò)應(yīng)用來(lái)實(shí)現(xiàn)自己所展示的功能,應(yīng)用需要界面來(lái)將自己的功能展現(xiàn)給用戶。 4.Iphone 界面風(fēng)格 iPhone平臺(tái)有三類型的應(yīng)用:   ● 效率型應(yīng)用(Productivity Applications) ● 實(shí)用工具(Utility Applications)   ● 沉浸型應(yīng)用(Immersive Applications)   每一種都有各自不

6、同的特點(diǎn)和應(yīng)用場(chǎng)合。設(shè)計(jì)之前如果能夠清楚產(chǎn)品的目標(biāo)和特點(diǎn),選擇合適的應(yīng)用類型可以更好地迎對(duì)。 iPhone 提供的UI組件從大到小,大致可列舉如下 ● 導(dǎo)航條,標(biāo)簽條,工具條和狀態(tài)條 ● 彈出對(duì)話框、操作面板和模式視圖 ● 表格視圖(Table Views), 文本視圖(Text Views), web視圖(Web Views) ● 應(yīng)用程序控件(如文本框、分頁(yè)顯示器、輪轉(zhuǎn)選擇器、進(jìn)度條、更多按鈕等) Iphone界面特點(diǎn):使用隱喻為界面視覺提示和功能建立了直觀的邏輯聯(lián)系。內(nèi)容一目了然,即看即點(diǎn),使得界面簡(jiǎn)潔明了。充分考慮屏幕上下可視性。為用戶提供指尖大小的點(diǎn)擊區(qū)域,讓用戶更快更容

7、易點(diǎn)擊??紤]橫豎屏方向變化。在用戶進(jìn)行操作時(shí)給予合理的反饋,并實(shí)現(xiàn)了程序啟動(dòng)間的平滑過(guò)渡。為應(yīng)用程序設(shè)計(jì)圖標(biāo),使得用戶在固定界面中可以看到盡可能多的內(nèi)容而用不會(huì)顯得太過(guò)擁擠。 Iphone的界面設(shè)計(jì)充分考慮了用戶需求,使得他的設(shè)計(jì)盡可能的滿足了用戶所需求的功效。容易理解,可以較好的滿足用戶需求。 5.創(chuàng)新的界面風(fēng)格 傳統(tǒng)的交互界面一般有:命令行 基于菜單的界面 填表界面 問答界面 直接操縱界面 隱喻 導(dǎo)航 三維環(huán)境 可伸縮的界面 自然語(yǔ)言界面 不同的用戶習(xí)慣不同的界面,對(duì)于一些專業(yè)人員來(lái)說(shuō),可能更習(xí)慣于命令行,而對(duì)于普通用戶他們可能更適合于那種低記憶要求容易理解的界面。 界面設(shè)計(jì)者

8、必須確定用戶當(dāng)前需要的功效與用戶的期望之間不存在矛盾。根據(jù)用戶的需求進(jìn)行不同設(shè)計(jì)。 例如:網(wǎng)站為了讓訪問者瀏覽和操控更大量的信息,可以做一種滑塊篩選界面,用戶界面采用了點(diǎn)擊-拖拽的滑塊,這樣用戶可以擴(kuò)大和縮小搜索的篩選標(biāo)準(zhǔn)。用戶通過(guò)滑動(dòng)來(lái)變更用戶選擇的標(biāo)準(zhǔn)時(shí),該頁(yè)面可以自動(dòng)的更新搜索結(jié)果。 總之,對(duì)于界面的設(shè)計(jì),一定要確保用戶當(dāng)前的需求的功效。 第四章 1. 請(qǐng)?jiān)O(shè)計(jì)一個(gè)詳細(xì)的需求設(shè)計(jì)方案,以獲得一個(gè)虛擬計(jì)算機(jī)技術(shù)科普教育展示系統(tǒng)的需求分析(主要是交互設(shè)計(jì)的部分) 需求設(shè)計(jì)方案: 1.調(diào)查工作領(lǐng)域 a.明確使用科普教育展示系統(tǒng)的人群 b.明確管理系統(tǒng)的人群 c.明確系統(tǒng)的

9、投資者 2.收集相關(guān)的信息 采用啟發(fā)式的方法收集信息: a.直接訪談:和系統(tǒng)管理人員進(jìn)行溝通,明確系統(tǒng)具體的功能和想要達(dá)到的效果。 b.問卷調(diào)查:制作一份問卷向可能會(huì)使用該系統(tǒng)的用戶調(diào)查,獲取用戶的想法。 c.專題小組討論,結(jié)合收集到的信息討論形成最后的方案。 3.描述 a.任務(wù)分析:利用層次任務(wù)分析的方法從說(shuō)明的目標(biāo)開始,增加為了達(dá)到目標(biāo)的任務(wù)或子目標(biāo)。 b.故事板:使用一系列的圖片用于描述特殊的過(guò)程和工作流程 c.用例圖: 登陸 瀏覽內(nèi)容 維護(hù)內(nèi)容 d.主要利益相關(guān)的檔案 獲取用戶的使用的上下文、認(rèn)知能力、身體能力和個(gè)體描述。 4.

10、文檔化 根據(jù)收集的信息和描述完成需求文檔和項(xiàng)目管理文檔。 2.在需求發(fā)現(xiàn)中,交互設(shè)計(jì)需求和業(yè)務(wù)需求的方法以及過(guò)程有什么不同,各自的關(guān)注的問題是什么。 業(yè)務(wù)需求反映了組織機(jī)構(gòu)或客戶對(duì)系統(tǒng)、產(chǎn)品高層次的目標(biāo)要求,用來(lái)確定業(yè)務(wù)目標(biāo),通過(guò)分析阻礙目標(biāo)實(shí)現(xiàn)的負(fù)面因素,找出核心問題以及解決核心問題的方法。 業(yè)務(wù)需求的方法和過(guò)程是:明確企業(yè)業(yè)務(wù)的根本目標(biāo)、分解目標(biāo)、明確阻礙目標(biāo)的實(shí)現(xiàn)的負(fù)面因素、明確造成這些負(fù)面因素的核心原因、尋找消除核心原因(問題)的方法。 交互設(shè)計(jì)需求中,我們需要描述工作中不同的目標(biāo)、逐步記錄工作、創(chuàng)建如何完成工作中不同方面的不同的情節(jié)、創(chuàng)建工作流的圖解和圖標(biāo)、通過(guò)圖解和圖標(biāo),

11、跟蹤被不同的人識(shí)別的不同的情節(jié)。首先需要調(diào)查工作領(lǐng)域,利用5W+H啟發(fā)提供對(duì)數(shù)據(jù)收集活動(dòng)的關(guān)注。我們可以用觀察和啟發(fā)式的方法收集工作者的相關(guān)信息。觀察包括直接和間接兩種方式,啟發(fā)式包括訪談、專題小組和問卷調(diào)查的形式。收集信息結(jié)束后,我們可以采用任務(wù)分析、故事板、用例或主要相關(guān)者檔案的方法去描述。任務(wù)分析來(lái)說(shuō)明人們處理任務(wù)的方法,通過(guò)任務(wù)分解和層次任務(wù)分析來(lái)完成。故事板使用一系列的圖片用于描述特殊的過(guò)程和工作流程。用例是一種結(jié)束工作流程和處理過(guò)程的形式化,結(jié)構(gòu)化的方法。主要相關(guān)者檔案包括使用的上下文、認(rèn)知能力、身體能力和個(gè)體描述。最后需要用文檔的方式來(lái)陳述業(yè)務(wù)需求,包括需求文檔和項(xiàng)目管理文檔。

12、 交互設(shè)計(jì)需求主要關(guān)注的是系統(tǒng)和用戶的交互,如何讓用戶更便捷的輸入并返回讓用戶滿意的輸出。業(yè)務(wù)需求主要關(guān)注的是系統(tǒng)如何正確髙效的完成業(yè)務(wù)功能,解決客戶的問題,進(jìn)而提高企業(yè)的生產(chǎn)力。 第五章 1. 討論在設(shè)計(jì)階段盡早的開始評(píng)估過(guò)程的某些益處 1) 交互設(shè)計(jì)是一個(gè)迭代過(guò)程,通過(guò)交互設(shè)計(jì)評(píng)估,及早進(jìn)行評(píng)估有助于避免一些正式可用性測(cè)試中會(huì)出現(xiàn)的問題,有助于為項(xiàng)目開發(fā)節(jié)省金錢和時(shí)間。 2) 通過(guò)評(píng)估,也可發(fā)現(xiàn)交互設(shè)計(jì)中可行、友善、合理或優(yōu)秀的地方,從而為后續(xù)產(chǎn)品的交互設(shè)計(jì)提供借鑒。 3) 評(píng)估者通過(guò)文檔或在團(tuán)隊(duì)會(huì)議上向設(shè)計(jì)團(tuán)隊(duì)提出建議,這些建議會(huì)在后面的設(shè)計(jì)中被采納,從而一定程度上是一次相互學(xué)

13、習(xí)的過(guò)程,進(jìn)而可以提高設(shè)計(jì)者的能力,使得交互設(shè)計(jì)更加的完善。 2. 請(qǐng)給出圖形設(shè)計(jì)的交互設(shè)計(jì)的卡片組織和語(yǔ)義網(wǎng)路 一個(gè)圖形設(shè)計(jì)的交互可能包含這樣一些東東(從一個(gè)500元的二位圖形軟件中總結(jié)的,應(yīng)該是最基本的功能,可以結(jié)合課件中的例子看一看,答案不是很完善,因?yàn)槲乙膊粫?huì)): 圖形的繪制:繪制點(diǎn)、直線、圓(橢圓)、圓弧、多邊形、曲線 圖形的屬性編輯:對(duì)線型、線寬、顏色、曲線參數(shù)和填充圖案等進(jìn)行設(shè)置 對(duì)繪制好的圖形的編輯:封閉區(qū)域的填充,裁剪,伸縮,移動(dòng),刪除 文字的編輯:字體,顏色,大小 客片分類法介紹: 定義 卡片分類法是用來(lái)對(duì)信息塊進(jìn)行分類的一種技術(shù),從而可以創(chuàng)建一種結(jié)構(gòu)以最

14、大限度地滿足用戶查找信息塊的可能性。它通常用于定義網(wǎng)站的結(jié)構(gòu)。 適用階段 卡片分類法可以用于設(shè)計(jì)的任何階段。 如在網(wǎng)站最初設(shè)計(jì)時(shí),設(shè)計(jì)者只是大致知道目標(biāo)網(wǎng)站將包括哪些內(nèi)容,而還沒有對(duì)這些內(nèi)容的具體結(jié)構(gòu)安排進(jìn)行設(shè)計(jì),這時(shí)候利用卡片分類法可以得到用戶期望的數(shù)據(jù)而作為第一版本的設(shè)計(jì)依據(jù)。 在對(duì)現(xiàn)有網(wǎng)站進(jìn)行重新設(shè)計(jì)時(shí),設(shè)計(jì)者可以利用卡片分類法得到用戶期望的數(shù)據(jù),驗(yàn)證現(xiàn)有信息結(jié)構(gòu)的直觀性,同時(shí)也可以對(duì)改進(jìn)版本的信息設(shè)計(jì)提供有效的幫助。 卡片分類方式 卡片分類法分為開放式的卡片分類法(opened card-sorting)和關(guān)閉式的卡片分類法(closed card-sorting)。 運(yùn)

15、用卡片分類法對(duì)網(wǎng)站的信息進(jìn)行組織的時(shí)候,事先由網(wǎng)站創(chuàng)建者確定全局導(dǎo)航的個(gè)數(shù)、并把全局導(dǎo)航的名稱標(biāo)識(shí)出來(lái),然后讓用戶根據(jù)自己的期望把各個(gè)卡片分別歸在不同的全局導(dǎo)航下,這種卡片分類法叫關(guān)閉式的卡片分類法。 運(yùn)用卡片分類法對(duì)網(wǎng)站的信息進(jìn)行組織,完全由用戶決定把卡片分為幾組,每組有多少?gòu)埧ㄆ?,最后再由用戶給分好的組進(jìn)行命名,這種分類方式稱為開放式的卡片分類法。 通常情況下,如果網(wǎng)站的信息量很小,那么可以采用開放式的卡片分類法;如果網(wǎng)站的信息量很大,那么可以事先讓目標(biāo)用戶確定全局導(dǎo)航的個(gè)數(shù)及內(nèi)容,再采用關(guān)閉式的卡片分類法,讓目標(biāo)用戶根據(jù)自己的期望把各個(gè)卡片分別歸在不同的全局導(dǎo)航下。 執(zhí)行方式 在

16、進(jìn)行卡片分類試驗(yàn)的時(shí)候,有多種執(zhí)行方式,可以讓用戶單獨(dú)進(jìn)行試驗(yàn),也可以讓幾個(gè)用戶結(jié)合成群組的形式進(jìn)行試驗(yàn),還可以采用遠(yuǎn)程的形式進(jìn)行試驗(yàn)。 通常,單個(gè)用戶的方式比較適用于小型的網(wǎng)站,同時(shí)可以結(jié)合遠(yuǎn)程的方式進(jìn)行試驗(yàn)。用戶結(jié)合成群組的形式更容易提供大量的數(shù)據(jù),比較適于大型的網(wǎng)站。 用戶的選取 卡片分類法的用戶要選擇目標(biāo)用戶,也就是結(jié)構(gòu)設(shè)計(jì)的最終使用者。 用戶的數(shù)量可以根據(jù)卡片數(shù)量的多少進(jìn)行選擇,通常為8~30人。 實(shí)施過(guò)程 1、用戶研究人員將待分類的內(nèi)容做成卡片的形式。正面描述待分類的內(nèi)容,并用一句概括性的語(yǔ)言對(duì)內(nèi)容進(jìn)行簡(jiǎn)單的描述,背面標(biāo)記序列號(hào),以便于后期的統(tǒng)計(jì)分析。 2、邀請(qǐng)用戶,

17、并向用戶說(shuō)明試驗(yàn)的整個(gè)過(guò)程和目的。 3、讓用戶進(jìn)行試驗(yàn),在試驗(yàn)過(guò)程中,與用戶即時(shí)進(jìn)行聯(lián)系,確保用戶理解卡片的內(nèi)容。用戶可以采用出聲思考的方式進(jìn)行試驗(yàn),即時(shí)表達(dá)自己的想法。 4、待用戶將卡片分類完成以后,讓用戶回顧一下自己分類的過(guò)程,對(duì)條例不清晰的地方進(jìn)行重新思考。 5、卡片分類有明顯不合理處,與用戶進(jìn)行即時(shí)的溝通,查看問題所在。(很大情況下是因?yàn)橛脩魶]有理解卡片上的內(nèi)容) 6、感謝用戶,贈(zèng)送禮品。 試驗(yàn)結(jié)果分析 卡片分類試驗(yàn)結(jié)果可以采用不同的方法進(jìn)行分析。最簡(jiǎn)單的方法是觀察法,即將用戶分類結(jié)果反復(fù)瀏覽并體會(huì)用戶分類的一般規(guī)律。這種方法的優(yōu)點(diǎn)是,數(shù)據(jù)分析者能有機(jī)會(huì)看到每一位用戶代表分

18、組的具體情況。其缺點(diǎn)是用時(shí)長(zhǎng),而且當(dāng)卡片數(shù)量或試驗(yàn)參加人數(shù)較多時(shí),同時(shí)把握用戶整體的分組結(jié)果就非常困難。另一種方法是采用定量分析的集簇分析法。集簇分析法是一種分組研究的定量方法。運(yùn)用這種方法可以有效地將卡片分類試驗(yàn)的結(jié)果進(jìn)行綜合計(jì)算而得到距離矩陣,然后利用不同的算法對(duì)距離矩陣進(jìn)行進(jìn)一步處理而畫出易于分析理解的樹狀圖。利用IBM的EZSORT軟件,可以將卡片分類的結(jié)果直接進(jìn)行集簇分析,非常方便。 主要結(jié)論 取得共識(shí) 卡片歸類法能歸納出關(guān)于一個(gè)主頁(yè)應(yīng)該看起來(lái)象什么的高度共識(shí)。在這個(gè)案例中,只關(guān)注關(guān)于主頁(yè)的八張外部卡片分類主題: a:7個(gè)有癌癥或者一些相異的類型,把他們放在面頁(yè)的左上角;

19、 b:6個(gè)有預(yù)防、生活方式或者一些變型。這個(gè)種類關(guān)于防止癌癥包括主題(例如練習(xí),戒煙,營(yíng)養(yǎng),飲食習(xí)慣,和一般預(yù)防癌癥信息); c:5個(gè)有臨床試驗(yàn)或者一些變型。他們不斷想要全部臨床試驗(yàn)的主入口也需要每個(gè)癌癥相關(guān)類型的連接; d:6個(gè)關(guān)于NCI DCP(國(guó)家癌癥學(xué)會(huì)資料收集部門)或管理。這個(gè)類目包括宗旨,組織系統(tǒng)圖,地址簿等等,雖然8份之2也想要在主頁(yè)的左上角有連接的非常簡(jiǎn)短的使命書,所有6中放置關(guān)于這些內(nèi)容......在頁(yè)面的右邊更低的類目中; Opening Internal Users’Eyes 打開用戶內(nèi)心的眼睛 這種技術(shù)本身能把用戶對(duì)當(dāng)前網(wǎng)站設(shè)計(jì)問題的內(nèi)心眼睛打開。

20、 來(lái)自網(wǎng)站項(xiàng)目研究小組(內(nèi)部的用戶)的那些參加者,全部開始把卡片分為他們編制中的組,再一次創(chuàng)建舊的網(wǎng)站。但是,在5-10分鐘之后(并且有時(shí)用一點(diǎn)刺激來(lái)“思考關(guān)于在會(huì)議中寫下用戶和情節(jié)),他們象這樣提出注譯: 某人是怎樣從公眾那里知道你在下面找出[具體的科研小組]這些的?“公眾他想要查癌癥的具體類型”,“公眾想要尋找關(guān)于飲食或者營(yíng)養(yǎng)的信息。” 最后,每個(gè)內(nèi)部的用戶跟大眾一樣達(dá)成非常相似的編組。他們也意識(shí)到編制信息不是人們來(lái)網(wǎng)站最重要的原因。像公眾用戶,他們提出關(guān)于 ......在頁(yè)面右邊更低的類目。 你認(rèn)為內(nèi)部的用戶是“開發(fā)者,” 你可能想知道是否讓他們做這種卡片歸類法是聰明的。當(dāng)然

21、,你不想讓開發(fā)者(或者內(nèi)部的用戶)做唯一的卡片分類者。站點(diǎn)主要的訪問者必須是卡片分類法研究的主要參加者。 既然這樣,不過(guò),內(nèi)部的用戶對(duì)這種技術(shù)非常有興趣。他們也想要實(shí)驗(yàn)它。如果我們把項(xiàng)目研究小組作為觀察者來(lái)開展卡片分類會(huì)議(作為典型的可用性測(cè)試) ,那可能滿足他們的好奇。不過(guò),我們沒有能力為觀察者進(jìn)行這項(xiàng)特別的研究,因此我們決定讓他們自己試驗(yàn)這種卡片歸類法。 這是危險(xiǎn)的,當(dāng)然,他們將仍然保持他們自己的設(shè)計(jì)框架并且不會(huì)再次向前跨越建立他們了解的站點(diǎn)。只不過(guò)是"為用戶著想"的一點(diǎn)刺激, 但是,使這些內(nèi)部工程組員自己意識(shí)到,他們能把自己置入到用戶的構(gòu)架中,一旦在那個(gè)構(gòu)架里,他們能看出用戶想要怎

22、樣組織站點(diǎn)。讓內(nèi)部的人員也參與卡片歸類法可能不總是聰明的;但是在這個(gè)案例中,對(duì)他們中的許多人,它會(huì)是“l(fā)ight bulb moment(靈光閃亮的一刻)”甚至可以讓他們關(guān)注到外部用戶的感受(移情) 在理解過(guò)程中發(fā)現(xiàn)缺口 用卡片歸類法,你能查明用戶不明白的話語(yǔ)。所有外部卡片分類者結(jié)束后,在一大堆卡片里包括" 我不能分類,因?yàn)槲也恢浪囊馑肌?的卡片。 在那堆里的最普通的卡片是有類似ALTS, STAR, SELECT一樣的首字母縮略詞。其它單詞是類似"biomarkers"和" chemoprevention。 " 這對(duì)國(guó)家癌癥學(xué)會(huì)大多數(shù)研究人員來(lái)說(shuō)是巨大的驚奇。它是一關(guān)鍵的學(xué)

23、習(xí);首字母縮略詞關(guān)聯(lián)到正提供資金的臨床試驗(yàn)。關(guān)于這些臨床試驗(yàn)的信息是網(wǎng)站的巨大價(jià)值之一,但是如果他們不認(rèn)識(shí),這被隱藏在一個(gè)首字母縮略詞下的話語(yǔ),人們將找不到這些信息。 卡片歸類法獲取更好的理解 卡片歸類法看起來(lái)象可用性測(cè)試因?yàn)槟惚仨殦?dān)心招募有代表性的用戶,但是這比可用性測(cè)試邏輯更簡(jiǎn)單。你只需要一張會(huì)議桌子、卡片、使用戶參與運(yùn)作和——如果你正管理連續(xù)的會(huì)議——有人記錄每個(gè)參加者已經(jīng)做的并且為另一個(gè)參加者重新洗卡片??ㄆ瑲w類法困難的部分通過(guò)選擇低水平含量的好樣品正決定要要包括的主題并且限制卡片的數(shù)量,而不愿包括可能在網(wǎng)站的每篇文章。 信息結(jié)構(gòu)和信息組織設(shè)計(jì)-卡片分類法 卡片分類介紹

24、 在進(jìn)行網(wǎng)站信息結(jié)構(gòu)和組織設(shè)計(jì)的時(shí)候,我們會(huì)用到卡片分類法,卡片分類需要: 制作一些我們事先預(yù)設(shè)好的分類,交給用戶進(jìn)行排列; 用戶可以說(shuō)出自己的想法,也可以修改分類的名稱; 鼓勵(lì)用戶遇到難以理解的分類,大聲說(shuō)出來(lái)。 在進(jìn)行卡片分類時(shí),一般會(huì)有兩個(gè)階段:yixieshi 開放階段,大概需要15個(gè)用戶,給用戶足夠的自由度來(lái)進(jìn)行信息分類。 封閉階段,大概需要8名用戶,對(duì)之前開發(fā)階段的結(jié)果進(jìn)行驗(yàn)證。 卡片分類統(tǒng)計(jì)結(jié)果 卡片組織相關(guān) 卡片分類可以被用來(lái)發(fā)現(xiàn)用戶為中心的分組;卡片分組可以用來(lái)組織在需求獲取階段收集的信息;用來(lái)對(duì)菜單、控制和網(wǎng)頁(yè)內(nèi)容的信息進(jìn)行分組;用來(lái)

25、為菜單、按鈕和超鏈接創(chuàng)建標(biāo)簽,下圖為課件中對(duì)文本編輯的交互設(shè)計(jì)的卡片組織結(jié)果: 語(yǔ)義網(wǎng)絡(luò)相關(guān) 語(yǔ)意網(wǎng)絡(luò)是一個(gè)通過(guò)聯(lián)想將概念連接在一起的網(wǎng)絡(luò) 下圖為課件中對(duì)文本編輯的交互設(shè)計(jì)的語(yǔ)義網(wǎng)絡(luò): 語(yǔ)義網(wǎng)的交互設(shè)計(jì):對(duì)人機(jī)工程學(xué)的挑戰(zhàn) 2008-07-25 10:02 語(yǔ)義網(wǎng)(Semantic Web)就是能夠根據(jù)語(yǔ)義進(jìn)行判斷的網(wǎng)絡(luò)。 語(yǔ)義網(wǎng)要解決兩個(gè)問題 :1.對(duì)網(wǎng)絡(luò)內(nèi)容所含意義的描述 2.自動(dòng)化處理這些意義的原則 例如,在進(jìn)行在線登記參加會(huì)議時(shí),會(huì)議主辦方在網(wǎng)站上列出了時(shí)間、地點(diǎn),以及附近賓館的打折信息。如果使用萬(wàn)維網(wǎng)的話,此時(shí)你必須上網(wǎng)查看時(shí)間表,并進(jìn)行 拷貝和粘貼,

26、然后打電話或在線預(yù)訂機(jī)票和賓館等。但假如使用的是語(yǔ)義網(wǎng),那么一切都變得很簡(jiǎn)單了,此時(shí)安裝在你計(jì)算機(jī)上的軟件會(huì)自動(dòng)替你完成上述步驟,你 所做的僅僅是用鼠標(biāo)按幾個(gè)按鈕而已。 交互設(shè)計(jì)的挑戰(zhàn): 1. 用戶怎樣搜索相關(guān)信息 2. 如何展示可用資源 3. 如何一致的展示混雜的數(shù)據(jù)源 4. 在界面上怎樣展示相關(guān)的數(shù)據(jù)點(diǎn) 5. 在對(duì)任何數(shù)據(jù)精確定位的前提下,在界面中如何表示其數(shù)據(jù)源是可用的 6. 如果數(shù)據(jù)之間的聯(lián)系都是在后臺(tái)管理,再不增加用戶記憶負(fù)擔(dān)的情況下,動(dòng)作如何變得透明 對(duì)于混雜數(shù)據(jù)的挑戰(zhàn) 1.不知道內(nèi)容的話,如何表現(xiàn)信息 2. 如何用一個(gè)有用且有意義的方式展現(xiàn)類型 3.

27、我們?cè)趺粗罃?shù)據(jù)創(chuàng)造者的目的或者數(shù)據(jù)所具有的其他限制條件 3. 請(qǐng)利用啟發(fā)式法則對(duì)研究生生管理信息系統(tǒng)的頁(yè)面導(dǎo)航、菜單、圖標(biāo)、顏色、字體等進(jìn)行評(píng)估,以發(fā)現(xiàn)可用性問題,并給出好的建議。(啟發(fā)式法則內(nèi)容詳見課件HCI-05.PPT) 使用說(shuō)明:本調(diào)查表共有100題,回答每一個(gè)問題時(shí)按照以后三個(gè)步驟: (a)請(qǐng)?jiān)u估每一個(gè)問題是否適用于所評(píng)審的系統(tǒng)。如果不適用,跳到下一題。如果適用,請(qǐng)繼續(xù)回答。 (b)對(duì)于所評(píng)估的系統(tǒng),請(qǐng)?jiān)u價(jià)該問題的重要性(1是最不重要的,3是最重要的) (c)評(píng)價(jià)系統(tǒng)在該問題上的表現(xiàn)(1是非常糟糕,7是非常好),如果不存在,請(qǐng)選擇不存在項(xiàng) 1.兼容性

28、1)光標(biāo)的控制是否符合光標(biāo)的移動(dòng)? 2)用戶控制的結(jié)果是否符合用戶的期望? 3)所提供的控制是否符合用戶的技能水平? 4)界面的編碼(例如,顏色、形狀等)是否為用戶所熟悉? 5)用詞是否為用戶所熟悉? 2.一致性 6)界面顏色的編碼是否符合常規(guī)? 7)編碼是否在不同的顯示及菜單上都保持一致? 8)光標(biāo)的位置是否一致? 9)顯示的格式是否一致? 10)反饋信息是否一致? 11)數(shù)據(jù)字段的格式是否一致? 12)標(biāo)號(hào)的格式是否一致? 13)標(biāo)號(hào)的位置是否一致? 14)標(biāo)號(hào)本身是否一致? 15)顯示的方向是否一致?(漫游或卷動(dòng)) 16)系統(tǒng)要求的用戶動(dòng)作是否一致?

29、 17)在不同的顯示中用詞是否一致? 18)數(shù)據(jù)顯示和數(shù)據(jù)輸入的要求是否一致? 19)數(shù)據(jù)顯示是否符合用戶的常規(guī)? 20)圖形數(shù)據(jù)的符號(hào)是否符合標(biāo)準(zhǔn)? 21)菜單的用詞和命令語(yǔ)言是否一致? 22)用詞是否符合用戶指導(dǎo)的原則? 3. 靈活性 23)是否可以使用命令語(yǔ)言而繞過(guò)菜單的選擇? 24)系統(tǒng)是否有直接操作的功能? 25)數(shù)據(jù)輸入的設(shè)計(jì)是否靈活? 26)用戶是否可以靈活地控制顯示? 27)系統(tǒng)是否提供了靈活的流程控制? 28)系統(tǒng)是否提供了靈活的用戶指導(dǎo)? 29)菜單選項(xiàng)是否前后相關(guān)? 30)用戶是否可以根據(jù)他們的需要來(lái)命名顯示和界面單元? 31)系統(tǒng)是否為

30、不同的用戶提供了好的訓(xùn)練? 32)用戶是否可以自己改變視窗? 33)用戶是否可以自己命名系統(tǒng)命令? 34)系統(tǒng)是否允許用戶選擇需要顯示的數(shù)據(jù)? 35)系統(tǒng)是否可以提供用戶指定的視窗? 36)為了擴(kuò)展顯示功能,系統(tǒng)是否提供放大的功能? 4. 可學(xué)習(xí)性 37)用詞是否清晰? 38)數(shù)據(jù)是否有合理的分類,易于學(xué)習(xí)? 39)命令語(yǔ)言是否有層次? 40)菜單的分組是否合理? 41)菜單的順利是否合理? 42)命令的名字是否有意義? 43)系統(tǒng)是否提供了無(wú)懲罰的學(xué)習(xí)? 5. 極少化的用戶動(dòng)作 44)系統(tǒng)是否為相關(guān)的數(shù)據(jù)提供了組合輸入的功能? 45)必要的數(shù)據(jù)是否只需

31、要輸入一次? 46)系統(tǒng)是否提供了默認(rèn)值? 47)視窗之間的切換是否容易? 48)系統(tǒng)是否為經(jīng)常使用的控制提供了功能鍵? 49)系統(tǒng)是否有全局搜索和替代的功能? 50)菜單的選擇是否可以使用點(diǎn)擊的功能?(主要的流程控制方法) 51)菜單的選擇是否可以使用鍵入的功能?(輔助的控制方法) 52)系統(tǒng)是否要求極少的光標(biāo)定位? 53)在選擇菜單時(shí),系統(tǒng)是否要求極少的步驟? 54)系統(tǒng)是否要求極少的用戶控制動(dòng)作? 55)為了退到更高一級(jí)菜單中,系統(tǒng)是否只需要一個(gè)簡(jiǎn)單的鍵入動(dòng)作? 56)為了退到一般的菜單中,系統(tǒng)是否只需要一個(gè)簡(jiǎn)單的鍵入動(dòng)作? 6. 極小的記憶負(fù)擔(dān) 57)系統(tǒng)

32、是否使用了縮寫? 58)系統(tǒng)是否為輸入分層次的數(shù)據(jù)提供了幫助? 59)指導(dǎo)信息是否總是可以得到的? 60)系統(tǒng)是否為序列的選擇提供了分層次的菜單? 61)被選的數(shù)據(jù)是否有突出顯示? 62)系統(tǒng)是否為命令提供了索引? 63)系統(tǒng)是否為數(shù)據(jù)提供了索引? 64)系統(tǒng)是否提示在菜單結(jié)構(gòu)中的當(dāng)前位置? 65)數(shù)據(jù)是否保存簡(jiǎn)短? 66)為選擇菜單使用的字母代碼是否經(jīng)過(guò)認(rèn)真的設(shè)計(jì)? 67)是否將長(zhǎng)的數(shù)據(jù)分成不同的部分? 68)先前的答案是否可以簡(jiǎn)便的再利用? 69)字母大小寫是否等同? 70)系統(tǒng)是否使用短的代碼而不使用長(zhǎng)的代碼? 71)圖符是否有輔助性的字符標(biāo)號(hào)? 7.

33、知覺的有限性 72)系統(tǒng)是否為不同的數(shù)據(jù)類別提供不同的編碼? 73)縮寫是否清晰而相互不同? 74)光標(biāo)是否不同? 75)界面單元是否清晰? 76)用戶指導(dǎo)的格式是否清晰? 77)命令是否有清晰的意義? 78)命令的拼寫是否清晰? 79)系統(tǒng)是否使用了易于分辨的顏色? 80)目前活動(dòng)的窗口是否有清楚的標(biāo)識(shí)? 81)為了直接比較,數(shù)據(jù)是否成對(duì)的擺在一起? 82)是否限制語(yǔ)音信息使用的數(shù)量? 83)系統(tǒng)是否提供了一系列相關(guān)信息? 84)菜單是否和其他的顯示信息有明顯的區(qū)別? 85)顏色的編碼是否多余? 86)系統(tǒng)是否提供了視覺上清晰可辨的數(shù)據(jù)字段? 87)不同組的信

34、息是否明顯分開? 88)屏幕的密度是否合理? 8. 用戶指導(dǎo) 89)系統(tǒng)反饋的錯(cuò)誤信息是否有用? 90)系統(tǒng)是否提供了“取消”的功能? 91)錯(cuò)誤的輸入是否被顯示出來(lái)? 92)系統(tǒng)是否提供了明確的改正錯(cuò)誤的方法? 93)系統(tǒng)是否為控件輸入提供了反饋? 94)是否提供了“幫助” 95)一個(gè)過(guò)程的結(jié)束是否標(biāo)志清楚? 96)是否對(duì)重復(fù)的錯(cuò)誤有提示? 97)錯(cuò)誤信息是否具有建設(shè)性并提供有用的信息? 98)系統(tǒng)是否提供了“重新開始”的功能? 99)系統(tǒng)是否提供了“撤銷”的功能? 100)用戶是否啟動(dòng)流程控制? 4. 請(qǐng)給出一個(gè)BS管理系統(tǒng)的框架設(shè)計(jì) (層次框架

35、設(shè)計(jì)定義了基本的頁(yè)面規(guī)劃和屏幕組成。需要決定是使用什么組件,包含哪些內(nèi)容,使用什么標(biāo)簽,怎樣劃分屏幕,以及所有能明確描述物理界面的其他因素??梢詤⒄找幌卵芯可芾硇畔⑾到y(tǒng))下圖為課件中的一個(gè)層次框架圖: 最常用的是Banner-navi-content布局(多見于網(wǎng)站和多數(shù)Web應(yīng)用)和上圖類似 下面為常用Web頁(yè)面布局的形式: 1) “同”字形結(jié)構(gòu)布局 頁(yè)面頂部為主菜單,下方左側(cè)為二級(jí)欄目條,右側(cè)為鏈接欄目條,屏幕中間顯示具體的內(nèi)容。 優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰、左右對(duì)稱、主次分明,因而得到廣泛的應(yīng)用。 缺點(diǎn)是太過(guò)于規(guī)矩呆板,需要善于運(yùn)用細(xì)節(jié)色彩的變化來(lái)調(diào)劑。

36、 2) “國(guó)”字形結(jié)構(gòu)布局 “國(guó)”字形結(jié)構(gòu)布局在“同”字形結(jié)構(gòu)布局的基礎(chǔ)上,在頁(yè)面下方增加一橫條菜單或廣告 其優(yōu)點(diǎn)是充分利用版面、信息量大、切換方便。 有的網(wǎng)站將頁(yè)面設(shè)計(jì)成鏡框的樣式,顯示出網(wǎng)站設(shè)計(jì)師的品味。 3) 左右對(duì)稱布局 采取左右分割屏幕的方法形成對(duì)稱布局。 優(yōu)點(diǎn)是自由活潑,可顯示較多文字和圖像。 缺點(diǎn)是兩者有機(jī)結(jié)合較為困難。 4) 自由式布局 自由式布局打破上述兩種布局的框架結(jié)構(gòu),常用于文字信息量少的時(shí)尚類和設(shè)計(jì)類網(wǎng)站。 其優(yōu)點(diǎn)是布局隨意,外觀漂亮,吸引人。 缺點(diǎn)是顯示速度慢。 5. 請(qǐng)列舉您知道的界面設(shè)計(jì)的標(biāo)準(zhǔn),給出簡(jiǎn)單的說(shuō)明

37、 課本中界面設(shè)計(jì)標(biāo)準(zhǔn)這一節(jié)是這樣開始的:現(xiàn)在為主要操作系統(tǒng)(windows,Macintosh和unix)創(chuàng)建的GUI環(huán)境已經(jīng)根據(jù)使用的界面組件類型和這些組件的運(yùn)行方式進(jìn)行了標(biāo)準(zhǔn)化。這使得用戶在多種應(yīng)用甚至跨平臺(tái)環(huán)境和總使用它們比容易。 覺得這個(gè)界面設(shè)計(jì)標(biāo)準(zhǔn),不是設(shè)計(jì)界面一般要遵循什么標(biāo)準(zhǔn),所以下面首先給出了一些UI design guidelines, 然后給出了一般的界面設(shè)計(jì)標(biāo)準(zhǔn)。 UI design guidelines 1. Human Interface Guidelines (Mac OS X) Design Guidelines 包括3大部分: 第一部分:應(yīng)用程序設(shè)計(jì)

38、基礎(chǔ) 1) 設(shè)計(jì)過(guò)程:在設(shè)計(jì)過(guò)程中引入用戶交互;做出設(shè)計(jì)決定 2) 優(yōu)秀軟件的特點(diǎn):高性能;易于使用;吸引人的界面;可靠;靈活;互操作性;移動(dòng)性 3) 人機(jī)接口設(shè)計(jì):人機(jī)接口設(shè)計(jì)準(zhǔn)則;時(shí)刻為用戶著想;擴(kuò)展用戶接口;設(shè)計(jì)的優(yōu)先級(jí);滿足最低限度的要求;發(fā)布用戶期望的功能;讓您的程序與眾不同 第二部分:Macintosh 體驗(yàn) 1) Mac OS X 環(huán)境:隨時(shí)就緒的特性;顯示;Dock;Finder;文件格式和文件擴(kuò)展名;國(guó)際化;多用戶;資源管理;線程 2) 利用 Mac OS X 現(xiàn)有的技術(shù);地址簿;動(dòng)畫效果;Automator;Bonjour ;顏色;Dashboard ;字體;

39、偏好設(shè)置;打?。话踩?;Services ;語(yǔ)音;用戶幫助 3) 軟件的安裝和更新:包裝;安裝;配置助手;程序更新 第三部分:Aqua 接口 2. YUI Library 按照官方解釋就是“The Yahoo! User Interface Library (YUI)”,中文說(shuō)過(guò)來(lái)就是“雅虎 用戶接口庫(kù)(簡(jiǎn)稱YUI)”-- “Yahoo用戶界面庫(kù)”,它是一個(gè)使用JavaScript編寫的工具和控件庫(kù)。它利用DOM腳本,DHTML和AJAX來(lái)構(gòu)造具有豐富交互功能的Web程序。yui 也包含幾個(gè)核心的CSS文件。 一般的界面設(shè)計(jì)標(biāo)準(zhǔn)(列舉的windows的界面設(shè)計(jì)標(biāo)準(zhǔn),有代表性,細(xì)

40、則部分全部列出,可只摘選其中一部分或不要細(xì)則) 一、易用性 按鈕名稱應(yīng)該易懂,用詞準(zhǔn)確,沒有模棱兩可的字眼,要與同一界面上的其他按鈕易于區(qū)分,能望文知意最好。理想的情況是用戶不用查閱幫助就能知道該界面的功能并進(jìn)行相關(guān)的正確操作。易用性細(xì)則: 完成相同或相近功能的按鈕用Frame框起來(lái),常用按鈕要支持快捷方式。 完成同一功能或任務(wù)的元素放在集中位置,減少鼠標(biāo)移動(dòng)的距離。 按功能將界面劃分局域塊,用Frame框括起來(lái),并要有功能說(shuō)明或標(biāo)題。 界面要支持鍵盤自動(dòng)瀏覽按鈕功能,即按Tab鍵的自動(dòng)切換功能。 界面上首先應(yīng)輸入的和重要信息的控件在Tab順序中應(yīng)當(dāng)靠前,位置也應(yīng)放在

41、窗口上較醒目的位置。 同一界面上的控件數(shù)最好不要超過(guò)10個(gè),多于10個(gè)時(shí)可以考慮使用分頁(yè)界面顯示。 分頁(yè)界面要支持在頁(yè)面間的快捷切換,常用組合快捷鍵Ctrl+Tab 默認(rèn)按鈕要支持Enter及選操作,即按Enter后自動(dòng)執(zhí)行默認(rèn)按鈕對(duì)應(yīng)操作。 可寫控件檢測(cè)到非法輸入后應(yīng)給出說(shuō)明并能自動(dòng)獲得焦點(diǎn)。 Tab鍵的順序與控件排列順序要一直,目前流行總體從上到下,同時(shí)行間從左到右的方式。 復(fù)選框和選項(xiàng)框按選擇幾率的高底而先后排列。 復(fù)選框和選項(xiàng)框要有默認(rèn)選項(xiàng),并支持Tab選擇。 選項(xiàng)數(shù)相同時(shí)多用選項(xiàng)框而不用下拉列表框。 界面空間較小時(shí)使用下拉框而不用選項(xiàng)框。

42、選項(xiàng)數(shù)叫少時(shí)使用選項(xiàng)框,相反使用下拉列表框。 專業(yè)性強(qiáng)的軟件要使用相關(guān)的專業(yè)術(shù)語(yǔ),通用性界面則提倡使用通用性詞眼。 二、規(guī)范性 通常界面設(shè)計(jì)都按Windows界面的規(guī)范來(lái)設(shè)計(jì),即包含“菜單條、工具欄、工具廂、狀態(tài)欄、滾動(dòng)條、右鍵快捷菜單”的標(biāo)準(zhǔn)格式,可以說(shuō):界面遵循規(guī)范化的程度越高,則易用性相應(yīng)的就越好。小型軟件一般不提供工具廂。 規(guī)范性細(xì)則: 常用菜單要有命令快捷方式。 完成相同或相近功能的菜單用橫線隔開放在同一位置。 菜單前的圖標(biāo)能直觀的代表要完成的操作。 菜單深度一般要求最多控制在三層以內(nèi)。 工具欄要求可以根據(jù)用戶的要求自己選擇定制。 相同或相近功能的工具

43、欄放在一起。 工具欄中的每一個(gè)按鈕要有及時(shí)提示信息。 一條工具欄的長(zhǎng)度最長(zhǎng)不能超出屏幕寬度。 工具欄的圖標(biāo)能直觀的代表要完成的操作。 系統(tǒng)常用的工具欄設(shè)置默認(rèn)放置位置。 工具欄太多時(shí)可以考慮使用工具廂。 工具廂要具有可增減性,由用戶自己根據(jù)需求定制。 工具廂的默認(rèn)總寬度不要超過(guò)屏幕寬度的1/5。 狀態(tài)條要能顯示用戶切實(shí)需要的信息,常用的有:目前的操作、系統(tǒng)狀態(tài)、用戶位置、用戶信息、提示信息、錯(cuò)誤信息等,如果某一操作需要的時(shí)間較長(zhǎng),還應(yīng)該顯示進(jìn)度條和進(jìn)程提示。 滾動(dòng)條的長(zhǎng)度要根據(jù)顯示信息的長(zhǎng)度或?qū)挾饶芗皶r(shí)變換,以利于用戶了解顯示信息的位置和百分比。 狀態(tài)

44、條的高度以放置五好字為宜,滾動(dòng)條的寬度比狀態(tài)條的略窄。 菜單和工具條要有清楚的界限;菜單要求凸出顯示,這樣在移走工具條時(shí)仍有立體感。 菜單和狀態(tài)條中通常使用5號(hào)字體。工具條一般比菜單要寬,但不要寬的太多,否則看起來(lái)很不協(xié)調(diào)。 右鍵快捷菜單采用與菜單相同的準(zhǔn)則。 三、幫助設(shè)施 系統(tǒng)應(yīng)該提供詳盡而可靠的幫助文檔,在用戶使用產(chǎn)生迷惑時(shí)可以自己尋求解決方法。幫助設(shè)施細(xì)則: 幫助文檔中的性能介紹與說(shuō)明要與系統(tǒng)性能配套一致。(我們的系統(tǒng)幫助文檔都是系統(tǒng)的祖先時(shí)期的說(shuō)明,讓人困惑)。 打包新系統(tǒng)時(shí),對(duì)作了修改的地方在幫助文檔中要做相應(yīng)的修改。 操作時(shí)要提供及時(shí)調(diào)用系統(tǒng)幫助的功能

45、。常用F1。 在界面上調(diào)用幫助時(shí)應(yīng)該能夠及時(shí)定位到與該操作相對(duì)的幫助位置。也就是說(shuō)幫助要有即時(shí)針對(duì)性。 最好提供目前流行的聯(lián)機(jī)幫助格式或HTML幫助格式。 用戶可以用關(guān)鍵詞在幫助索引中搜索所要的幫助,當(dāng)然也應(yīng)該提供幫助主題詞。 如果沒有提供書面的幫助文檔的話,最好有打印幫助的功能。 在幫助中應(yīng)該提供我們的技術(shù)支持方式,一旦用戶難以自己解決可以方便的尋求新的幫助方式。 四、合理性 屏幕對(duì)角線相交的位置是用戶直視的地方,正上方四分之一處為易吸引用戶注意力的位置,在放置窗體時(shí)要注意利用這兩個(gè)位置。合理性細(xì)則: 父窗體或主窗體的中心位置應(yīng)該在對(duì)角線焦點(diǎn)附近。 子窗體位置

46、應(yīng)該在主窗體的左上角或正中。 多個(gè)子窗體彈出時(shí)應(yīng)該依次向右下方偏移,以顯示窗體出標(biāo)題為宜。 重要的命令按鈕與使用較頻繁的按鈕要放在界面上注目的位置。 錯(cuò)誤使用容易引起界面退出或關(guān)閉的按鈕不應(yīng)該放在易點(diǎn)位置。橫排開頭或最后與豎排最后為易點(diǎn)位置。 與正在進(jìn)行的操作無(wú)關(guān)的按鈕應(yīng)該加以屏蔽(Windows中用灰色顯示,沒法使用該按鈕)。 對(duì)可能造成數(shù)據(jù)無(wú)法恢復(fù)的操作必須提供確認(rèn)信息,給用戶放棄選擇的機(jī)會(huì)。 非法的輸入或操作應(yīng)有足夠的提示說(shuō)明。 對(duì)運(yùn)行過(guò)程中出現(xiàn)問題而引起錯(cuò)誤的地方要有提示,讓用戶明白錯(cuò)誤出處,避免形成無(wú)限期的等待。 提示、警告、或錯(cuò)誤說(shuō)明應(yīng)該清楚、明了、

47、恰當(dāng)。 五、美觀與協(xié)調(diào)性 界面應(yīng)該大小適合美學(xué)觀點(diǎn),感覺協(xié)調(diào)舒適,能在有效的范圍內(nèi)吸引用戶的注意力。美觀與協(xié)調(diào)性細(xì)則: 長(zhǎng)寬接近黃金點(diǎn)比例,切忌長(zhǎng)寬比例失調(diào)、或?qū)挾瘸^(guò)長(zhǎng)度。 布局要合理,不宜過(guò)于密集,也不能過(guò)于空曠,合理的利用空間。 按鈕大小基本相近,忌用太長(zhǎng)的名稱,免得占用過(guò)多的界面位置。按鈕的大小要與界面的大小和空間要協(xié)調(diào)。 字體的大小要與界面的大小比例協(xié)調(diào), 通常使用的字體中宋體9-12較為美觀,很少使用超過(guò)12號(hào)的字體。 前景與背景色搭配合理協(xié)調(diào),反差不宜太大,最好少用深色,如大紅、大綠等。常用色考慮使用Windows界面色調(diào)。 界面風(fēng)格要保持一致,字的大

48、小、顏色、字體要相同,除非是需要藝術(shù)處理或有特殊要求的地方。 如果窗體支持最小化和最大化或放大時(shí),窗體上的控件也要隨著窗體而縮放;切忌只放大窗體而忽略控件的縮放。 對(duì)于含有按鈕的界面一般不應(yīng)該支持縮放,即右上角只有關(guān)閉功能。 通常父窗體支持縮放時(shí),子窗體沒有必要縮放。 如果能給用戶提供自定義界面風(fēng)格則更好,由用戶自己選擇顏色、字體等。 六、菜單位置 菜單是界面上最重要的元素,菜單位置按照按功能來(lái)組織。菜單設(shè)測(cè)試細(xì)則: 菜單通常采用“常用--主要--次要--工具--幫助”的位置排列,符合流行的Windows風(fēng)格。 常用的有“文件”、“編輯”,“查看”等,幾乎每個(gè)系統(tǒng)都

49、有這些選項(xiàng),當(dāng)然要根據(jù)不同的系統(tǒng)有所取舍。 下拉菜單要根據(jù)菜單選項(xiàng)的含義進(jìn)行分組,并切按照一定的規(guī)則進(jìn)行排列,用橫線隔開。 一組菜單的使用有先后要求或有向?qū)ё饔脮r(shí),應(yīng)該按先后次序排列。 沒有順序要求的菜單項(xiàng)按使用頻率和重要性排列,常用的放在開頭, 不常用的靠后放置;重要的放在開頭,次要的放在后邊。 如果菜單選項(xiàng)較多,應(yīng)該采用加長(zhǎng)菜單的長(zhǎng)度而減少深度的原則排列。 菜單深度一般要求最多控制在三層以內(nèi)。 對(duì)常用的菜單要有快捷命令方式,組合原則見7。 對(duì)與進(jìn)行的操作無(wú)關(guān)的菜單要用屏蔽的方式加以處理,如果采用動(dòng)態(tài)加載方式——即只有需要的菜單才顯示——最好。 菜單前的圖

50、標(biāo)不宜太大,與字高保持一直最好。 主菜單的寬度要接近,字?jǐn)?shù)不應(yīng)多于四個(gè),每個(gè)菜單的字?jǐn)?shù)能相同最好。 主菜單數(shù)目不應(yīng)太多,最好為單排布置。 七、快捷方式的組合 在菜單及按鈕中使用快捷鍵可以讓喜歡使用鍵盤的用戶操作得更快一些 在西文Windows及其應(yīng)用軟件中快捷鍵的使用大多是一致的。 八、安全性考慮 在界面上通過(guò)下列方式來(lái)控制出錯(cuò)幾率,會(huì)大大減少系統(tǒng)因用戶人為的錯(cuò)誤引起的破壞。開發(fā)者應(yīng)當(dāng)盡量周全地考慮到各種可能發(fā)生的問題,使出錯(cuò)的可能降至最小。如應(yīng)用出現(xiàn)保護(hù)性錯(cuò)誤而退出系統(tǒng),這種錯(cuò)誤最容易使用戶對(duì)軟件失去信心。因?yàn)檫@意味著用戶要中斷思路,并費(fèi)時(shí)費(fèi)力地重新登錄,而且已進(jìn)行的操作也

51、會(huì)因沒有存盤而全部丟失。安全性細(xì)則: 最重要的是排除可能會(huì)使應(yīng)用非正常中止的錯(cuò)誤。 應(yīng)當(dāng)注意盡可能避免用戶無(wú)意錄入無(wú)效的數(shù)據(jù)。 采用相關(guān)控件限制用戶輸入值的種類。 當(dāng)用戶作出選擇的可能性只有兩個(gè)時(shí),可以采用單選框。 當(dāng)選擇的可能再多一些時(shí),可以采用復(fù)選框,每一種選擇都是有效的,用戶不可能輸入任何一種無(wú)效的選擇。 當(dāng)選項(xiàng)特別多時(shí),可以采用列表框,下拉式列表框。 在一個(gè)應(yīng)用系統(tǒng)中,開發(fā)者應(yīng)當(dāng)避免用戶作出未經(jīng)授權(quán)或沒有意義的操作。 對(duì)可能引起致命錯(cuò)誤或系統(tǒng)出錯(cuò)的輸入字符或動(dòng)作要加限制或屏蔽。 對(duì)可能發(fā)生嚴(yán)重后果的操作要有補(bǔ)救措施。通過(guò)補(bǔ)救措施用戶可以回到原來(lái)的正

52、確狀態(tài)。 對(duì)一些特殊符號(hào)的輸入、與系統(tǒng)使用的符號(hào)相沖突的字符等進(jìn)行判斷并阻止用戶輸入該字符。 對(duì)錯(cuò)誤操作最好支持可逆性處理,如取消系列操作。 在輸入有效性字符之前應(yīng)該阻止用戶進(jìn)行只有輸入之后才可進(jìn)行的操作。 對(duì)可能造成等待時(shí)間較長(zhǎng)的操作應(yīng)該提供取消功能。 特殊字符常有;;’”><,`‘:“[”{、\|}]+=)-(_*&&^%$#@!~,.。?/還有空格。 與系統(tǒng)采用的保留字符沖突的要加以限制。 在讀入用戶所輸入的信息時(shí),根據(jù)需要選擇是否去掉前后空格。 有些讀入數(shù)據(jù)庫(kù)的字段不支持中間有空格,但用戶切實(shí)需要輸入中間空格,這時(shí)要在程序中加以處理。 九、多窗口的應(yīng)用

53、與系統(tǒng)資源 設(shè)計(jì)良好的軟件不僅要有完備的功能,而且要盡可能的占用最底限度的資源。 在多窗口系統(tǒng)中,有些界面要求必須保持在最頂層,避免用戶在打開多個(gè)窗口時(shí),不停的切換甚至最小化其他窗口來(lái)顯示該窗口。 在主界面載入完畢后自動(dòng)卸出內(nèi)存,讓出所占用的WINDOWS系統(tǒng)資源。 關(guān)閉所有窗體,系統(tǒng)退出后要釋放所占的所有系統(tǒng)資源 ,除非是需要后臺(tái)運(yùn)行的系統(tǒng)。 盡量防止對(duì)系統(tǒng)的獨(dú)占使用。 另一個(gè)版本的第五章的4、5題 4. 請(qǐng)給出一個(gè)BS管理系統(tǒng)的框架設(shè)計(jì) 答:以基于BS的作業(yè)管理系統(tǒng)為例,進(jìn)行分析 本系統(tǒng)總共涉及三類用戶,分別是教師、學(xué)生和管理員。其中,教師的主要操作為布置作

54、業(yè),批改作業(yè)和查詢成績(jī);學(xué)生的主要操作為查詢作業(yè)、提交作業(yè)和本人成績(jī)查詢;管理員的任務(wù)和職責(zé)是維護(hù)數(shù)據(jù),包括為每一個(gè)教師和學(xué)生創(chuàng)建、修改和刪除帳戶的基本信息,保持?jǐn)?shù)據(jù)的實(shí)時(shí)準(zhǔn)確。 系統(tǒng)的總體框架如下圖: ?學(xué)生模塊 學(xué)生模塊需要實(shí)現(xiàn)學(xué)生的操作,需要包括如下功能模塊:我的作業(yè)本,我的備忘錄,所有作業(yè),我的記事本,我的成績(jī)和我的日歷。 學(xué)生模塊結(jié)構(gòu)如下圖: ?教師模塊 教師模塊內(nèi)應(yīng)包括教師用戶的所有操作,包括作業(yè)發(fā)布、作業(yè)批改、成績(jī)查詢。 教師模塊結(jié)構(gòu)如下圖: ?管理員模塊 管理員模塊是為了對(duì)系統(tǒng)

55、進(jìn)行維護(hù)所添加的必要模塊,管理員在此模塊下可以進(jìn)行系統(tǒng)的維護(hù),包括對(duì)所有教師、課程和學(xué)生的基本信息的維護(hù)。管理員的權(quán)限有修改課程,增刪修改教師學(xué)生基本信息,查詢成績(jī)。 管理員模塊結(jié)構(gòu)如圖: 5. 請(qǐng)列舉您知道的界面設(shè)計(jì)的標(biāo)準(zhǔn),給出簡(jiǎn)單的說(shuō)明 答:(1)一致性,即保證用戶界面運(yùn)作的一致性。 所有窗口按鈕的位置要一致; 標(biāo)簽和訊息的措辭要一致; 顏色方案要一致; (2)合理的界面布局。 界面要根據(jù)人們的閱讀方式合理的組織界面,屏幕的小部件的布局也應(yīng)以用戶熟悉的方式進(jìn)行。 (3)訊息和標(biāo)簽的措辭要適當(dāng)

56、。 屏幕上顯示的文本是用戶主要的信息源,其措辭不要用縮寫和代碼,使文本易于理解。訊息措辭要積極,顯示用戶處于控制之中,并提示如何正確使用軟件。 (4)易用性 完成相同或相近功能的按鈕用Frame框起來(lái),常用按鈕要支持快捷方式; 完成同一功能或任務(wù)的元素放在集中位置,減少鼠標(biāo)移動(dòng)的距離; 按功能將界面劃分局域塊,用Frame框括起來(lái),并要有功能說(shuō)明或標(biāo)題; 界面要支持鍵盤自動(dòng)瀏覽按鈕功能,即按Tab鍵的自動(dòng)切換功能; (5)規(guī)范性 界面設(shè)計(jì)按Windows界面的規(guī)范來(lái)設(shè)計(jì),即包含“菜單條、工具欄、工具廂、狀態(tài)欄、

57、滾動(dòng)條、右鍵快捷菜單”的標(biāo)準(zhǔn)格式。 (6) 幫助設(shè)施 系統(tǒng)應(yīng)該提供詳盡而可靠的幫助文檔,在用戶使用產(chǎn)生迷惑時(shí)可以自己尋求解決方法。 (7) 快捷方式的組合 在菜單及按鈕中使用快捷鍵可以讓喜歡使用鍵盤的用戶操作得更快一些 在西文Windows及其應(yīng)用軟件中快捷鍵的使用大多是一致的。 第六章 1、設(shè)計(jì)原則和設(shè)計(jì)指南區(qū)別和作用 答曰: 區(qū)別:設(shè)計(jì)原則是抽象的概念,不是針對(duì)某一個(gè)項(xiàng)目的,但是可以應(yīng)用到任何一個(gè)項(xiàng)目中;設(shè)計(jì)指南是基于設(shè)計(jì)原則的,不同的項(xiàng)目有不同的設(shè)計(jì)原則,這些設(shè)計(jì)原則指導(dǎo)設(shè)計(jì)者闡明當(dāng)前項(xiàng)目的設(shè)計(jì)指南。 作用:設(shè)計(jì)原則可用于指導(dǎo)設(shè)計(jì)行為,幫助設(shè)計(jì)者對(duì)界面的外觀和功能

58、的設(shè)計(jì)做出決策,有助于設(shè)計(jì)團(tuán)隊(duì)的其他成員相信決策的正確性;設(shè)計(jì)指南可在項(xiàng)目初期量化可用性目標(biāo),為設(shè)計(jì)者提供了設(shè)計(jì)決策的基礎(chǔ),并為以后的可用性測(cè)試提供了標(biāo)準(zhǔn),而且,設(shè)計(jì)指南為整個(gè)項(xiàng)目中的評(píng)估提供了框架。 2、 評(píng)估一下您設(shè)計(jì)的軟件或者您經(jīng)常使用的軟件,是符合設(shè)計(jì)原則還是違背了設(shè)計(jì)原則 答曰:強(qiáng)烈建議自己寫一個(gè) Microsoft Word,符合如下設(shè)計(jì)原則: (1) 可理解性:word擁有易于理解的界面,它的界面設(shè)計(jì)很清晰地表達(dá)了那些有用的功能,一目了然。 (2) 可學(xué)習(xí)性:word界面易于理解,那么用戶就能在理解的基礎(chǔ)上,很容易就能學(xué)會(huì)使用word。 (3) 有效性:word是常用

59、的辦公軟件,用戶使用word進(jìn)行文字編輯、文字排版、圖形操作、表格操作等各種各樣的操作。Word的設(shè)計(jì)是一個(gè)有效地完成具體任務(wù)的工具。其次,word的穩(wěn)定性很好。 (4) 簡(jiǎn)潔性:word的設(shè)計(jì)很簡(jiǎn)潔,很好地展示了自身的功能,包含了必需的元素。 (5) 約束原則:word中,當(dāng)某個(gè)功能不可用的情況下,該功能就會(huì)變灰,幫助用戶減少由于不適當(dāng)?shù)某霎?dāng)前系統(tǒng)狀態(tài)的命令而產(chǎn)生錯(cuò)誤。 (6) 可記憶性:word中每個(gè)功能對(duì)應(yīng)的對(duì)象基本上都放在固定的位置;word中的菜單設(shè)置中,相關(guān)選項(xiàng)會(huì)放在一起,它們的功能將易于記憶;word多用常規(guī)的符號(hào)標(biāo)示某一功能,易于記憶。 3、 總結(jié)并列表與位置和布局相

60、關(guān)的設(shè)計(jì)原則或指南 答曰: (1) 簡(jiǎn)潔性原則:布局要合理簡(jiǎn)潔,繁雜的設(shè)計(jì)會(huì)使用戶困擾。 (2) 可記憶性:位置,某個(gè)特定的隊(duì)形放到固定的位置,易于記憶;邏輯分組,把對(duì)象按照邏輯進(jìn)行分組。 (3) 可預(yù)見性:理解屏幕空間分布的慣例,就可以優(yōu)化設(shè)計(jì)的預(yù)見性。 (4) 可見性:所有組件的顯示要遵循漸進(jìn)披露原則。 (5) 相近性原則:功能比較相近的元素應(yīng)該放到相近的位置。 (6) 相似性原則:具有相似特點(diǎn)如大小、形狀、顏色等的對(duì)象,應(yīng)該分在同一組。 (7) 空白區(qū)域:所有的元素不能堆在一起。 (8) 共同性原則:對(duì)象要移到一起,使得看上去有關(guān)系 (9) 封閉性原則:設(shè)計(jì)過(guò)程中即使

61、對(duì)像形狀上有間隙也把它視為完整的 (10) 良好的連續(xù)性原則: 我們期望看事情要比較平滑,連續(xù)的表現(xiàn),而不要有陡峭的變化 (11) 區(qū)域原則 : 將具有很小區(qū)域的對(duì)象視為圖形而不是背景(最小化原則) (12) 對(duì)稱原則: 對(duì)稱區(qū)域往往被看成從中間位置完整的圖 (13) 環(huán)繞原則 :一個(gè)被保衛(wèi)的區(qū)域被看作圖,包圍圖的看作背景 4、 總結(jié)和列表與顏色和字體相關(guān)的設(shè)計(jì)原則或指南 答曰: (1) 簡(jiǎn)潔性原則:顏色使用種類、如何使用都要遵循簡(jiǎn)潔性原則,帶給用戶良好的體驗(yàn)。 (2) 刺激強(qiáng)度:我們首先感覺到的是刺激的強(qiáng)度之后才是行為的含義,在理解某個(gè)事物之前就已經(jīng)感知它的顏色、形狀和尺寸了

62、。 (3) 比例:比例表示事物的邏輯層次,比如標(biāo)記語(yǔ)言中的標(biāo)題元素使用比例來(lái)創(chuàng)建視覺上的結(jié)構(gòu)信息,瀏覽器使用最大的字體來(lái)繪制一級(jí)標(biāo)題,并使用一次遞減的字體繪制剩余的標(biāo)題。 5、請(qǐng)說(shuō)明好的交互設(shè)計(jì)的需求層次 答曰: (1)有效性:一個(gè)設(shè)計(jì)必須保證完成用戶提供的所需要的功能,即功能性需求。 (2)安全性,恢復(fù),靈活性:,穩(wěn)定性,這些屬于非功能性需求。我們要求設(shè)計(jì)具有安全性,一個(gè)具有高度安全性的設(shè)計(jì)比一個(gè)具有高度風(fēng)險(xiǎn)的設(shè)計(jì)要更有用。設(shè)計(jì)也要有高度的容錯(cuò)能力,即在交互設(shè)計(jì)中適當(dāng)加入撤銷功能實(shí)現(xiàn)和穩(wěn)定的錯(cuò)誤恢復(fù)功能實(shí)現(xiàn)。靈活性使得設(shè)計(jì)得到的工具可以被應(yīng)用于多個(gè)環(huán)境并且應(yīng)用于不同的需求。穩(wěn)定性保證可靠的使用,能夠持續(xù)穩(wěn)定運(yùn)行的系統(tǒng)比經(jīng)常崩潰的系統(tǒng)更加有用。 (3)簡(jiǎn)潔性,可理解性,可學(xué)習(xí)性,可記憶性,可預(yù)測(cè)性,可預(yù)見性,可見性。簡(jiǎn)潔性對(duì)一個(gè)設(shè)計(jì)提出約束,以保證設(shè)計(jì)的簡(jiǎn)潔。具有高可記憶性的界面將容易學(xué)習(xí)和使用??梢娦栽瓌t使得設(shè)計(jì)中用戶了解系統(tǒng)所有的功能和組件。這些都使得一個(gè)交互設(shè)計(jì)是高可理解和高可學(xué)習(xí)的,更易于被用戶接受和喜愛。 一個(gè)很好地例子就是手機(jī)。首先,手機(jī)要能打電話;其次,打電話的時(shí)候要穩(wěn)定,不能老是故障;最后,我們手機(jī)的設(shè)計(jì)要易于操作,使用很多創(chuàng)新的方式。

展開閱讀全文
溫馨提示:
1: 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
2: 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
3.本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

相關(guān)資源

更多
正為您匹配相似的精品文檔
關(guān)于我們 - 網(wǎng)站聲明 - 網(wǎng)站地圖 - 資源地圖 - 友情鏈接 - 網(wǎng)站客服 - 聯(lián)系我們

copyright@ 2023-2025  zhuangpeitu.com 裝配圖網(wǎng)版權(quán)所有   聯(lián)系電話:18123376007

備案號(hào):ICP2024067431號(hào)-1 川公網(wǎng)安備51140202000466號(hào)


本站為文檔C2C交易模式,即用戶上傳的文檔直接被用戶下載,本站只是中間服務(wù)平臺(tái),本站所有文檔下載所得的收益歸上傳人(含作者)所有。裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)上載內(nèi)容本身不做任何修改或編輯。若文檔所含內(nèi)容侵犯了您的版權(quán)或隱私,請(qǐng)立即通知裝配圖網(wǎng),我們立即給予刪除!

五月丁香婷婷狠狠色,亚洲日韩欧美精品久久久不卡,欧美日韩国产黄片三级,手机在线观看成人国产亚洲