網頁人機界面感性化研究

摘要：通過闡述感性工學與網頁人機界面設計兩者的關系，從而論證將感性工學應用在網頁人機界面設計的必要性。采用逆向式感性工學的以用戶為中心的方法對少兒網站進行調查分析，再將調查結果采用前推式感性工學的方法得出少兒網站界面感性意向樹狀圖，提出目前網站設計中的不足以及應該改進的方向，從而為感性化少兒網站設計提供理念支持。

關鍵詞：網頁人機界面設計；感性工學 ；少兒網站

中圖分類號：TP393文獻標識碼：A文章編號：1009-3044(2011)04-0779-03

1 感性化網頁界面設計

1.1 界面設計的發展

界面設計的概念首先是在西方國家提出來的，而且存在了很長的時間，發展到今天己經有了一套自己成熟的理論和實踐經驗，韓國和日本對于網頁界面設計的研究已經走在這方面研究的前端。雖然感性的人機界面設計成為設計領域的焦點，其理論主要用在產品界面設計，在歷年研究生的論文中，大多是從網頁界面設計的色彩、存在的形態及學科相關性方面闡述、或者只是網站建模，很少將理論與設計實踐相結合來研究。人機界面設計的一個細小分支:網頁人機界面的感性化設計在國內還處于起步階段。

1.2 感性工學

上個世紀80年代末在日本出現了感性工學的課題和研究。感性工學(KanseiEngineering)是界于設計學、工學及其他學科之間的一門綜合性交叉學科。“感性”是一種主觀的難以用文字來描述的心理體驗，它是一種認知的概念，受個人知識、經驗和個性的影響，是個性化的認識。同時感性也是直覺與理智相互作用的結果，感性對美的、情趣的事物特別敏感。對于設計者而言就是把消費者腦海中的構建法則探尋出來，通過破譯消費者的感受，再利用這些探尋出來的法則去進行設計，這就是感性工學設計的首要任務。

1.3 感性工學與界面設計的關系

首先從指導思想上講，感性工學設計的出發點是考慮人的感受即以人為本。從人的角度度上考慮問題高于一切，因為設計的目的就是為了讓產品更好的為人服務。只有以人的感受作為基礎和原始資料，以“以人為本”作為指導思想，從人的感受方面去尋找設計靈感，才能保證設計符合使用者的需求，這是設計的源頭也是設計的動力。其次從設計周期方面講，基于感性工學的網頁界面設計方法論精簡了傳統的設計理念的步驟，設計程序不再那么復雜。對設計過程的精簡不僅提高了設計效率，簡化了繁瑣的設計流程，而且從根本上解除了設計師在思想上的束縛，使設計更加靈活。最后，從設計結果上講，它避免了許多不必要的或者是重復的信息設置，無論是布局還是內容，每一個小細節都來自用戶的真實感受，都經過設計師的深思熟慮。由基于感性工學的網絡形象設計理念設計出來的“產品”應該是符合用戶群體需求，符合市場需求的。網頁界面設計發展到現今的階段，功能合理，適用有效或是有某種外在的美感已經不再能滿足網頁用戶的需求了，感性化網頁界面設計已經成為設計的必然。在網頁界面的設計過程中，研究用戶是其最基礎的一個環節。為了提供自然和直觀的網頁界面，我們就需要表現出以用戶和交流為向導的新的設計方法。對于用戶來說，用恰當的文字和語言來表達自己的“感性”并不是一件容易的事情，設計師就更難辨別出產品的哪些屬性可以喚起人們的何種感性，以及人們的感性是如何隨著產品屬性的改變而改變的，在更多情況下，人們的感性并不只由某一種產品屬性決定。感性工學，因其運用科學先進的現代工具和技術，可以幫助消費者表達自己的感性，甚至是一些他們自己都沒有意識到的情感，設計師可以準確便捷地獲取消費者基于產品和概念的特性的主觀評價，取得消費者對于產品的潛在感受和需求。感性工學除了是可以運用的設計上的工具，更是可以輔助設計師弄清人們感性的利器，從而可以針對不同消費者和消費群體的感性需求，設計出不同的產品造型，在客戶滿意度與設計制造成本之間取得一個平衡點。

2 少兒網頁界面感性化設計現狀調查

本文以常用少兒網站新浪少兒網，希望谷，迪斯尼中國站為例，分析目前的少兒網站感性化設計發展現狀，為下文的研究提供數據依據。

2.1 數據來源及其分析

這項研究分別從用戶和網站角度進行研究。通過對用戶的調查，可以得到用戶的體驗，以及從用戶的角度得到對網站的評價，并且可以發現網站中存在的一些問題。通過對少兒網站的調查，可以了解到網站中吸引用戶的重要因素，以及用戶對網站的評價，從而為網站的設計提供建議。

2.1.1 問卷調查

問卷調查是以書面提出問題的方式搜集資料的一種研究方法。研究者將所要研究的問題編制成問題表格，以郵寄方式、當面作答或者追蹤訪問方式填答，從而了解被試對某一現象或問題的看法和意見，所以又稱問題表格法。在各種調查研究當中，所得結果是否達到調查的目的和要求，以及所搜集到的資料的可靠程度和完善程度都取決于調查問卷設計水平的高低，在可用性研究中，問卷調查可以用來了解用戶的滿意度和遇到的問題，也可以根據客戶服務的反饋，實際使用的記錄或實地測試的方法來了解用戶的實際使用情況。 問卷調查方式可以得到在特定的情況下對使用網絡的體驗，比如少兒上網是為了娛樂，結交朋友還是還是其他，可以得到在這個使用范圍內的精細的用戶需求。本次調查的用戶對象是深圳地區少年兒童。由于深圳是個移民城市，來深建設者來自全國各地，人口多樣化，少年兒童也都是來自全國各地，從而使得調查的數據人口廣泛而具有代表性。在問卷調查的這個環節里，我們的主要目的是發現少兒網站用戶瀏覽網站的目的，瀏覽網站過程中的喜好，期望得到什么，這些期望是如何滿足的，或者為什么沒有滿足。在知己知彼網發表調查問卷，再通過學而思教育機構將將網站公布給深圳五區各小學，每個區都有學生作答問卷，網站對調查問卷的結果進行統計分析，由于篇幅有限只列舉部分問卷結果，問卷調查大多為多項選擇題。從圖1可以看出，少年兒童瀏覽網站時的目的有70%以上是娛樂。

圖1 學生瀏覽網站的目的圖2 網站吸引用戶因素調查

從圖中可以看出人們在瀏覽一個網站的時候，喜歡一個網站的原因74%的人表示是因為娛樂；瀏覽網站的目的學習與娛樂的需要各占一半；有50%的人是被這個網站的內容所吸引；大多數的用戶喜歡清新，可愛，卡通的界面風格；44%的人認為目前的網站學習資源比較少，同時35%的人認為網站不容易操作，只有65%的人表示在三次以內就能熟練操作一個陌生的網站；59％的人表示容易找到需要的內容；大多數少年兒童希望能夠將資料年級分類以便查找； 59%的人表示希望能夠在線互動；大多數人喜歡網站提供展示自己才藝的平臺；從目前網站存在四個比較嚴重的問題，這個問題分別是網頁彈出廣告，出現錯誤的信息，網頁打開慢，網頁內容更新慢，這四個方面比較嚴重的問題也是我們今后網站設計改進的方向。

2.1.2 文案法

文案調查以收集少兒上網的文獻性信息為主，具體表現為各種文獻資料，可以通過網絡搜索，少兒報紙雜志和報紙來收集相關信息，尤其是通過網絡，可以從更寬廣得角度來獲得更多地有關少兒上網的知識。它可以用來發現少兒上網的問題并為研究提供重要參考依據。這些收集來的數據無法直接使用，需要經過加工才能使用，整個過程對調查者的要求比較高。

2.1.3 啟發性測試

為了得到用戶深層次的體驗，我們以”新浪少兒網”，”希望谷”，為例對用戶進行啟發性測試，在整個過程中從各個方面進行測試，整個界面測試涉及17個問題.比如，發現其中的三個比較嚴重的問題是:打開網站時彈出廣告，這一點是用戶非常反感的。還有一個問題就是網站不容易操作，而有的用戶發現網站不容易操作之后就幾乎放棄再次進入該網站.還有一個問題是，當孩子遇到不會的問題時，沒有老師在線答疑，甚至沒有留言等功能，也就是說這樣的網站缺少互動功能。

3 少兒網站感性意向分析

3.1 設計原則與方法

可用性的設計觀念采用的是逆向式推理感性工學的方法，它將設計的重點放在用戶對真實產品的體驗上，通過對“體驗”的觀察和總結對產品進行不斷的修改和糾正，最終達到“可用性”的目的。

感性網頁界面設計必須把重點放在以用戶為中心，從用戶的需要和用戶的感受出發，設計符合用戶需求的網頁界面，而不是讓用戶來適應界面，從而使界面友好使用。以用戶為中心的設計(UCD)是一種關于產品/系統設計過程的方法論，這個方法論以使用產品系統的人的信息為基礎。無論產品的使用流程、產品的信息架構、人機交互方式等，都需要考慮用戶的使用習慣、預期的交互方式、視覺感受等方面。UCD過程通過產品的計劃、設計和開發聚焦在用戶身上，整個過程包含了以人為中心的活動，它貫穿于產品開發的整個生命周期。

一個好的以用戶為中心的設計方法包括以下三個維度：效率，效能，用戶在特定環境下使用產品的滿意度，滿意度包括產品的易用性，吸引用戶的程度，用戶使用完產品后心理層面的感受。在感性設計的過程中，捕捉用戶的感性需求是感性網頁界設計的最為重要的一步。以少兒網站為例，通過以用戶為中心的感性工學方法提取出少兒網站設計的感性意向。具體從以下三個方面著手：

1) 調查網站和瀏覽者背景信息。

2) 選擇具有代表性的網站進行研究，從而得到用戶體驗。

3) 分析統計實驗得來的數據，并將其轉化成可設計因素。

3.2 少兒網站感性意向分析

每一種類型的少兒網站都有自己的優勢，綜合考慮影響訪問量的因素有以下幾點:網站用戶群體的定位、網站頁面的可用性、網站頁面的易用性、網站頁面的交互性。除此之外，還有一些小細節的設計也能影響用戶的感受，比如網站的注冊流程繁瑣且填寫過的內容不能被存儲記憶，這就會讓用戶感到異常的煩躁不安。基于上述的調查，得出少兒網站形象設計應該簡單，可愛，易用，這才符合少年兒童的心理發展，符合使用需求。

階層分析法

感性工學的階層類別分析法是根據新產品的感性層面來進行分析和分類，以建立產品的感性結構來獲取設計細節，因此主要運用在新產品的開發過程中，將運用階層類別分析法研究出的某種產品屬性決策歸納采入到新產品設計中去。在階層類別分析法操作過程中，首先要對目標產品做一個感性市場的調查。調查主要收集來自于各種渠道的信息，如用戶訪談、市場調研、報刊網絡資料收集等。在此之后，著重的是研究小組成員間的想法表達與充分討論，通過討論凝聚成一個產品概念作為0階感性概念。考慮到0階感性概念的抽象性及難懂性，將其轉譯成稍微具體的1階感性概念就很有必要了。研究人員采用層次遞推的方法，將用戶對產品的感性認識范疇向下拆解形成1階感性概念。接著再由1階感性概念逐次逐步層次分解推論子概念，每一個衍生子概念再分別向下拆解展開成樹狀結構。假如設計團隊無法從某一階層得到具體的設計細節部分，則將繼續往下拆解，直到能夠得到出現物理量的細節設計的詳細說明的階層（作為“N階”）為止，最終獲得符合感性訴求的產品設計物理特性，作為產品開發的基礎。這個“感性——物理特性”的樹狀圖關系，就是貫穿階層類別分析法的一條主要脈絡。

捕捉用戶的感性體驗是是一個網站成功的關鍵地方，從調查設計中的幾個常用的網站看都缺乏這方面的設計。將少兒網站的調查研究結果利用階層分析法，我們將少兒網站的設計定位于以用戶為中心，通過娛樂性，易用性，美觀性，交互性四個一次感受來體現以用戶為中心的0次感受。比如，一次感受中的娛樂性，又是通過趣味性和可玩性的二次感受來體現的。因為少年兒童的心理具有特殊性，所以內容不能嚴肅和呆板，要讓網站達到寓教于樂的目的，內容要充滿童趣，少年兒童對外在的世界還充滿無比的好奇，所以開發交友功能來滿足他們的好奇心。再將1次感性繼續細分，經過N次感性化后最終得出物理上的設計細節。這樣我們就將過去難以量化、只能定性的、非理性無邏輯可言的感性反應，轉化為設計要素。少兒網站感性樹狀圖如圖3所示。

4 結論

通過對以上幾個網站的感性設計現狀調查 ，再將調查的結果運用感性工學方法得出感性意向樹狀圖，得出一下幾點結論：1）增強少兒網站的娛樂性，少兒上網的目的性不是很強，網站的內容要達到寓教于樂的效果；2）增強少兒網站內容易用性，少兒處于接觸網絡的初始階段，操作的簡易性符合少兒用戶心理；3）界面應該卡通化充滿童趣，這樣才能符合兒童的審美；4）增強網站的交互性可以從數據庫方面來考慮，再就是網站的的功能，提供在線問答，問題反饋功能能增強網站的可性度，也是吸引和留住用戶的一個重要方面。樹狀圖的具體物理設計細節就是將瀏覽用戶的感性體驗轉化成了具體的設計細節，這樣的設計符合用戶需求，達到了少兒網站感性化設計的目的。

參考文獻：

[1] 方惠敏，楊國勝，丁文珂.基于人性化網站界面設計的用戶建模[J].計算機技術與發展，2008(2):187-190.

[2] 鐘廈，宋曉晨，孫亞云.感性工學中量化的基本程序介紹[C]//2005年國際工業設計研討會暨第十屆全國工業設計學術年會論文集.北京:機械工業出版社，2005:728-731.

[3] 梅云.感性設計:人機界面設計新思維[J].科技資訊，2008(9):217.

[4] 徐曉莉.基于感性工學的網絡形象設計理念研究[D].濟南:山東大學，2008.

[5] 吳潔.設計藝術學[D].上海:上海交通大學，2007.

[6] 劉增.以用戶為中心的網絡界面設計研究[D].南京:南京航空航天大學，2007.

[7] 李立新.感性工學-門新學科的誕生[J].藝術生活，2006(3):71-73.

[8] 羅仕鑒，潘云鶴.產品設計中的感性意向理論，技術與研究進展[J].機械工程學報，2007(3):8-13.

[9] 喻中華.基于用戶體驗的購物網站設計中可信賴感研究[D].上海:上海交通大學，2008.

[10] Nagamachi M.Kansei Engineering:A new ergonomic consumer-oriented technology for product development[R].Department of Industrial and Systems Engineering，Hiroshima University，Kagamiyama:1-4-1，1995.

[11] Peng Hongxing，Song Hongzhi，Zhang Zhengwu，et al.A Study on User Experience of Online Games[J].World Congress on Software Engineering，2009:185-189.