基于用戶(hù)體驗(yàn)下的界面設(shè)計(jì)

趙知為

摘要：通過(guò)對(duì)界面設(shè)計(jì)不同需求進(jìn)行的分類(lèi)以及界面設(shè)計(jì)元素對(duì)用戶(hù)行為的影響，來(lái)研究用戶(hù)在界面設(shè)計(jì)中所體現(xiàn)的重要性。交互性已經(jīng)成為網(wǎng)絡(luò)界面設(shè)計(jì)中設(shè)計(jì)追求的目標(biāo)。為了使設(shè)計(jì)滿(mǎn)足可用性要求，全面的了解用戶(hù)特征及多元化要求是十分必要的。這就需要找到正確的方法來(lái)記錄和實(shí)現(xiàn)多元化的用戶(hù)要求。

關(guān)鍵詞：界面；設(shè)計(jì)；用戶(hù)

中圖分類(lèi)號(hào)：G22文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1672-8122（2012）02-0104-02

界面是人與物體互動(dòng)的媒介，換句話(huà)說(shuō)，界面就是設(shè)計(jì)師賦予物體的新面孔[1]。

一、界面設(shè)計(jì)的分類(lèi)

（一）以功能實(shí)現(xiàn)為基礎(chǔ)的界面設(shè)計(jì)。交互設(shè)計(jì)界面最基本的性能是具有功能性與使用性，通過(guò)界面設(shè)計(jì)，讓用戶(hù)明白功能操作，并將作品本身的信息更加順暢的傳遞給使用者，即用戶(hù)，是功能界面存在的基礎(chǔ)與價(jià)值，但由于用戶(hù)的知識(shí)水平和文化背景具有差異性，因此界面應(yīng)以更國(guó)際化，客觀化的體現(xiàn)作品本身的信息。

（二）以情感表達(dá)為重點(diǎn)的界面設(shè)計(jì)。通過(guò)界面給用戶(hù)一種情感傳遞，是設(shè)計(jì)的真正藝術(shù)魅力所在。用戶(hù)在接觸作品時(shí)的感受，使人產(chǎn)生感情共鳴，利用情感表達(dá)，切實(shí)的反應(yīng)出作品與用戶(hù)之間的情感關(guān)系。當(dāng)然，情感的信息傳遞存在著確定性與不確定性的統(tǒng)一。因此，我們更加強(qiáng)調(diào)的是用戶(hù)在接觸作品時(shí)的情感體驗(yàn)。

（三）以環(huán)境因素為前提的界面設(shè)計(jì)。任何一部互動(dòng)設(shè)計(jì)作品都無(wú)法脫離環(huán)境而存在，周邊環(huán)境對(duì)設(shè)計(jì)作品的信息傳遞有著特殊的影響。包括作品自身的歷史、文化、科技等諸多方面的特點(diǎn)，因此營(yíng)造界面的環(huán)境氛圍是不可忽視的一項(xiàng)設(shè)計(jì)工作，這和我們看電影時(shí)需要關(guān)燈是一個(gè)道理。

二、界面的組成元素

計(jì)算機(jī)的鍵盤(pán)與鼠標(biāo)這兩個(gè)物理接口是人機(jī)界面中最為傳統(tǒng)的組成要素，但這些卻逐漸成為人機(jī)界面發(fā)展的局限性。因?yàn)槿祟?lèi)無(wú)法通過(guò)鍵盤(pán)鼠標(biāo)將信息數(shù)據(jù)自由的融入人類(lèi)活躍的思維想象力當(dāng)中，使得人類(lèi)對(duì)人機(jī)界面產(chǎn)生疏離感。界面如何超越鍵盤(pán)與鼠標(biāo)局限，進(jìn)一步擴(kuò)展數(shù)字系統(tǒng)和人類(lèi)之間的界面，使數(shù)字系統(tǒng)真正進(jìn)入人類(lèi)生活，成為現(xiàn)階段的界面設(shè)計(jì)研究方向。

（一）以動(dòng)作作為界面。Henry See長(zhǎng)期研究關(guān)于計(jì)算機(jī)信息組織能力的相關(guān)探索。他的作品《關(guān)注》Regard強(qiáng)調(diào)了以動(dòng)作為界面的裝置作品，該裝置建立在特定智能環(huán)境中，有一位正在看書(shū)的虛擬人物，通過(guò)訪問(wèn)者的動(dòng)作能對(duì)這名“讀者”的動(dòng)作產(chǎn)生影響。該作品是通過(guò)參與者的動(dòng)作對(duì)虛擬人物的影響，表現(xiàn)了的參與者既尊重又侵犯了這名讀者的私人空間。索美與海格諾涅創(chuàng)作了一系列結(jié)合姿勢(shì)追蹤的裝置?！吨参镛D(zhuǎn)變》中，訪問(wèn)者的舉動(dòng)和身體形態(tài)影響著人工生物的種類(lèi)。這是一個(gè)交互式環(huán)境，訪問(wèn)者進(jìn)入這個(gè)虛擬空間可以看見(jiàn)自己用身體創(chuàng)造了一個(gè)虛擬花園[2]。身體的姿勢(shì)，活動(dòng)范圍直接影響虛擬植物的生長(zhǎng)。

（二）以觸摸與觸感作為界面?？死锼顾?索美與梅格諾涅：《移動(dòng)電話(huà)感覺(jué)》探索了陌生人分享個(gè)人信息的雙重情感。大衛(wèi)?思莫和湯姆?懷特開(kāi)發(fā)了一個(gè)以水作為人機(jī)界面的裝置《意識(shí)水流》，呈現(xiàn)了一個(gè)其表面浮動(dòng)了文字投映的小瀑布，如果訪問(wèn)者嘗試觸摸這些文字將會(huì)使水和文字漾起小小的波紋：“你可以伸出手去觸摸水流，試著隔斷或者攪動(dòng)文字，使字形產(chǎn)生變化，轉(zhuǎn)化為新的文字，進(jìn)入排水管，回到水流源頭，然后再次流出。”

（三）以凝視作為界面。Drik Luese brink和Joachim Sauter的《不可見(jiàn)》De-Viewer以象征的形式探索了注視的力量，觀眾可以通過(guò)欣賞掛在藝術(shù)館墻面的繪畫(huà)作品，產(chǎn)生不同的變化。在繪畫(huà)作品的后方隱藏了觀眾看不見(jiàn)的追蹤器，實(shí)時(shí)追蹤定位眼睛凝視的方向，即“眼睛追蹤器”。當(dāng)觀眾站在繪畫(huà)作品面前，觀眾聚焦的畫(huà)面會(huì)消散，并且在旁邊的一幅畫(huà)中顯示了觀眾聚焦的眼神。當(dāng)作品超過(guò)三十秒鐘無(wú)人觀察，畫(huà)面即恢復(fù)原狀。該裝置作品通過(guò)以凝視作為界面使觀眾意識(shí)到無(wú)論他看向哪里，都是在用眼睛破壞影像。

（四）以呼吸作為界面。查?戴維斯Char`Davies創(chuàng)作了一系列用著各種有機(jī)物和地理景觀的虛擬世界，這些虛擬世界與大多數(shù)虛擬現(xiàn)實(shí)環(huán)境差異很大，觀眾在他的作品中通過(guò)呼吸節(jié)奏在虛擬世界活動(dòng)，由此“消除自我與自然之間的界限”在國(guó)際電子藝術(shù)大會(huì)ISEA的《滲透》展覽回顧中，安尼克?布如德總結(jié)道：“呼吸界面”對(duì)于一個(gè)作品將觀眾成功傳輸?shù)教摂M世界具有重要作用?！稘B透》這部作品使我們關(guān)系密切，當(dāng)我們呼吸它與我們相互滲透；并且這幅作品依賴(lài)于觀眾身體，他們的基本活動(dòng)（呼吸和平衡）對(duì)于理解作品本身是非常重要的條件。

三、界面設(shè)計(jì)要求

1.以易操作性保證讀者。交互作品的界面設(shè)計(jì)采用超媒體鏈接技術(shù)，將文字、圖形、圖像、聲音、動(dòng)畫(huà)等媒介要素，進(jìn)行編排，使之成為一個(gè)連貫的整體，呈現(xiàn)在一個(gè)復(fù)雜的交互系統(tǒng)中。界面反映的是信息的總和而并非單一的信息，倘若在提示、菜單和幫助產(chǎn)生相同術(shù)語(yǔ)，在不同的應(yīng)用系統(tǒng)中應(yīng)具有相似的界面外觀、布局、交互方式及信息顯示、界面設(shè)計(jì)要保持風(fēng)格的一致性[3]。用戶(hù)便可以根據(jù)自己的認(rèn)知經(jīng)驗(yàn)，明白功能操作通過(guò)界面上的視覺(jué)暗示正確選擇內(nèi)容，在任何地點(diǎn)都能回到主界面或退出整個(gè)多媒體作品，因此每個(gè)操作對(duì)用戶(hù)來(lái)說(shuō)應(yīng)是符合邏輯的用戶(hù)能夠較容易了解它要表達(dá)的信息與情感。

2.界面設(shè)計(jì)時(shí)需要首先考慮的問(wèn)題。交互設(shè)計(jì)作為一種新媒體形態(tài)，必然要突出藝術(shù)的可視性本質(zhì)，將新的藝術(shù)思想與理念融匯到作品當(dāng)中，以此去吸引和影響用戶(hù)。界面使讀者打開(kāi)交互作品時(shí)最先接觸到的層面，通過(guò)可視化界面上設(shè)計(jì)者運(yùn)用的前衛(wèi)化的藝術(shù)符號(hào)，虛擬化的空間結(jié)構(gòu)營(yíng)造跳躍式的視覺(jué)效果，可以引起用戶(hù)美好的情感溝通，使得其對(duì)設(shè)計(jì)者通過(guò)作品所傳達(dá)的信息產(chǎn)生共鳴。界面設(shè)計(jì)的宗旨促進(jìn)信息的傳遞以滿(mǎn)足用戶(hù)需求。當(dāng)進(jìn)行界面設(shè)計(jì)時(shí)，關(guān)鍵在于界面本身能否有效支撐交互，界面上的組件是為交互行為服務(wù)的，它可以很美，很抽象很藝術(shù)化，但不能以任何理由破壞作品的交互功能和作用[4]。

四、網(wǎng)頁(yè)界面的組成

在確定web界面后，需要進(jìn)一步確定界面的組織結(jié)構(gòu)。與傳統(tǒng)媒體不同的是，網(wǎng)頁(yè)界面增加了生動(dòng)性和復(fù)雜性，強(qiáng)調(diào)由代碼語(yǔ)言編程實(shí)現(xiàn)的各種交互體驗(yàn)式效果，但也使得在更多的頁(yè)面元素排布及優(yōu)化上值得網(wǎng)頁(yè)設(shè)計(jì)者考慮。通常一個(gè)軟件界面的元素包括界面主色調(diào)、字體大小與顏色、界面布局、交互方式、界面功能分布、界面輸入輸出模式等。其中影響用戶(hù)工作效率的元素包括:輸入輸出方式、交互方式、功能分布，在使用命令式交互方式的系統(tǒng)中，命令名稱(chēng)、參數(shù)也是界面元素的內(nèi)容[5]。影響用戶(hù)對(duì)系統(tǒng)友好性評(píng)價(jià)的元素則有:顏色、字體大小、界面布局等，軟件界面作為一個(gè)整體，其中任何一個(gè)元素不符合用戶(hù)習(xí)慣、不滿(mǎn)足用戶(hù)要求都將降低用戶(hù)對(duì)軟件系統(tǒng)的認(rèn)可度。

五、用戶(hù)需求分析

網(wǎng)絡(luò)的交互性如今已經(jīng)成為網(wǎng)絡(luò)界面設(shè)計(jì)中重要目標(biāo)之一。為了能從設(shè)計(jì)的角度，更加提高網(wǎng)絡(luò)的可用性，設(shè)計(jì)師們要全面的關(guān)注與了解用戶(hù)的多元化要求及行為特征。依靠正確的方法能夠更加準(zhǔn)確的記錄和實(shí)現(xiàn)多元化的用戶(hù)要求，網(wǎng)絡(luò)界面的設(shè)計(jì)工作首先從對(duì)用戶(hù)的調(diào)查分析開(kāi)始，針對(duì)用戶(hù)的需求、用戶(hù)心理分析、用戶(hù)的網(wǎng)絡(luò)常識(shí)、用戶(hù)情感體驗(yàn)等分析直接影響用戶(hù)使用的因素。在用戶(hù)分析中要借助心理學(xué)、傳播學(xué)、社會(huì)學(xué)等相關(guān)理論，以此分析在不同類(lèi)型的用戶(hù)中對(duì)界面不同的需要以及反應(yīng)，為交互系統(tǒng)的分析設(shè)計(jì)提供可靠的理論依據(jù)和參考，使設(shè)計(jì)出的交互系統(tǒng)更適合于各類(lèi)用戶(hù)的使用[6]。

1.體現(xiàn)以用戶(hù)為中心的設(shè)計(jì)。首先從對(duì)用戶(hù)的調(diào)研開(kāi)始、然后對(duì)用戶(hù)建模、信息概念設(shè)計(jì)、網(wǎng)站原型設(shè)計(jì)到用戶(hù)測(cè)試及方案實(shí)現(xiàn)，整個(gè)設(shè)計(jì)過(guò)程都始終圍繞著用戶(hù)進(jìn)行，真正做到以用戶(hù)為中心。保證用戶(hù)界面運(yùn)作的一致性是網(wǎng)頁(yè)界面設(shè)計(jì)的重點(diǎn)之一。在主頁(yè)列表框的設(shè)計(jì)中，如果雙擊其中的一項(xiàng)，使得某些任務(wù)完成。由此雙擊列表框中的其中的任何一個(gè)項(xiàng)，都應(yīng)該有同樣的任務(wù)完成。也就是所有窗口按鈕的位置設(shè)計(jì)要達(dá)到一致性，提供的標(biāo)簽設(shè)計(jì)和信息要一致，顏色要一致。用戶(hù)界面設(shè)計(jì)的一致性會(huì)使得用戶(hù)對(duì)網(wǎng)絡(luò)界面運(yùn)作建立起精確的心理模型，以此降低用戶(hù)培訓(xùn)和支持成本。在頁(yè)面視覺(jué)傳達(dá)上，從網(wǎng)站的主題內(nèi)容和定位來(lái)決定需要與之前運(yùn)用的元素保持一致[7]。

2.減少用戶(hù)思考的設(shè)計(jì)。一般的短時(shí)記憶只能保持二十秒左右，最長(zhǎng)不超過(guò)一分鐘。在如此短的時(shí)間內(nèi)我們能儲(chǔ)存多少信息呢?答案是7士2即5～9個(gè)項(xiàng)目，平均為7個(gè)項(xiàng)目。可見(jiàn)，人在短時(shí)間內(nèi)注意力是集中和少量的，基于識(shí)別的用戶(hù)界面在很大程度依賴(lài)于用戶(hù)所關(guān)心對(duì)象的可見(jiàn)性，顯示太多的對(duì)象和屬性會(huì)讓用戶(hù)很難找到感興趣的對(duì)象。同時(shí)，用戶(hù)不棄歡經(jīng)常重復(fù)性輸入一些信息，如個(gè)人賬號(hào)，安全信息，操作習(xí)慣，下次操作行為等，這些占用了用戶(hù)完成其他重要任務(wù)的時(shí)間。

3.明確體現(xiàn)網(wǎng)站的特色服務(wù)。用戶(hù)界面要非常明確地體現(xiàn)網(wǎng)站的特色服務(wù)，安排最大的空間并且在最顯眼的位置來(lái)擺放網(wǎng)站的最大賣(mài)點(diǎn)和用戶(hù)最關(guān)心最常用培訓(xùn)系統(tǒng)，而其他用戶(hù)也會(huì)感興趣的渠道信息、最新共享信息版塊和論壇板塊等放在界面較顯眼的位置。這些都是基本滿(mǎn)足用戶(hù)需求，以用戶(hù)為中心的界面計(jì)。

4.迎合用戶(hù)的習(xí)慣。迎合用戶(hù)的習(xí)慣，主要為了讓用戶(hù)在操作中簡(jiǎn)單到極致。作為1個(gè)Ul設(shè)計(jì)人員，我們應(yīng)當(dāng)多的去了解用戶(hù)習(xí)慣在什么地方尋找導(dǎo)航欄、習(xí)慣把哪部分作為網(wǎng)站的重點(diǎn)，習(xí)慣在什么地方點(diǎn)擊注冊(cè)、習(xí)慣在什么地方找搜素框、習(xí)慣點(diǎn)擊什么樣的按鈕[8]、什么顏色會(huì)加速用戶(hù)的心跳、增強(qiáng)消費(fèi)的沖動(dòng)。由此，根據(jù)用戶(hù)的行為習(xí)慣，對(duì)網(wǎng)站的整體布局進(jìn)行重新策劃，使得簡(jiǎn)單、簡(jiǎn)單、再簡(jiǎn)單、簡(jiǎn)單到極致，通過(guò)清晰的流程和界面，讓用戶(hù)減少對(duì)網(wǎng)站的思考以及尋找的時(shí)間；讓準(zhǔn)確的色彩和表述減少用戶(hù)心理斗爭(zhēng)的時(shí)間。通過(guò)不斷地調(diào)研，用各種可用性實(shí)驗(yàn)來(lái)計(jì)算用戶(hù)在每一個(gè)界面下所需思考的時(shí)間，然后，最好的頁(yè)面設(shè)計(jì)的評(píng)判標(biāo)準(zhǔn)就是用戶(hù)耗費(fèi)時(shí)間最少的那個(gè)頁(yè)面。

參考文獻(xiàn)：

[1] 百度百科.http://baike.baidu.com/view/963625.htm.

[2] 柴秋霞.數(shù)字化語(yǔ)境下藝術(shù)與技術(shù)的融合[J].美術(shù)大觀,2009(8).

[3] 魯群霞.論產(chǎn)品界面的人機(jī)交互設(shè)計(jì)[J].包裝工程,2005(5).

[4] 楊明朗.人機(jī)交互界面設(shè)計(jì)中的感性分析[J].包裝工程,2007(11).

[5] 楊小翠.網(wǎng)頁(yè)界面需求分析方法引用網(wǎng)絡(luò)[OL].http://cf.41lan. com/viewNews433966.html,

[6] 劉增.以用戶(hù)為中心的網(wǎng)絡(luò)界面設(shè)計(jì)研究[M].南京:南京航空航天大學(xué),2007.

[7] 李綱.非物質(zhì)界面設(shè)計(jì)[M].杭州:浙江大學(xué),2006.

[8] 王義輝.網(wǎng)站策劃之UI思考-簡(jiǎn)單到極致[OL].http://ftp.donews. com/donews/article/1/137610.html,2009.