1、人機交互綜合設計報告設計名稱：人機交互綜合設計選題名稱： Web 3D界面設計家居室內設計姓 名：學 號：專業(yè)班級：系（院）：設計時間：指導教師評語：成績:簽名:一、概述1、項目背景2、系統(tǒng)簡介：3、開發(fā)環(huán)境：4、主要技術二、需求分析1、用戶分析2、用戶設計流程3、任務分析三、概要設計1、界面設計原則2、設計模型3、系統(tǒng)描述4、使用的交互技術四、詳細設計與實現(xiàn)五、可用性評估1、評估指標體系2、具體步驟3、結果分析六、結論1、總結2、不足之處3、心得體會一、概述項目背景隨著信息技術的發(fā)展，Web3D界面越來越成為新的需求和熱點，這就需要相應的3D技術支撐Web3D界 面。Web3D可以簡單地看成

2、是Web技術和3D技術相結合的產物，是互聯(lián)網(wǎng)上實現(xiàn)3D圖形技術的總稱。Web3D 技術是實現(xiàn)網(wǎng)頁中虛擬現(xiàn)實的一種最新技術。從技術的親緣關系來看，Web3D技術源于虛擬現(xiàn)實技術中的 VRML（Virtual Reality Modeling Language）分支。VRML 是互聯(lián)網(wǎng) 3D 圖形的開放標準。VRML 是 3D 圖形 和多媒體技術通用交換的文件格式，它基于建模技術，描述交互式的3D對象和場景，不僅應用在互聯(lián)網(wǎng)上， 也可以用在本地客戶系統(tǒng)中，應用范圍極廣。VRML開始于20世紀90年代初期。1998年。VRML組織把自己改名為Web3D組織，同時制訂了一個新的標準，Extensibl

3、e 3D （X3D）， 到了 2000年春天，Web3D組織完成了 VRML到X3D的轉換。X3D整合正在發(fā)展的XML、JAVA、流技術 等先進技術，包括了更強大、更高效的 3D計算能力、渲染質量和傳輸速度。在此期間，一場Web3D格式的競爭正在進行著。Adobe Atmosphere創(chuàng)建網(wǎng)絡虛擬三維環(huán)境的專 業(yè)開發(fā)解決方案、還有 Macromedia Director 8.5 Shockwave Studio 。Web3D的實現(xiàn)技術，主要分三大部分，即建模技術、顯示技術、三維場景中的交互技術。系統(tǒng)簡介本系統(tǒng)作為一個家居室內設計觀賞，提供給閱覽者可以從各個角度觀看房間。開發(fā)環(huán)境3DMax， I

4、nternet Explorer主要技術HTML, VRML二、需求分析1，分析用戶該系統(tǒng)的用戶為偶然型用戶，即沒有計算機應用領域的專業(yè)知識，也缺少計算機系統(tǒng)基本知識的用戶， 遍布各種年齡層次，文化背景，職業(yè)特征和愛好等。所以本系統(tǒng)的人機交互主要體現(xiàn)在鼠標點擊事件。點 擊事件為從此角度來觀看這個房間。2，用戶設計流程（1）用戶的觀察和分析通過組織一組用戶進行討論，以便更了解用戶的理解，想法，態(tài)度和需求。（2）設計通過3D Max軟件制作界面，并加入交互。（3）實施實施階段，對系統(tǒng)原型進入最后的調整。3，任務分析（1）使用行為分析(2)順序分析用戶點擊圓椅返回從坐在圓椅上的角度觀看房間點擊油煙機

5、返回從站在油煙機旁邊的角度觀看房間點擊餐椅返回從坐在餐椅上的角度觀看房間點擊畫返回從站在畫旁邊的角度觀看房間點擊窗返回從站在門口的角度觀看整個房間點擊水壺環(huán)視房間(3)協(xié)作關系分析選擇從某個角度觀看場景可系統(tǒng)鼠標工序約束陳述只有在當前場景中有出現(xiàn)的物體，才能點擊。例：如果在當前界面中沒有水壺，則無法點擊水壺得到 環(huán)視房間的界面。故事講述和情景分析1，角色：cdd，用戶2，目標：瀏覽房間3，環(huán)境：整個房間4，步驟：點擊相應物體，轉換相應場景5，情感：交互系統(tǒng)的交互過程簡潔，順暢，用戶對完成任務的過程感到滿意。三、概要設計界面設計原則界面要具有一致性常用操作要有快捷方式提供必要的錯誤處理功能提供信

6、息反饋允許操作可逆設計良好的聯(lián)機幫助合理劃分并高效地使用顯示屏幕2，設計模型觀賞選擇所處場景顯示相應界面3，系統(tǒng)描述本系統(tǒng)作為一個家居室內設計觀賞，提供給閱覽者可以從各個角度觀看這個房間。4，所用的交互技術本系統(tǒng)做運用的交互技術有定位：確定平面或空間的一個點的坐標。定值：用于設置物體的旋轉角度，縮放比例等。選擇：在某個選擇集中選出一個元素，通過注視，指點或接觸一個對象，使對象成為后續(xù)行為的焦點。幾何約束：用于對圖形的方向，對齊方式等進行規(guī)定和校準。四、詳細設計與實現(xiàn)1,初始界面如下：WEB如界面設計一家居室內設計觀賞2,點擊圓椅后所轉換場景如下:WEB 3D界回設計-家居室內設計觀賞3,點擊油

7、煙機后所轉換場景如下:4,點擊餐椅后所轉換場景如下:WEB印界面設計-家居室內設計觀賞5,點擊書柜后所轉換場景如下:WEE3D界面設計-嚎居室內設計觀賞6,點擊水壺將呈現(xiàn)環(huán)視場景如下：WEB3D界面設計一家居室內設計觀賞WEB3D界面設計一家居室內設計明賞WEB3D界面設計一家居室內設計觀賞五、可用性評估1,評估指標體系根據(jù)網(wǎng)站的特點及服務人群，提出可用性為效果、效率和用戶主觀滿意度等。具體實現(xiàn)步驟（1）評估人員介紹測試的目的（2）思維訓練在做什么？看到了什么？怎么想的？有什么疑問？（3） 任務介紹用戶使用系統(tǒng)之前盡可能告訴用戶有關系統(tǒng)的信息，詢問用戶是否有關于研究目標、過程或任 務的問題。（

8、4）開始測試（5）結束測試詢問用戶是否還有更多的關于系統(tǒng)或研究的問題?；卮鹉切┈F(xiàn)在就可以回答的問題，或讓用戶 和可以回答這些問題的人聯(lián)系。結果分析80%的測試者的完成比率較高，反應了測試任務設計是比較合理的，以簡單任務開始，以簡單任務結束，使得用戶在任務完成時有成就感。20%的測試者的完成比率較低的原因為：點擊物體并沒有明確標記出來。六、結論這次的Web3D界面，我主要運用的是3DMax，是Autodesk公司開發(fā)的基于PC系統(tǒng)的三維動畫渲染和制 作軟件，廣泛應用于廣告、影視、工業(yè)設計、建筑設計、多媒體制作、游戲、輔助教學以及工程可 視化等領域。我在3DMax中，創(chuàng)建并編輯了多個對象，將他們組

9、合在了一起，為他們指定特殊材質， 使他們看起來更加真實。為了實現(xiàn)交互，在界面中有設置了燈光和攝像機，用輔助對象中的錨實現(xiàn) 了在不同攝像機之間的轉換。通過這次實驗，我學到了很多關于WEB3D理論和實踐方面的知識，但我還有很多可以改進的地方： 我還可以把界面做得更好，實現(xiàn)更多的交互功能，并且在vrml領域做更多的深入。未來人機交互的發(fā)展將走向高科技化，自然化，人性化。所使用的計算機將趨向平面化、超薄型化、 便攜式、袖珍型；輸入方式將朝著多通道華發(fā)展，跟蹤球、觸摸屏、光筆、語音輸入等競相登場；多媒體 技術、虛擬現(xiàn)實及強有力的視覺工作站將提供真實、動態(tài)的影響和刺激靈感的用戶界面。隨著計算機圖形學、軟件工程、人工智能、窗口系統(tǒng)等軟件技術的進步，設計更應該充分發(fā)揮整合、協(xié)調的作用，在圖形藝術、心理學、人機工程學等方面作深入的研究。在圖形界面廣泛應用 的基礎之上，進一步要求能夠通過視覺、聽覺、嗅覺、觸覺，以及形體、手勢或口令，更自然的進入到環(huán) 境空間中去，形成人機直接對話，從而取得身臨其境的體驗。在軟件界面設計中，盡可能的使用自然語言， 發(fā)展圖、文、聲、光等多種形式，是畫面空間更