以人為本的用戶界面設計

林影麗

（山東電子職業技術學院，濟南250014）

1 引言

在工業設計中引入界面設計，對工業設計的發展有著不可估量的意義。人們將脫離功能與形式之爭，從而把設計的中心轉移到對人的關注。通過對人的生理、心理、認知等的分析，確立人的行為模型，建立良好的人機界面。這樣的設計方法來源于工業設計思想而又高于現有的工業設計方法。在進行產品界面設計時，應該從潛在用戶的理解過程和實際操作行為特性、實際知識和經驗水平來決定人機界面，以人機界面設計指導產品設計。這么做不僅有利于產品的人機系統和諧化，也有利于該產品生產企業塑造出真正的“以人為本”的品牌形象。

人機界面的重要性在于它極大地影響了終端用戶的使用和人們的工作生活。工業設計，從某種意義上說就是界面設計。

從人的因素看用戶界面設計的分類分為：結構設計、交互設計、視覺設計、聲音設計、觸覺設計。

2 結構設計

結構設計（Structure Design）也稱概念設計（Conceptual Design），是界面設計的骨架。結構設計不能單純地理解為物理上的結構，而是通過對用戶研究和任務分析，制定出產品的整體架構：主要的功能、可能的工作流程、結構的分割。

例如要給出一臺帶電腦溫控功能的冰箱的結構設計，就必須回答下面幾個問題：冰箱的容量大小？冷凍室，冷藏室的位置如何？溫控器的位置？控制的是哪一室？是否允許用戶手動調節溫度？電腦溫控器故障是否影響冰箱的正常工作？有了這些問題的答案，就可以勾勒出產品的大致輪廓，形成冰箱的概念。

對于軟件產品，結構設計最重要的是菜單結構設計，包括目錄體系的邏輯分類、詞語定義等。對于冰箱的溫控器，因為其功能比較簡單，在進行結構設計時則應當注重詞語的定義，這是用戶易于理解和操作的重要前提。

3 交互設計（Interactive Design）

產品中的人機交互概念，是指人與電子產品之間使用某種對話語言，以一定的交互方式完成信息交換的過程。人機交互的一種最簡單方式是：由人輸入信息給電子產品發起對話，然后電子產品根據存儲在產品核心結構內的協議、知識、模型等對輸入信息進行識別和處理，最后把處理結果作為對輸入信息的響應，反饋給用戶。

交互設計的目的是使產品讓用戶能簡單使用。任何產品功能的實現都是通過人和機器的交互來完成的。因此，人的因素應作為設計的核心被體現出來。

問答式對話是最簡單的人機交互方式，計算機使用類自然語言來進行指導性提問，提示用戶進行回答，用戶的回答一般都通過按鍵輸入等方式來進行。用戶只需不斷的選擇和確定，不過這種方式選擇余地小。

菜單交互方式的優點是：易學易用，不必記憶復雜的命令序列就可以方便地選擇某個選項；把任務分塊處理，便于指引生疏型用戶。缺點是被選對象受限，只能完成預定的功能。

圖1為一溫控器的操作面板。它的交互方式是多樣的：按鈕，旋鈕，菜單。

交互設計的原則包括［1］：（1）讓用戶控制界面：如手機或電腦給出的“下一步”、“完成”等提示信息。（2）提供多種可能的操作：如快捷方式、同時可以用鼠標和鍵盤、自動或手動設置溫度等。（3）使用用戶的語言，而非技術的語言。（4）反饋：對用戶的操作，系統應當給出及時地反饋。如誤操作后，系統提供有針對性的清楚的錯誤提示。（5）方便退出。（6）導航功能：隨時轉移功能，很容易從一個功能跳到另外一個功能。（7）讓用戶知道自己當前的位置，使其做出下一步行動的決定。

圖1 溫控器的操作面板

4 視覺設計

在結構設計的基礎上，參照目標群體的心理模型和任務達成進行視覺設計（Visual Design），它是圖形、色彩、文字、頁面等的集合。視覺設計要達到用戶易于理解并愉悅使用的目的。

（1）文字：文字是信息最主要的載體。產品中的文字主要體現菜單選項，以及狀態說明等方面。文字內容必須簡單濃縮。文字尺寸在屏幕尺寸已定的前提下應嚴格按照人機工程學標準進行設計。

（2）圖形：圖形界面可以生動地表現設計主題。相對于文字來講，圖形界面更為大多數用戶所喜愛：更直觀，更醒目，容易引起注意，并且沒有語言障礙［2］。

圖形應能準確表示內容含義。彩色圖形界面和人機交互過程極大的依賴視覺和手動控制的參與，具有直接操作特點。同時，人對圖形的色彩相當敏感，當他們首次接觸一個產品，最先注意的就是顏色。

（3）色彩：產品設計中的色彩必須借助和依附于造型才能存在，色彩一經與具體的形體相結合，便具有極強的感情色彩和表現特征，具有強大的精神影響。

顏色與其使用目的的一致性以及與使用環境的協調性是非常關鍵的。Paul Klee說過：一幅好圖畫，簡單地說，就是在適當的位置涂上適當的顏色［3］。

（4）版式：版式也就是構圖，將文字、圖形等視覺元素進行組合配置，以實現信息傳達的最佳效果。

（5）造型：簡而言之，造型就是產品外表面所呈現的形狀，也是產品被感知的途徑或者被感知的方式。它建立了產品與用戶或感知者之間的聯系或對話，能夠傳遞諸如快速、復雜、危險、放松、現代或效率等信息。造型包括形狀、比例、平衡、質感和涂飾。美學原理和藝術造型設計的規律是產品造型設計應該遵循的基本原則［4］。

設計中的造型要素是人們對設計關注點中最重要的一方面，設計的本質和特性必須通過一定的造型而得以明確化、具體化和實體化。在產品語意學中，造型成了重要的象征符號。設計師的產品設計不僅滿足了人們的基本需要，而且滿足了現代人追求輕松、幽默、愉悅的心理需求。

綜上所述，產品以及產品上的顯示裝置、控制儀表等與人觀察有關的設計應滿足人的視覺特性，與視野、視距有關的布局、設計等都應有利于人能清晰、可靠地獲得各種信息，與視覺有關的產品的神態、色彩設計均要給人以美感。

5 聲音設計

產品上有發聲裝置的設計應與人的聽覺特征相吻合，聲音清晰，音質柔美，傳遞信息準確。如一個會鳴叫的水壺，把哨聲改成吹出一個和聲的汽笛，使人在水開時不至于因尖銳的哨聲而驚慌，必定會大大提高用戶的滿意度。

聲音設計通常應滿足以下功能需求：

（1）傳達功能性信息：在用戶接收產品輸出的功能性信息時，聲音信息起到提示和警醒作用。比如最初手機有來電時，只能發出單調的類似門鈴的電子音，并且幾乎每個品牌的手機都只能發出類似聲音，所以即使手機響了，也不知道是誰的在響。不久，手機開始添加各種音樂，通過旋律和曲調可以分辨出是否是自己的手機在響，并區分是哪個朋友打來的電話。

（2）傳達使用性信息：在用戶操作按鍵輸入信息時，聲音信息作為操作的即時反饋，可以幫助用戶確定操作的正確性，例如按下按鈕時清脆的觸鍵聲，使用戶不必因為對是否已經按下按鍵表示懷疑而重新檢查。

6 觸覺設計

丹麥設計家可林特說：“選擇正確的材料，采用正確的方法去處理材質，才能造就直覺的美。”質感是展現材質本身的具體感覺，也是加強美學表現效果的重要因素。質感是由特有的色彩、光澤、紋理、粗細、軟硬和透明度等因素所形成的，其構成分子不同，組合方式也相當繁雜，使質感變化無窮，進而產生的造型意義也千變萬化。良好的觸覺質感設計，可以提高整體設計的適用性；美好的視覺質感設計，可以提高工業產品整體設計的裝飾性，還能補充形態和色彩所難以替代的形式美；優秀的人為質感設計可以代替和彌補自然質感。所以，完美的質感設計往往能顯示出整體設計的真實性和價值觀［5］。

產品上各種操縱把手、按鍵、旋鈕等的設計要考慮不能使人接觸產生不良心理感受，要使人觸覺舒適。如電腦鍵盤的按鍵采用四角鈍圓的四方形，且表面稍有凹陷，以免手指滑脫。

7 結語

需要注意的是，結構設計、交互設計、視覺設計以及其他感覺通道的設計并不是孤立的，而是彼此交叉和聯系的。功能、交互、外觀，任一環節的設計失誤，都會導致產品的失敗。以冰箱為例，外觀設計應該服務于制冷功能。“功能第一、藝術第二”，對產品的美化造型不應影響產品的功能和性能；在功能保證的前提下，對產品結構、外觀的改進，能夠得到用戶的認可，有效地提高產品的附加值。

［1］ NIELSEN J.Usability Engineering［M］.San Francisco，CA：Morgan Kaufmann Publishers，1993.

［2］ GALDO M D，et al.International User Interface［M］.New York：Wiley Computer Publishing，1996.

［3］ KLEE P.Notebook：The thinking eye［M］.Michigan：Overlook Press，1992.

［4］ 陳士俊.產品造型設計原理與方法［M］.天津：天津大學出版社，1994.

［5］ 王玉林.產品造型設計材料與工藝［M］.天津：天津大學出版社，1994.