張晶+高原
課題項目:本論文為湖南工業大學自然科學研究項目2012HZX12的階段性研究成果摘 要:人機交互界面是連接人、軟硬件、環境的最有效的橋梁,成為用戶與數字產品互動操作中最直觀的部分,并成為工業設計領域一名嶄新的成員起著重要的作用和意義。論文從信息結構、視覺要素、交互行為三方面尋求產品人機交互界面的和諧設計原則,以促進產品人機交互界面從生冷化轉向人際友好化的設計趨勢。
關鍵詞:人機交互界面;和諧設計;友好化
1 產品人機交互界面設計中和諧的缺失
關于界面的定義,很難界定。從詞源學角度來說,界面(interface)這一字眼最早源于古希臘,意思是面對面的臉,兩張相對的臉便構成了相互關系。界面實際上是兩種或多種信息源面對面的交匯之處,這種交互過程的各個終端便是人自身。[1]赫伯特?亞歷山大?西蒙,將設計看作是“創立人工物的內部環境和外部環境的結合”,而界面存在于人物信息交流場合之中,則甚至可以說,存在人物信息交流的一切領域都屬于設計界面。于是可以將設計界面定義為設計中所面對、所分析的一切信息交互的總和,它反映著人——物之間的所有關系。[2]在JefRaskin先生的《人本界面》中,“通常把人機界面(humanmachine interface或humancomputer interface )簡稱為用戶界面或界面。作者進一步指出“用戶需要的是結果和便利,他們看到的只是界面。就消費者而言,界面就是產品。”[3]
目前,界面設計師往往熱衷于軟件產品的創意、可用性和功能;工程師則常常聚焦于產品的結構、性能和技藝,缺少的恰恰是對產品人機交互界面和諧的關注。由于忽略了眾多因素的協調設計,從而影響了人機交互的和諧發展,導致用戶界面設計缺失和諧美。馬克思有句名言:“對美的追求是人類的本能。”和諧是人類追求的一種美好的價值觀,和諧之美是充滿生命力的思想及目標,永遠激勵著人們不斷去追求發展、創新?!耙蕴岣呷祟惿钯|量和美化人們生活方式為定位的工業設計,尤其注重產品與人的關系之間的和諧”。[4]畢達哥拉斯學派也曾強調“和諧是眾多因素的統一,不協調因素的有機結合”。產品是一個諸多要素之間和諧與共生的系統,“用戶——產品——環境”整個系統以及內部要素需要考慮如何和諧共生,應該注意哪些問題、需要掌握哪些設計原則。筆者將從產品人機界面的信息內容、視覺要素、交互行為三方面探討人機交互界面的和諧設計原則,并試圖研究產品界面設計中眾多因素如何和諧共存。
2 和諧在產品人機交互界面中的設計原則
2.1 人機交互界面信息結構的和諧
一個應用程序的用戶界面框架就好比一個容器,它盛裝眾多的元素:窗口、菜單、按鍵、圖標等等,和諧之美正是眾多客觀事物配合適當的表征。目前國內多數軟件開發者注重軟件的開發技術及其業務功能,而忽略了用戶對界面的實際需求,從而影響了軟件的易用性和友好性。研究好的界面設計模式和連續性對產品設計至關重要,指定合適的程序表達方式對開發后續窗口提供了很大的便利,因為它們有很多通用的內在框架。如果不盡早在界面設計中定義好表達方式,隨后對程序外觀和風格的修改將浪費更多的時間和金錢,這是由于改動幾乎會影響到所有的窗口。當需要用戶的輸入時可以采用有模式對話框,對不確定完成時限的任務模式而言,對話框是一種更好的選擇。另一個重要特征是響應速度,很多速度問題的處理是通過GUI而非硬件。如果程序是面向在線事務處理的,操作太慢則易導致用戶放棄系統,速度可以說是決定程序是否被用戶群接受的成敗關鍵。早在1983年,視覺設計大師Edward Tufte,就提出了關于展示信息的首要準則:“比其他任何事情更重要的是展示信息”。信息已經成為功能的新形態,而其中界面圖標正是產品功能圖形化最佳的視覺信息展示,給用戶帶來更為直觀的視覺感受和高效的工作效率。視覺界面設計師應根據不同的軟硬件特性及相關標準和實踐要求,針對不同的產品目標而設計出不同的信息展示方式。首先,應該考慮界面整體功能結構布局是否合理,尤其要優化功能圖標信息的傳達結構,只有功能圖標結構明晰,才能避免使用者在界面的繁雜鏈接和操作中迷失。在功能強大的移動網絡設備和門戶網站中對圖標的導航性能提出更高的要求,導航設計中的信息結構更多地采用層級結構的形式向用戶傳達復雜的信息。
2.2 人機交互界面視覺要素的和諧
(1)圖標屬性。界面圖標的尺寸設計以及顯示效果是表現圖標視覺認知特征最關鍵的因素。在界面圖標尺寸設計時,受諸多因素的約束和限制,設計人員需要全面細致的考慮一些細節問題:數字設備的內存及屏幕顯示的分辨率、對比度;目標用戶的視力、觀察的距離和條件等。用于激活某些功能圖標的尺寸大小必須易于選擇和指定,可以遵循人機工程學、認知學的一些方法得到一個合理尺寸的圖標,從而使圖標在人機界面設計的眾多要素中保持一種和諧美。另外一個影響圖標的視覺認知特征的重要因素是圖標的形狀,對圖標的認知和理解的好壞程度決定了人機交互界面和諧設計的好壞。首先,圖標的造型設計應該遵循易懂、易記、易辨的原則,并以清晰、簡明、印象深刻的方式呈現出來。圖標形態盡量采用封閉輪廓的圖形,邊界應該清晰明確、穩定并且與背景環境區分,有利于對目光的吸引積聚并且方便用戶視覺搜索,從而有效地加強了圖標的“可識別性”。其次,力求圖標的造型要簡練且方便繪制,并方便添加強化認知的細節才能真正做到美觀精致。復雜的圖標其意義指向的可能性會越多、圖標的可用性將會越差,從而影響人機交互界面的整體和諧。最后,圖標是通過形與義的緊密結合來傳達特定的信息,因此,要構建直接、合理的隱喻。設計師應利用人們習慣用法和熟知形態來準確地描述產品的功能和對應的操作行為,成功地為用戶搭建界面功能信息的交流平臺。對多個功能組圖標或圖標家族進行設計時,要注意圖標之間的關系層次清晰;并且在圖標的造型手法、隱喻手法、習慣用法上要盡可能的統一協調,從而使產品人機交互界面在設計和使用中達到高度的和諧統一。
(2)色彩屬性。顏色的運用是為了更加適合用戶的認知習慣和特定的使用情境,如果屏幕中出現過多、過度飽和的顏色,將會無形增加用戶視覺掃描的次數,削弱用戶對顏色的反應能力,并且浪費大量的時間和精力。有些數碼產品和手機界面濫用彩色圖形,容易造成畫面混亂、圖形歧義等諸多問題,使用戶不易正確了解和迅速掌握其操作,從而破壞了界面視覺設計的和諧性并影響了交互活動的積極互動。顏色在界面設計中要做到以人為本,其設計應該使用戶感覺舒服,好的設計能瞬間改變人的情緒并對其心理起著積極的作用。例如:醫院設計的系統界面應以粉色調為主,粉紅、粉藍也是不錯的選擇,這種柔和的色彩既有紅色的熱情又不如紅色般熱烈;既有藍色的冷靜又不如藍色般冷酷,讓人感覺柔和平靜,醫生護士更易平心靜氣、耐心細致的幫助病人。不同功能的用戶界面可選擇不同的色彩設計,但都要遵循色彩的一般使用原則:符合軟件本身的特點和使用特征;符合使用者的心理預期;符合系統界面的風格統一。盡量使用較少的色彩來表現豐富的圖形圖像,使其在軟件系統中所占數據量減小從而提高程序的工作效率,還需要考慮程序部分和圖像部分的自然結合才能協調界面效果的整體感。 (3)風格屬性。界面的外觀和風格是連接界面各個方面的重點,外觀和風格在整體上必須一致才能達到和諧之美。用戶界面的一致性主要是指呈現給使用者的通用操作序列、術語和信息的措辭,界面元素布局、顏色搭配和排版樣式等都要保持一致。唯有高度一致的用戶界面才可以讓各個部分的信息安排得井然有序,給用戶以清晰感和整體感,有利于用戶對界面運作建立起精確的心理模型,從而降低培訓和支持成本。[5]制定相應的設計風格標準可以讓設計更加具體、可以有效地用于產品人機交互界面的管理和調整,是設計大型人機交互界面或多部門共同協作設計工作所必不可少的,其最終的設計目的是讓終端用戶能夠感受到和諧之美,并能促進工作效率的提高以及操作使用系統的適用性。endprint