以人為本的用戶界面設(shè)計(jì)

林影麗

（山東電子職業(yè)技術(shù)學(xué)院，濟(jì)南250014）

1 引言

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

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

從人的因素看用戶界面設(shè)計(jì)的分類分為：結(jié)構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)、聲音設(shè)計(jì)、觸覺設(shè)計(jì)。

2 結(jié)構(gòu)設(shè)計(jì)

結(jié)構(gòu)設(shè)計(jì)（Structure Design）也稱概念設(shè)計(jì)（Conceptual Design），是界面設(shè)計(jì)的骨架。結(jié)構(gòu)設(shè)計(jì)不能單純地理解為物理上的結(jié)構(gòu)，而是通過對(duì)用戶研究和任務(wù)分析，制定出產(chǎn)品的整體架構(gòu)：主要的功能、可能的工作流程、結(jié)構(gòu)的分割。

例如要給出一臺(tái)帶電腦溫控功能的冰箱的結(jié)構(gòu)設(shè)計(jì)，就必須回答下面幾個(gè)問題：冰箱的容量大??？冷凍室，冷藏室的位置如何？溫控器的位置？控制的是哪一室？是否允許用戶手動(dòng)調(diào)節(jié)溫度？電腦溫控器故障是否影響冰箱的正常工作？有了這些問題的答案，就可以勾勒出產(chǎn)品的大致輪廓，形成冰箱的概念。

對(duì)于軟件產(chǎn)品，結(jié)構(gòu)設(shè)計(jì)最重要的是菜單結(jié)構(gòu)設(shè)計(jì)，包括目錄體系的邏輯分類、詞語定義等。對(duì)于冰箱的溫控器，因?yàn)槠涔δ鼙容^簡(jiǎn)單，在進(jìn)行結(jié)構(gòu)設(shè)計(jì)時(shí)則應(yīng)當(dāng)注重詞語的定義，這是用戶易于理解和操作的重要前提。

3 交互設(shè)計(jì)（Interactive Design）

產(chǎn)品中的人機(jī)交互概念，是指人與電子產(chǎn)品之間使用某種對(duì)話語言，以一定的交互方式完成信息交換的過程。人機(jī)交互的一種最簡(jiǎn)單方式是：由人輸入信息給電子產(chǎn)品發(fā)起對(duì)話，然后電子產(chǎn)品根據(jù)存儲(chǔ)在產(chǎn)品核心結(jié)構(gòu)內(nèi)的協(xié)議、知識(shí)、模型等對(duì)輸入信息進(jìn)行識(shí)別和處理，最后把處理結(jié)果作為對(duì)輸入信息的響應(yīng)，反饋給用戶。

交互設(shè)計(jì)的目的是使產(chǎn)品讓用戶能簡(jiǎn)單使用。任何產(chǎn)品功能的實(shí)現(xiàn)都是通過人和機(jī)器的交互來完成的。因此，人的因素應(yīng)作為設(shè)計(jì)的核心被體現(xiàn)出來。

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

菜單交互方式的優(yōu)點(diǎn)是：易學(xué)易用，不必記憶復(fù)雜的命令序列就可以方便地選擇某個(gè)選項(xiàng)；把任務(wù)分塊處理，便于指引生疏型用戶。缺點(diǎn)是被選對(duì)象受限，只能完成預(yù)定的功能。

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

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

圖1 溫控器的操作面板

4 視覺設(shè)計(jì)

在結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上，參照目標(biāo)群體的心理模型和任務(wù)達(dá)成進(jìn)行視覺設(shè)計(jì)（Visual Design），它是圖形、色彩、文字、頁面等的集合。視覺設(shè)計(jì)要達(dá)到用戶易于理解并愉悅使用的目的。

（1）文字：文字是信息最主要的載體。產(chǎn)品中的文字主要體現(xiàn)菜單選項(xiàng)，以及狀態(tài)說明等方面。文字內(nèi)容必須簡(jiǎn)單濃縮。文字尺寸在屏幕尺寸已定的前提下應(yīng)嚴(yán)格按照人機(jī)工程學(xué)標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)。

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

圖形應(yīng)能準(zhǔn)確表示內(nèi)容含義。彩色圖形界面和人機(jī)交互過程極大的依賴視覺和手動(dòng)控制的參與，具有直接操作特點(diǎn)。同時(shí)，人對(duì)圖形的色彩相當(dāng)敏感，當(dāng)他們首次接觸一個(gè)產(chǎn)品，最先注意的就是顏色。

（3）色彩：產(chǎn)品設(shè)計(jì)中的色彩必須借助和依附于造型才能存在，色彩一經(jīng)與具體的形體相結(jié)合，便具有極強(qiáng)的感情色彩和表現(xiàn)特征，具有強(qiáng)大的精神影響。

顏色與其使用目的的一致性以及與使用環(huán)境的協(xié)調(diào)性是非常關(guān)鍵的。Paul Klee說過：一幅好圖畫，簡(jiǎn)單地說，就是在適當(dāng)?shù)奈恢猛可线m當(dāng)?shù)念伾?］。

（4）版式：版式也就是構(gòu)圖，將文字、圖形等視覺元素進(jìn)行組合配置，以實(shí)現(xiàn)信息傳達(dá)的最佳效果。

（5）造型：簡(jiǎn)而言之，造型就是產(chǎn)品外表面所呈現(xiàn)的形狀，也是產(chǎn)品被感知的途徑或者被感知的方式。它建立了產(chǎn)品與用戶或感知者之間的聯(lián)系或?qū)υ?，能夠傳遞諸如快速、復(fù)雜、危險(xiǎn)、放松、現(xiàn)代或效率等信息。造型包括形狀、比例、平衡、質(zhì)感和涂飾。美學(xué)原理和藝術(shù)造型設(shè)計(jì)的規(guī)律是產(chǎn)品造型設(shè)計(jì)應(yīng)該遵循的基本原則［4］。

設(shè)計(jì)中的造型要素是人們對(duì)設(shè)計(jì)關(guān)注點(diǎn)中最重要的一方面，設(shè)計(jì)的本質(zhì)和特性必須通過一定的造型而得以明確化、具體化和實(shí)體化。在產(chǎn)品語意學(xué)中，造型成了重要的象征符號(hào)。設(shè)計(jì)師的產(chǎn)品設(shè)計(jì)不僅滿足了人們的基本需要，而且滿足了現(xiàn)代人追求輕松、幽默、愉悅的心理需求。

綜上所述，產(chǎn)品以及產(chǎn)品上的顯示裝置、控制儀表等與人觀察有關(guān)的設(shè)計(jì)應(yīng)滿足人的視覺特性，與視野、視距有關(guān)的布局、設(shè)計(jì)等都應(yīng)有利于人能清晰、可靠地獲得各種信息，與視覺有關(guān)的產(chǎn)品的神態(tài)、色彩設(shè)計(jì)均要給人以美感。

5 聲音設(shè)計(jì)

產(chǎn)品上有發(fā)聲裝置的設(shè)計(jì)應(yīng)與人的聽覺特征相吻合，聲音清晰，音質(zhì)柔美，傳遞信息準(zhǔn)確。如一個(gè)會(huì)鳴叫的水壺，把哨聲改成吹出一個(gè)和聲的汽笛，使人在水開時(shí)不至于因尖銳的哨聲而驚慌，必定會(huì)大大提高用戶的滿意度。

聲音設(shè)計(jì)通常應(yīng)滿足以下功能需求：

（1）傳達(dá)功能性信息：在用戶接收產(chǎn)品輸出的功能性信息時(shí)，聲音信息起到提示和警醒作用。比如最初手機(jī)有來電時(shí)，只能發(fā)出單調(diào)的類似門鈴的電子音，并且?guī)缀趺總€(gè)品牌的手機(jī)都只能發(fā)出類似聲音，所以即使手機(jī)響了，也不知道是誰的在響。不久，手機(jī)開始添加各種音樂，通過旋律和曲調(diào)可以分辨出是否是自己的手機(jī)在響，并區(qū)分是哪個(gè)朋友打來的電話。

（2）傳達(dá)使用性信息：在用戶操作按鍵輸入信息時(shí)，聲音信息作為操作的即時(shí)反饋，可以幫助用戶確定操作的正確性，例如按下按鈕時(shí)清脆的觸鍵聲，使用戶不必因?yàn)閷?duì)是否已經(jīng)按下按鍵表示懷疑而重新檢查。

6 觸覺設(shè)計(jì)

丹麥設(shè)計(jì)家可林特說：“選擇正確的材料，采用正確的方法去處理材質(zhì)，才能造就直覺的美?！辟|(zhì)感是展現(xiàn)材質(zhì)本身的具體感覺，也是加強(qiáng)美學(xué)表現(xiàn)效果的重要因素。質(zhì)感是由特有的色彩、光澤、紋理、粗細(xì)、軟硬和透明度等因素所形成的，其構(gòu)成分子不同，組合方式也相當(dāng)繁雜，使質(zhì)感變化無窮，進(jìn)而產(chǎn)生的造型意義也千變?nèi)f化。良好的觸覺質(zhì)感設(shè)計(jì)，可以提高整體設(shè)計(jì)的適用性；美好的視覺質(zhì)感設(shè)計(jì)，可以提高工業(yè)產(chǎn)品整體設(shè)計(jì)的裝飾性，還能補(bǔ)充形態(tài)和色彩所難以替代的形式美；優(yōu)秀的人為質(zhì)感設(shè)計(jì)可以代替和彌補(bǔ)自然質(zhì)感。所以，完美的質(zhì)感設(shè)計(jì)往往能顯示出整體設(shè)計(jì)的真實(shí)性和價(jià)值觀［5］。

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

7 結(jié)語

需要注意的是，結(jié)構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)以及其他感覺通道的設(shè)計(jì)并不是孤立的，而是彼此交叉和聯(lián)系的。功能、交互、外觀，任一環(huán)節(jié)的設(shè)計(jì)失誤，都會(huì)導(dǎo)致產(chǎn)品的失敗。以冰箱為例，外觀設(shè)計(jì)應(yīng)該服務(wù)于制冷功能。“功能第一、藝術(shù)第二”，對(duì)產(chǎn)品的美化造型不應(yīng)影響產(chǎn)品的功能和性能；在功能保證的前提下，對(duì)產(chǎn)品結(jié)構(gòu)、外觀的改進(jìn)，能夠得到用戶的認(rèn)可，有效地提高產(chǎn)品的附加值。

［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］ 陳士俊.產(chǎn)品造型設(shè)計(jì)原理與方法［M］.天津：天津大學(xué)出版社，1994.

［5］ 王玉林.產(chǎn)品造型設(shè)計(jì)材料與工藝［M］.天津：天津大學(xué)出版社，1994.