基于用戶體驗下的界面設計

趙知為

摘要：通過對界面設計不同需求進行的分類以及界面設計元素對用戶行為的影響，來研究用戶在界面設計中所體現的重要性。交互性已經成為網絡界面設計中設計追求的目標。為了使設計滿足可用性要求，全面的了解用戶特征及多元化要求是十分必要的。這就需要找到正確的方法來記錄和實現多元化的用戶要求。

關鍵詞：界面；設計；用戶

中圖分類號：G22文獻標識碼：A文章編號：1672-8122（2012）02-0104-02

界面是人與物體互動的媒介，換句話說，界面就是設計師賦予物體的新面孔[1]。

一、界面設計的分類

（一）以功能實現為基礎的界面設計。交互設計界面最基本的性能是具有功能性與使用性，通過界面設計，讓用戶明白功能操作，并將作品本身的信息更加順暢的傳遞給使用者，即用戶，是功能界面存在的基礎與價值，但由于用戶的知識水平和文化背景具有差異性，因此界面應以更國際化，客觀化的體現作品本身的信息。

（二）以情感表達為重點的界面設計。通過界面給用戶一種情感傳遞，是設計的真正藝術魅力所在。用戶在接觸作品時的感受，使人產生感情共鳴，利用情感表達，切實的反應出作品與用戶之間的情感關系。當然，情感的信息傳遞存在著確定性與不確定性的統一。因此，我們更加強調的是用戶在接觸作品時的情感體驗。

（三）以環境因素為前提的界面設計。任何一部互動設計作品都無法脫離環境而存在，周邊環境對設計作品的信息傳遞有著特殊的影響。包括作品自身的歷史、文化、科技等諸多方面的特點，因此營造界面的環境氛圍是不可忽視的一項設計工作，這和我們看電影時需要關燈是一個道理。

二、界面的組成元素

計算機的鍵盤與鼠標這兩個物理接口是人機界面中最為傳統的組成要素，但這些卻逐漸成為人機界面發展的局限性。因為人類無法通過鍵盤鼠標將信息數據自由的融入人類活躍的思維想象力當中，使得人類對人機界面產生疏離感。界面如何超越鍵盤與鼠標局限，進一步擴展數字系統和人類之間的界面，使數字系統真正進入人類生活，成為現階段的界面設計研究方向。

（一）以動作作為界面。Henry See長期研究關于計算機信息組織能力的相關探索。他的作品《關注》Regard強調了以動作為界面的裝置作品，該裝置建立在特定智能環境中，有一位正在看書的虛擬人物，通過訪問者的動作能對這名“讀者”的動作產生影響。該作品是通過參與者的動作對虛擬人物的影響，表現了的參與者既尊重又侵犯了這名讀者的私人空間。索美與海格諾涅創作了一系列結合姿勢追蹤的裝置。《植物轉變》中，訪問者的舉動和身體形態影響著人工生物的種類。這是一個交互式環境，訪問者進入這個虛擬空間可以看見自己用身體創造了一個虛擬花園[2]。身體的姿勢，活動范圍直接影響虛擬植物的生長。

（二）以觸摸與觸感作為界面。克里斯塔?索美與梅格諾涅：《移動電話感覺》探索了陌生人分享個人信息的雙重情感。大衛?思莫和湯姆?懷特開發了一個以水作為人機界面的裝置《意識水流》，呈現了一個其表面浮動了文字投映的小瀑布，如果訪問者嘗試觸摸這些文字將會使水和文字漾起小小的波紋：“你可以伸出手去觸摸水流，試著隔斷或者攪動文字，使字形產生變化，轉化為新的文字，進入排水管，回到水流源頭，然后再次流出。”

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

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

三、界面設計要求

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

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

四、網頁界面的組成

在確定web界面后，需要進一步確定界面的組織結構。與傳統媒體不同的是，網頁界面增加了生動性和復雜性，強調由代碼語言編程實現的各種交互體驗式效果，但也使得在更多的頁面元素排布及優化上值得網頁設計者考慮。通常一個軟件界面的元素包括界面主色調、字體大小與顏色、界面布局、交互方式、界面功能分布、界面輸入輸出模式等。其中影響用戶工作效率的元素包括:輸入輸出方式、交互方式、功能分布，在使用命令式交互方式的系統中，命令名稱、參數也是界面元素的內容[5]。影響用戶對系統友好性評價的元素則有:顏色、字體大小、界面布局等，軟件界面作為一個整體，其中任何一個元素不符合用戶習慣、不滿足用戶要求都將降低用戶對軟件系統的認可度。

五、用戶需求分析

網絡的交互性如今已經成為網絡界面設計中重要目標之一。為了能從設計的角度，更加提高網絡的可用性，設計師們要全面的關注與了解用戶的多元化要求及行為特征。依靠正確的方法能夠更加準確的記錄和實現多元化的用戶要求，網絡界面的設計工作首先從對用戶的調查分析開始，針對用戶的需求、用戶心理分析、用戶的網絡常識、用戶情感體驗等分析直接影響用戶使用的因素。在用戶分析中要借助心理學、傳播學、社會學等相關理論，以此分析在不同類型的用戶中對界面不同的需要以及反應，為交互系統的分析設計提供可靠的理論依據和參考，使設計出的交互系統更適合于各類用戶的使用[6]。

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

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

3.明確體現網站的特色服務。用戶界面要非常明確地體現網站的特色服務，安排最大的空間并且在最顯眼的位置來擺放網站的最大賣點和用戶最關心最常用培訓系統，而其他用戶也會感興趣的渠道信息、最新共享信息版塊和論壇板塊等放在界面較顯眼的位置。這些都是基本滿足用戶需求，以用戶為中心的界面計。

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

參考文獻：

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

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

[3] 魯群霞.論產品界面的人機交互設計[J].包裝工程,2005(5).

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

[5] 楊小翠.網頁界面需求分析方法引用網絡[OL].http://cf.41lan. com/viewNews433966.html,

[6] 劉增.以用戶為中心的網絡界面設計研究[M].南京:南京航空航天大學,2007.

[7] 李綱.非物質界面設計[M].杭州:浙江大學,2006.

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