基于交互設計的產品遠程展示平臺的設計與實現

(東北石油大學軟件學院，黑龍江大慶163318）

產品遠程展示平臺，是一種基于網絡的、綜合多種媒體表現形式構建的遠程信息平臺，它很大程度上豐富了所要展示產品的內容，并快捷的提供了相關產品的對比信息。交互設計是設計人們日常生活工作中可以進行互動式的產品，它注重用戶在操作過程中的體驗，以開發出使用戶感覺愉悅、方便并且能夠高效使用的最終產品為目標。從平臺的角度上說，交互設計就是如何對產品進行特殊設計，從而讓用戶更加全面的了解其內部結構、功能特性等。交互設計作為一門關注用戶體驗的新學科吸引了越來越多人的研究與應用，隨著多媒體技術和虛擬現實技術的發展，市場上出現了越來越多的交互式產品，交互方式也各異，數字化、網絡化、多樣化必將成為產品展示設計發展的一大趨勢。為此，筆者設計與實現了一種基于交互設計的產品遠程展示平臺。

1 基于交互設計的產品遠程展示平臺特點

90年代后期以來，展示設計采用了新的方式，是多元化、多種手段并存的：圖像-文字-三維環境-數字化展示[1]。隨著多媒體、虛擬現實技術的飛速發展，產品的展示形式也發生了變化，多媒體的虛擬化展示日益壯大，三維交互設計也被引入了產品虛擬展示平臺中。交互設計在遠程展示平臺主要有以下優點：

1）交互設計提高了遠程展示平臺的直觀性 運用交互設計的產品遠程展示平臺通過三維建模渲染出具有真實效果的產品模型，實現了全方位的細節展示，更加的直觀清晰。

2）交互設計突出了遠程展示平臺的互動性 交互設計增加了產品與用戶之間的聯系，使得用戶不再單單按照程序設計的路線被動查看，而是真正掌握主動權，由自己決定查看方式，可以360°旋轉查看，可以自己動手裝配或者拆卸產品模型，這種互動性也增強了用戶瀏覽的積極性。

3）交互設計增強了遠程展示平臺的真實性 交互設計的最終目標是讓產品最大程度的被用戶熟悉了解，它模擬了實際工作生活中產品的功能，并通過簡單的操作，配合豐富的聲音，使得展示效果更加的形象，更加的逼真。

2 產品遠程展示平臺的設計原則

1）首先考慮虛擬展示空間的可用性 可用性體現在展示平臺的通用、易學、有效等方面，由于不同的展示平臺設計風格不同，所以在設計上不要讓用戶的心理上有太大的差異[2]，同時考慮到用戶不可能經常上網瀏覽，所以展示平臺必須要讓用戶容易操作，不會有挫敗感，并保證操作的高效性。

2）平臺中功能元素的設計要充分考慮用戶的目的和需求 收集用戶的具體需求，分析歸類，以便幫助設計操作流程，決定添加哪些功能模塊。對于產品的遠程展示平臺的不同的模塊而言，需要提前針對不同類型的內容加以分類，因為相對于傳統的展示平臺，它綜合了文字、圖片、音頻、視頻、模型、動畫等更多的多媒體元素，所以需要預先分類從而進一步的評估所要添加的信息量。

所構建的產品遠程展示平臺最終是服務用戶的，因而用戶的感受與展示平臺的好壞息息相關[3]，對不同的展示平臺采用不同的設計方案，但在界面設計上大致都要遵循精美簡潔的原則。此外，遠程展示平臺中適當的加入一些用戶意想不到的創意，也會增加趣味性。

3）導航簡介清晰 如果說遠程展示平臺是一輛奔馳的跑車，網站導航就是GPS，讓用戶快速簡捷的找到目的地，并以最佳的路徑到達。網站導航系統是否專業與用戶對網站的感受有著密不可分的關系，也是網站信息是否能夠有效地傳遞給用戶的重要影響因素之一。

4）界面設計秩序化、友好化 近幾年網絡的發展使人們越來越重視網頁設計，逐步產生了審美的需求，所以在避免網頁設計 “塞”、“花”、“千篇一律”的基礎上，要設計出具有自身特色又符合用戶心理模型的網頁。

3 產品遠程展示平臺的框架設計

對于一個基本的產品遠程展示平臺來說，應該包含如下幾個功能模塊：產品的分類檢索模塊、產品展示與交互模塊、產品詳細介紹模塊、相關產品對比模塊、用戶討論模塊、購買聯系模塊等(見圖1），同時針對不同模塊的特點，合理化布局并實現相關的功能。

圖1 產品遠程展示平臺功能模塊圖

4 產品遠程展示平臺的實現

1）系統開發平臺 產品遠程展示平臺采用Jsp＋Javabean＋SQL Server開發。Jsp動態網頁語言結合Javabean使得產品遠程展示平臺具有很好的可移植性，不用重新編譯，即可從一個平臺移植到另一個平臺，同時后臺采用SQL Server數據庫存儲產品的相關信息，并提供相應界面方便管理員進行增刪改查及用戶的查詢的操作。

圖2 網站首頁圖

網站設計了6個主要的功能模塊(見圖2）：①產品的分類檢索模塊。該模塊有助于幫助用戶快捷的找到自己想要了解的產品，起到了一個導航的作用。在該模塊中，一般用到的檢索是基于產品屬性的檢索，比如品牌、價位、樣式等等。用戶通過平臺的操作界面以交互的方式經Web服務器來訪問后臺數據庫，并將提交的內容與檢索結果以網頁的形式發送回客戶端顯示出來。②產品展示與交互模塊。作為整個界面中最重要的部分，它所需占據的空間比例也較大，用戶可以通過該模塊獲得產品最直觀的信息，包括圖片介紹、文字信息、模型交互、音頻模擬、動畫演示等[4]，同產品模型進行一系列的交互來體驗產品的功能，一定程度上也會增加用戶的購買欲望。將設計完成的產品模型輸出為可網絡發布的VRPIE文件嵌入網頁中，用戶在任何一臺聯網的計算機上便可自動下載VRP-IE插件在線瀏覽或者下載VRP場景，進而以用戶自己的想法來了解產品的各方面信息。③產品詳細介紹模塊。當用戶查詢到感興趣的產品時，會希望進一步了解產品的詳細信息，詳細介紹模塊可以很方便讓用戶瀏覽產品的信息，比如產品的規格(包括大小、材質等）、產品的使用說明、出廠信息、產品的模型和圖片，并可以在不需要的時候隱藏起來。④相關產品對比模塊。琳瑯滿目的產品有時候會使用戶想要直觀的比較產品之間的不同，此時就需要幾個產品同時出現在屏幕上，供用戶對比選擇，比如當用戶購買筆記本的時候，檢索到合適的品牌、型號的筆記本后，應該在該產品下方展示出平臺中部分與用戶挑選的產品具有類似屬性的同類型其他產品的鏈接信息，以便于用戶購買最稱心滿意的產品。⑤用戶討論模塊。進入平臺的用戶可以注冊成為會員或者以游客的身份發表自己的看法以及對產品的評價，同時在線客服會提供相應的咨詢服務，對于會員的留言提問信息也會有管理員及時給予的回復。銷售者需要用戶的意見改進的自身的產品，而消費者的評論也會影響其他購買者得心理。⑥購買聯系模塊。產品遠程展示平臺的最終目的也是希望消費者購買自己的產品，所以平臺中需要提供與商家溝通聯系的方式以及一些購買功能設置，例如產品的價格、支付手段、售后服務以及賣主介紹，以確保交易順利成功的進行。

圖3 技術流程圖

2）三維交互功能的實現 三維交互作為產品遠程展示平臺中新的互動方式，最大程度上做到了與用戶之間的零距離接觸。它的實現主要分為以下4個階段(見圖3）：①三維建模。收集所展產品的三維數據，并分析其結構層次，確定不同部件的建模方法，同時考慮場景的運行速度，對已建好的好模型進行簡化，減少不必要的數據，最后通過貼圖、紋理映射等手段編輯模型的材質[5]，通過3DMax、AutoCAD等建模軟件最終構建出產品三維模型，使得模型本身更加貼近真實產品。②動畫展示制作。動畫是展示平臺中非常重要的一部分，它不僅可以配合產品與用戶之間進行基本的交互，而且可以設計一些復雜產品的工作方式的演示方案，類似機械產品的裝配與分離，然后制作成Flash嵌入到網頁中，或者用VRP內置的時間軸做一些簡單的原理模擬，豐富產品的本身信息。③虛擬交互設計。展臺中所需的三維產品模型和動畫制作完成之后，需要對它們進行虛擬的交互設計，這也是展示平臺與用戶之間進行交互的關鍵環節，通過三維網絡技術，可以實現類比控制、旋轉、縮放、拆分之類的操作，目前比較流行的技術主要有Java3D、Viewpoint等，這里筆者主要運用VRP設計產品模型的主要交互動作。④后期制作(平臺發布）。將已設計完成的平臺框架與交互設計的產品模型整合成為一個整體，并適當的添加圖片、視頻、動畫等信息，最終形成產品遠程展示平臺的各個交互界面，后期制作過程中既要保證預想的效果與功能可以順利實現，又要保證界面設計美觀大方，所以技術人員和美工人員之間要實時的溝通與配合。這樣后期制作后，平臺便可以通過相關的網絡技術發布到網絡上了，需要用到的相關技術有JSP動態網頁技術、數據庫技術等。

5 結 語

著重闡述了交互設計在產品遠程展示平臺中的特點，并從用戶的角度出發敘述了平臺的搭建過程、基于交互設計的產品遠程展示平臺的設計理念以及實現中應注意的問題。在計算機技術高速發展的信息時代，相信會有更多的產品遠程展示平臺中引入交互設計的理念，而交互設計也會逐漸在其他的領域中發光發熱。

[1]鐘蕾，魏雅莉．論虛擬展示 [J]．包裝工程，2006，27（1）：239-241．

[2]尼爾森．可用性工程 [M]．北京：機械工業出版社，2004．

[3]孫敏．交互設計中德行為研究與目標導向 [D]．蘇州：蘇州大學，2007．

[4]王衛星，楊勤．產品設計中的交互創造 [A]．Proceedings of the 2004International Conference on Industrial Design [C]．2004．

[5]丁玉蘭，郭鋼，趙江洪．人機工程學 [M]．北京：北京理工大學出版社，2000．