基于霍爾三維結構的用戶界面交互設計模型分析

(華南理工大學 廣東 廣州 510006)

隨著“互聯網+”理論的發展，交互設計成了一個很熱的話題，交互設計師變成了炙手可熱的崗位。然而正是中國式的“隨大流”浪潮下，我們需要謹慎對待交互設計打發展，以免造成其發展的畸形。相應的，在中國高校中也掀起了“交互設計實驗班”課程改革的大熱。筆者所在學校華南理工大學作為中國首批開設“交互設計實驗班”的985高校，這正在為交互設計的理論與實踐教育體系搭建框架。從中國高校以往的交互設計教育來看，其中的藝術性教育要大于科學性教育。本片論文將系統化思想融入交互設計中，使其成為一門嚴謹的科學，打破其以藝術為主導的就認識。

一、霍爾三維結構與交互設計

1.霍爾三維結構

霍爾的三維結構模式的出現，為解決大型復雜系統的規劃、組織、管理問題提供了一種統一的思想方法，因而在世界各國得到了廣泛應用。霍爾三維結構是將系統工程整個活動過程分為前后緊密銜接的七個階段和七個步驟，同時還考慮了為完成這些階段和步驟所需要的各種專業知識和技能。這樣，就形成了由時間維、邏輯維和知識維所組成的三維空間結構。其中，時間維表示系統工程活動從開始到結束按時間順序排列的全過程，分為規劃、擬定方案、研制、生產、安裝、運行、更新七個時間階段。邏輯維是指時間維的每一個階段內所要進行的工作內容和應該遵循的思維程序，包括明確問題、確定目標、系統綜合、系統分析。優化、決策、實施七個邏輯步驟。知識維列舉需要運用包括工程、醫學、建筑、商業、法律、管理、社會科學、藝術、等各種知識和技能。三維結構體系形象地描述了系統工程研究的框架，對其中任一階段和每一個步驟，又可進一步展開，形成了分層次的樹狀體系。下面將邏輯維的7個步驟逐項展開討論，可以看出，這些內容幾乎覆蓋了系統工程理論方法的各個方面。

2.交互設計

交互設計(英文Interaction Design,縮寫IXD)，是定義、設計人造系統的行為的設計領域，它定義了兩個或多個互動的個體之間交流的內容和結構，使之互相配合，共同達成某種目的。交互設計努力去創造和建立的是人與產品及服務之間有意義的關系，以“在充滿社會復雜性的物質世界中嵌入信息技術”為中心。交互系統設計的目標可以從“可用性”和”用戶體驗“兩個層面上進行分析，關注以人為本的用戶需求。

交互設計的思維方法建構于工業設計以用戶為中心的方法，同時加以發展，更多地面向行為和過程，把產品看作一個事件，強調過程性思考的能力，流程圖與狀態轉換圖和故事板等成為重要設計表現手段，更重要的是掌握軟件和硬件的原型實現的技巧方法和評估技術。

交互設計在于定義人造物的行為方式(the “interaction”,即人工制品在特定場景下的反應方式)相關的界面。交互設計作為一門關注交互體驗的新學科在二十世紀八十年代產生了，它由IDEO的一位創始人比爾·摩格理吉(Bill Moggridge)在1984年一次設計會議上提出，他一開始給它命名為“軟面(Soft Face)”，由于這個名字容易讓人想起和當時流行的玩具“椰菜娃娃(Cabbage Patch doll)”，他后來把它更名為“Interaction Design”，即交互設計。

根據目前的中國高校交互設計教育框架，交互設計可以大致分為兩類:智能產品的交互設計與用戶界面的交互設計。這里主要介紹用戶界面的交互設計模型分析，例如網頁交互設計與移動App交互設計等。

互聯網產業在中國飛速發展，交互設計與用戶體驗不斷被人們所熟悉，但是并沒有從系統的理念來看待他們，還是還有許多人把他們看成是美工或視覺設計師。

二、基于霍爾三維結構的工業設計模型

鄙校王華斌老師曾于2012年，基于霍爾三維結構理論初步建立了工業設計模型，將時間維分為產品構想市場調研、產品概念、產品設計、產品生產、產品上市、產品反饋這7個階段，并強調了時間維的不可逆性，這是嚴格地產品設計原則與程序，屬于“瀑布流”結構。

邏輯維則分為設計委托‘情報收集、設計定位、方案初步、方案優化、模型樣機、方案評估、決策實施與效果反饋9條邏輯準則，并且確立其可逆性，可以做局部循環，乃至整體的推倒重建。

工業設計是典型的多學科交叉學科，知識維涵蓋藝術、法律、經濟、工程技術(狹義)、環境、管理、社會學、計算機等多個學科。

從這個工業設計模型中，我們不難發現，這是工業設計中偏向產品設計方面的霍爾三維結構模型。交互設計與產品設計一樣，同屬于工業設計范疇，然而交互設計與產品設計的不同點也十分鮮明,此模型對于交互設計并不完全適用。我們需要一個更有針對性、更具體地模型來指導交互設計的發展。

三、基于霍爾三維結構的用戶界面交互設計模型的初步建立

1.交互設計(用戶界面)與產品設計的異同

交互設計是工業設計范疇中較為特殊的一個分支，在我國由于互聯網行業的快速興起而逐漸興盛。因與產品設計同屬工業設計范疇，越來越多的工業設計(包括產品設計)學生在畢業后轉行進入互聯網行業，投身交互設計的工作。

與傳統的產品設計相比，不同點顯而易見。最大的不同點當屬設計程序：產品設計為較為傳統的“瀑布流”結構，按步就班的進行，“造型管造型，技術管技術”的各司其職；而互聯網的交互設計則為“敏捷式”開發流程。

所謂敏捷開發模式，我們可通過《敏捷宣言》窺視其內容。

敏捷宣言強調的敏捷軟件開發的四個核心價值是：

a.個人和互動高于流程和工具(以人為核心，功能不能脫離人)

b.工作軟件高于理解文檔(交互方式便于理解，符合大眾邏輯)

c.客戶協作高于合同協商(隨時與客戶交流，確認需求)

d.變化響應高于計劃遵循(“設計-確認-再設計”的循環)

通過“四個核心價值”不難看出，交互設計中會有很多很多次局部循環，并且多個任務工作同時進行，因此時間維中并沒有清晰的分界，由于時間維為不可逆維度，所以時間維需重新規劃，規劃為“有疊加”的時間維。需求分析、產品定位、設計概念、原型迭代、產品上線、接收反饋6個階段，同時原型迭代有兩個小項構成，即需求確認與技術開發，這樣對“霍爾三維結構”進行合理的變動，使得得出的時間維更加嚴謹、更加符合交互設計原則。

邏輯維我們將維持原有的工業設計模型邏輯維，這一方面交互設計與產品設計基本相同，不僅如此，設計類學科為數不少，例如環境藝術設計、視覺傳達設計，均可以沿用次邏輯維。

交互設計模型的知識維相較于產品設計會有不同學科側重，而且相同學科的用途也有些許不同。筆者將知識維進行如下細分：藝術、計算機、心理學、統計學、行為分析、溝通、文化。從細分中不難看出，知識體系的搭建是圍繞“用戶”的，符合以用戶為中心的理念，也是交互設計精髓。

經過不端演繹，基于霍爾三維結構的用戶界面交互設計模型如下：

通過與工業設計模型對比分析，得出分析交互設計模型，對時間維和知識維的側重點進行了重新劃分。根據交互設計的特點，新模型的建立會隨著時間的推移以及交互設計本身的發展而更新。模型不是教條的，不是僵化的，模型也在隨著時間的推移而演化。

四、結語

隨著互聯網的深度發展，交互設計在中國的發展已經開始受到高度重視，交互設計是一個系統工程，用霍爾三維結構的系統工程方法論作為基礎構建的交互設計系統模型對用戶界面交互設計過程進行了概括和整理，對用戶界面交互設計活動具有方法論層面的指導意義，從理論上來指引設計者如何面對設計活動樹立系統意識，有條理、有程序、有步驟地解決問題，旨在為從事工業設計者提供系統化、整體性的引導分析工具，希望能起到參考作用。

[1]岳志勇,丁惠.基于霍爾三維結構的技術創新方法培訓體系研究[J].科學管理研究,2013,02:20-22+26.

[2]張寧,劉正捷.基于用戶認知能力的自助服務終端界面交互設計方法[J].計算機應用研究,2013,08:2455-2460.

[3]車莉.基于霍爾三維結構的大學生培養體系研究[J].中國青年研究,2013,10:70-73.

[4]王華斌,俞友娟,李牧,王蓉,朱貝芬.基于霍爾三維結構的工業設計模型研究[J].包裝工程,2012,18:76-79.

[5]楊煥.智能手機移動互聯網應用的界面設計研究[D].武漢理工大學,2013.

[6]馬志強.基于用戶體驗的智能手機網站界面交互設計研究[D].江南大學,2013.

[7]穆怡雯.多通道交互設計方法研究[D].北京郵電大學,2008.

[8]陳曉蕾.基于用戶體驗的交互界面設計研究[D].長春工業大學,2013.

[9]林益明,袁俊剛.系統工程內涵、過程及框架探討[J].航天器工程,2009,01:8-12.

[10]于景元.系統工程的發展與應用[J].工程研究-跨科學視野中的工程,2009,01:25-33.