韓春明， 王寒寒

（合肥工業(yè)大學(xué)a.機械與汽車工程學(xué)院；b.建筑與藝術(shù)學(xué)院，合肥 230009）

意境之美
——3G手機界面設(shè)計研究

韓春明a， 王寒寒b

（合肥工業(yè)大學(xué)a.機械與汽車工程學(xué)院；b.建筑與藝術(shù)學(xué)院，合肥 230009）

通過分析3G手機的功能特點，應(yīng)用現(xiàn)代人機界面設(shè)計原理，對3G手機界面的視覺效果和交互操作等方面進行分析，從3G手機界面中視覺語言的個性化、多通道泛交互理念以及界面設(shè)計中的高情感化需求幾個角度進行了的探索與研究，希望能在未來3G手機的界面設(shè)計中達到美好意境。

3G手機界面；視覺語言；多通道；泛交互

來自中國互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）的數(shù)據(jù)顯示，截至2008年12月，中國手機上網(wǎng)用戶已達1.176億。這組數(shù)據(jù)表明，伴隨國內(nèi)3G業(yè)務(wù)的開通，越來越多的普通用戶將會使用3G網(wǎng)絡(luò)，而人機界面在信息、功能、環(huán)境等方面會受到更多的關(guān)注。

一、3G綜述

3G手機是通信業(yè)和計算機工業(yè)相融合的產(chǎn)物，同此前的手機相比，差別非常大。3G手機已經(jīng)促使很多的消費群體生活方式發(fā)生變化，因此，越來越多的人開始稱呼這類新的移動通信產(chǎn)品為“個人通信終端”。

表1對3G和2G功能業(yè)務(wù)進行了比較，將3G手機的基本特點概括為個性化、多媒體化、智能化。手機界面設(shè)計的關(guān)鍵是使人與通訊設(shè)備之間能夠準(zhǔn)確地交流信息。一方面，人向機器輸入時應(yīng)當(dāng)盡量采取便捷的方式；另一方面，機器向人反饋的信息必須是準(zhǔn)確的，不致引起誤解和混亂，實現(xiàn)操作者的既定目標(biāo)［1－2］。用戶在具體操作3G手機時首先接觸的就是界面圖形，圖形以具象或抽象手段來塑造鮮明的視覺形象，而“讀圖”是用戶的本能，圖形與功能產(chǎn)生記憶影像，形成新的視覺感知［3］。設(shè)計者必須利用符號語義平衡所要表達的功能和形式之間的關(guān)系，讓它們之間存在一種必然、實質(zhì)性關(guān)聯(lián)或邏輯關(guān)系，通過圖形的表達讓用戶清晰地理解圖形所代表的意義，明白如何操作。

表1 3G與2G業(yè)務(wù)比較 ［4］

二、3G手機界面設(shè)計——意境之美

技術(shù)的發(fā)展要求在進行產(chǎn)品設(shè)計時，從藝術(shù)的角度為產(chǎn)品傳遞內(nèi)在的本質(zhì)，達到人機之間的情感交流。設(shè)計者不斷追求有意味的設(shè)計作品，能讓用戶熟記于心，產(chǎn)生心理共鳴，這就是設(shè)計的意境。一款作品之所以能引起人們的注意，進而激發(fā)人們開始欣賞產(chǎn)品的審美活動，首先在于設(shè)計者是否能夠創(chuàng)造產(chǎn)品的情感氛圍。

1.界面視覺語言

3G手機的一個重要的特點就是業(yè)務(wù)上高度的個性化，用戶可以在終端、網(wǎng)絡(luò)能力的范圍內(nèi)，設(shè)計自己的業(yè)務(wù)，其操作交互的內(nèi)容比2G更廣泛，因此就需要手機界面的設(shè)計更直觀和方便，以完成相應(yīng)的功能。3G手機界面的視覺元素也要更加豐富和細膩，因為視覺圖形是最直接的表現(xiàn)形式，通過圖形直接感知信息，使界面親切生動，給用戶信任感，并減少用戶的認知負擔(dān)。

3G手機功能的不斷增加促使其傳達信息更加復(fù)雜化并具有多層次性，因此，設(shè)計師在進行手機界面設(shè)計時，應(yīng)該針對每一個功能，按照“I－P－O”（輸入－處理－輸出）的模塊化思想（如圖1所示），根據(jù)人機交互的基本模型，使三個計算流程清晰明確，滿足手機界面的最基本的通訊功能，再對控制界面和顯示界面進行有效設(shè)計。

設(shè)計師在設(shè)計時應(yīng)根據(jù)不同審美群體的需要在界面的空間分布上實現(xiàn)“隱”與“現(xiàn)”的協(xié)調(diào)關(guān)系；同時，作為一種語言符號的圖標(biāo)設(shè)置，在文字與圖標(biāo)的配合方面要符合用戶的視覺習(xí)慣，與色彩相互配合，可以讓用戶根據(jù)自己的主觀感受、生活經(jīng)驗等來形成新的歸屬感和新奇感［5］。在產(chǎn)品的界面色彩、功能區(qū)的劃分、形態(tài)表達方面，要形成針對不同使用群體而獨有的視覺語言，這應(yīng)該遵循界面設(shè)計的基本原則：滿足不同用戶的創(chuàng)意需求、用戶界面的友好性、圖標(biāo)識別的平衡性、建立界面與用戶的良好互動交流［6－7］。

用戶群體分類的多樣性導(dǎo)致界面視覺語言具有多種表達方式，在同一款手機上可同時設(shè)置針對不同用戶審美需要的視覺語言，但是整個界面在形式與功能上要保持一致性，通過對文本和圖片等視覺元素及界面的排列版式的合理安排，得到統(tǒng)一而風(fēng)格不同的使用場景。

圖1 人機界面的通訊交互模型

2.手機界面的多通道、泛交互

多通道概念最早是由美國喬治亞理工大學(xué)通過對移動對話的實驗研究而提出來的，該實驗的結(jié)果表明，移動計算的實用價值體現(xiàn)在人們的日常生活和交流之中。實驗人員通過比較PDA的傳統(tǒng)的手寫筆輸入以及運用聲音界面之間的差異，發(fā)現(xiàn)更為直接的是語音輸入，而減少用手操控的輸入、采用一種自然對話的方式是有效的發(fā)展趨勢。泛交互則是把這些多通道的信息進行分析總結(jié)，通過界面輸入和輸出與用戶進行更好的交互，這種方式比以前的單一的交互和單通道模式有了更大的優(yōu)勢。

3G手機的信息承載的能力和信息傳遞的深度都比2G有了很大的提高，3G手機多媒體化的性質(zhì)使它成為一個娛樂、生活、資訊的集合體，為人們交流方式提供了新的平臺。

使用3G手機，除了語音的傳遞，我們還可以利用多媒體業(yè)務(wù)注意到對方的各種表情和動作，這就是不同感官所傳達的信息，例如在交談過程中所表現(xiàn)出來的興奮、愉快的一些行為。把多通道、泛交互的設(shè)計理念應(yīng)用在3G手機界面的設(shè)計中，在界面中使用多種輸入和輸出模式，例如聽覺、視覺、嗅覺、手勢等相結(jié)合的方式。這將會大大提高3G手機在多通道模式下用戶使用的靈活性和有效性。多通道、泛交互的人機交互界面模型如圖2所示，在這個模型中，用戶通過感官通道將自己的意圖傳達給手機，然后手機經(jīng)過信息處理后，將得到的結(jié)果通過輸出設(shè)備反饋給用戶，這些反饋可以是視覺、聽覺和觸覺等等。

圖2 多通道、泛交互用戶界面關(guān)系

用戶通過感知這些感性的信息，可以提高交互效率，增進交互自然性。新技術(shù)不斷發(fā)展，特別是傳感器技術(shù)更是對3G界面的泛交互形式提供了無限可能［8－9］，促使手機能夠?qū)ν獠凯h(huán)境和消費者的狀態(tài)進行跟蹤反映，從而自生成一種虛擬環(huán)境，通過3D技術(shù)，將用戶融入到場景中去，在手機中加入重力傳感器、溫度傳感器、光感傳感器等，使界面的轉(zhuǎn)換更自然，反饋的信息更準(zhǔn)確。所以，在設(shè)計手機界面時，我們不必局限于傳統(tǒng)人機“對話”界面的形式 ，這些界面可以是隱形的，例如用手勢來控制電話的接通和掛斷，或視別人臉的方向做出相應(yīng)的界面顯示響應(yīng)與反饋。而目前比較流行的是WIMP風(fēng)格的界面風(fēng)格，這是基于計算機窗口發(fā)展而來的一種形式，即窗口（Window）、圖標(biāo)（Icon）、菜單（Menu）和指針（Pointer），但是對于手機這種體積比較小的通訊設(shè)備，人們期望能夠更方便地使用它，在不同的環(huán)境下能夠不斷調(diào)整人機交互方式［10］。例如：環(huán)境改變，光線變?nèi)?，手機可自行對界面的亮度進行調(diào)節(jié)；用戶在瀏覽照片的時候，可以根據(jù)需要自動調(diào)整照片存儲方式等。而目前的WIMP的界面形式對用戶已經(jīng)產(chǎn)生了約束，手機在使用方式和行為上的改變，促使在用戶與機器之間尋求新的交互方式。

三、3G手機界面設(shè)計的高情感化

目前3G手機都以智能機的姿態(tài)出現(xiàn)。正是由于3G手機高度的智能化，消費者對產(chǎn)品外觀及操作界面等方面的要求越來越高，設(shè)計也趨向于多元化和人性化［11］，可以關(guān)注用戶在使用產(chǎn)品時所獲得的情感要素，其中最高層次就是心流（flow）。

心流體驗是指將個人注意力完全投入到某項活動過程中所獲得的一種忘我的個人感受［12］?？梢詫⑵洚a(chǎn)生的過程中所要具備的因素歸納為條件因素、體驗因素、結(jié)果因素。而其中最重要的是條件因素，主要包括清晰的目標(biāo)、及時的反饋、適當(dāng)引導(dǎo)、挑戰(zhàn)與技能相匹配。3G手機界面為了讓用戶能夠達到心流的層次，應(yīng)該給用戶一個清晰的概念模型，而這個模型可能是“隱”性的，采用自然的交互方式，自然的交流系統(tǒng)應(yīng)該減少用戶的記憶負擔(dān)，使界面處于用戶的控制之下，力求使視覺呈現(xiàn)和行為模型的邏輯關(guān)系相一致，達到情感體驗的最高層次。

高情感化的訴求正是要求界面設(shè)計要從用戶的角度分析，先進的技術(shù)并不等于高滿意率，復(fù)雜的操作過程容易讓用戶產(chǎn)生抵觸心理，而設(shè)計師就是要通過設(shè)計把高科技轉(zhuǎn)化為易操作的應(yīng)用行為，不再單獨追求交互效率。

尋求良好的情感化交互可以通過建立用戶模型，利用形態(tài)語言詮釋產(chǎn)品。如圖3所示的UCD（User Centered Design），以用戶為中心的設(shè)計流程，設(shè)定某一使用情境，這里的情境是以用戶的活動為中心，根據(jù)用戶體驗結(jié)果架構(gòu)產(chǎn)品雛形（確定產(chǎn)品體驗?zāi)繕?biāo)和統(tǒng)一既定目標(biāo)），分析任務(wù)進行概念設(shè)計，最后用戶測試，完成設(shè)計周期，而這是一個循環(huán)迭代的過程。在這一過程中用戶都是作為起點和終點，這也是UCD設(shè)計方法的核心。

設(shè)計的最終目標(biāo)是服務(wù)，在這個過程中要把可用性目標(biāo)和用戶體驗?zāi)繕?biāo)結(jié)合起來，是從用戶的需求和感受出發(fā)，讓產(chǎn)品去迎合用戶需求，在整個過程中都要重視用戶的使用習(xí)慣、預(yù)期的交互方式、視覺感受等方面。而使用UCD的設(shè)計方法的優(yōu)點則體現(xiàn)在可以促使產(chǎn)品更加易于理解和使用、提高產(chǎn)品質(zhì)量和美感等幾個方面，更加貼近用戶的需求。

人的需求最高層次是情感化的，手機與用戶的生活密切相關(guān)，構(gòu)成了人－機－環(huán)境的結(jié)構(gòu)周期。設(shè)計師在產(chǎn)品設(shè)計之初就應(yīng)該把握這種情感化需求，把握用戶的使用心理，設(shè)計出符合用戶知覺習(xí)慣和思維習(xí)慣的信息反饋方式，對按鍵和觸感進行有效安排，做到真正以用戶為中心設(shè)計3G手機界面，實現(xiàn)從2G到智能化的真正轉(zhuǎn)變。

圖3 UCD設(shè)計流程

三、結(jié)束語

3G手機界面的設(shè)計是一門多學(xué)科交叉的新課題，本文通過對3G手機的特點進行分析，結(jié)合現(xiàn)代人機界面設(shè)計原理，從美學(xué)的幾個角度分析得出結(jié)論：3G手機界面可以根據(jù)不同的用戶需求，在視覺語言方面賦予新的創(chuàng)造性的表現(xiàn)形式，通過高情感化設(shè)計，使用戶達到“心流”的體驗層次。在人機交互方式上，應(yīng)重視“人”在整個交互過程中的主體地位，用戶需要更加人性化的界面，在使用的過程中可以通過多通道、泛交互的方式，滿足對多功能的靈活性和適應(yīng)性的需求，以達到新的美好意境。

［1］ 王曉蘭，呂家美.觸摸屏手機GUI中分層顯示的設(shè)計與實現(xiàn)［J］.電子測量技術(shù)，2009，32（5）：58－61

［2］ 周 睿，王 蓉.手機的聲音交互界面設(shè)計［J］.包裝工程，2007，28（9）：111－115.

［3］ 陳智明.論手機界面圖形化設(shè)計的必要性［J］.藝術(shù)與設(shè)計，2009，（6）：119.

［4］ 劉冬冬，何人可.3G手機用戶界面設(shè)計探討［J］.包裝工程，2007，28（5）：98－100.

［5］ 楊 蓉.手機界面的未來發(fā)展趨勢［J］.中國科技信息，2008，（3）：76－77.

［6］ 丁玉蘭.人因工程學(xué)［M］.上海：上海交通大學(xué)出版社，2004：71－73.

［7］ 張 萍，殷曉晨.人機工程學(xué)［M］.合肥：合肥工業(yè)大學(xué)出版社，2009：53－56.

［8］ 李方園.人機界面設(shè)計與應(yīng)用［M］.北京：化學(xué)工業(yè)出版社，2008：54－62.

［9］ 任立生.設(shè)計心理學(xué)［M］.北京：化學(xué)工業(yè)出版社，2004：102－107.

［10］ communications Daily.Cellpone Industry Doesn't comply with see.255.Blind User Say［EB/OL］.（2003－07－14）［2010－05－02］.

［11］ 李明峰，吳桂香.手機交互界面研究［J］.科技創(chuàng)新導(dǎo)報，2009，（14）：234－235.

［12］ Csikszentmihalyi.創(chuàng)造性：發(fā)現(xiàn)和發(fā)明的心理學(xué)［M］.上海：上海譯文出版社，2001：27－32.

（責(zé)任編輯 陳秀平）

Artistic Conception：Research on 3GMobile Phone Interface Design

HAN Chun－minga， WANG Han－h(huán)anb
（a.School of Machinery and Automobile Engineering；b.School of Architecture and Art，Hefei University of Technology，Hefei 230009，China）

Through analyzing the functions of 3Gmobile phone and using modern man－machine interface design principles，this paper discusses the 3Gmobile phone interface from aspects such as visual effect，interaction and so on.By the analyses of the personalization of visual language，pan－interaction of multi－channel and emotional demands in 3Gmobile phone interface design，the paper provides a reference for achieving artistic conception in future 3Gmobile phone interface design.

3Gmobile phone interface；visual language；multi－channel；pan－interaction

TB472

A

1008－3634（2011）01－0091－04

2010－05－31；

2010－10－27

韓春明（1956－），男，安徽來安人，教授，碩士生導(dǎo)師。