陳雪 周美玉

摘要：對用戶體驗設(shè)計在界面設(shè)計領(lǐng)域的價值進行分析，從人因?qū)W的角度進一步探討界面設(shè)計的因素。文章以用戶體驗和界面設(shè)計的相關(guān)理論為基礎(chǔ)，進而闡述了用戶體驗設(shè)計在界面設(shè)計中的重要性;對用戶體驗過程中界面設(shè)計的價值也進行了相應(yīng)的探究分析?？偨Y(jié)出基于用戶體驗的界面設(shè)計要素，將用戶體驗作為用戶與界面設(shè)計的橋梁，為后續(xù)產(chǎn)品迭代奠定基礎(chǔ)。

關(guān)鍵詞：用戶體驗設(shè)計 界面設(shè)計 人因?qū)W

中圖分類號：TB472 文獻標識碼：A文章編號：1003-0069（2019）01-0081-03

Abstract： This paper analyses the value of user experience design in the field of interface design， the factors of interface design are further explored from the human factors. Based on the related theories of user experience and interface design，the article expounds the importance of user experience design in interface design. The value of interface design in user experience process is also analysed. In conclusion， the user experience is used as a bridge between user and interface design， which lays a foundation for subsequent product iteration.

Keywords： User Experience Design Interface Design Human Factors

引言

設(shè)計決策僅憑直覺和經(jīng)驗在如今已經(jīng)打動不了消費者，因為它不是一條正確的設(shè)計道路，總是給人一種撞運氣的感覺。如何建立一個正確的界面設(shè)計思維模式，如何讓界面設(shè)計有更多的科學(xué)依據(jù)，避免由于個人經(jīng)驗的偏差而導(dǎo)致風(fēng)險？這就需要利用專業(yè)化的用戶體驗設(shè)計方法開展設(shè)計工作。

一、用戶體驗設(shè)計概述

用戶體驗設(shè)計這一詞匯來源于英文UserExperienceDesign，簡稱UED0

User就是我們通常所提到的“用戶”，也就是我們所做的設(shè)計（產(chǎn)品、展示、頁面及其他）所面向的人群。伴隨著互聯(lián)網(wǎng)的發(fā)展，O2O（Online to Office）、直播等各種新的商業(yè)模式的出現(xiàn)，我們需要面臨的用戶群體也更加多元和多向。例如，當(dāng)下火熱的抖音文化，使得我們面對的用戶不僅僅是觀看者，還包括內(nèi)容的提供產(chǎn)出者。甚至有時候同一個用戶既是觀看者又是內(nèi)容的提供產(chǎn)出者。因此，這使得我們在思考與用戶相關(guān)的問題時，需要更為全面的考慮。

Experience這個詞是用戶體驗中最為精華的一個詞，如果僅僅翻譯成“體驗”，可能稍許顯得局限。這個詞作為名詞是“體驗、經(jīng)歷、閱歷，，的意思，同時它的動詞有“感受、親身參與”之含義。我們平時熟悉的是它的名詞含義，其實動詞含義真正體現(xiàn)了它的內(nèi)在含義，即親身感受。任何一名合格的設(shè)計師，都應(yīng)該去親身體驗自己的設(shè)計，而不是僅僅靠經(jīng)驗和邏輯去分析。然而，有些內(nèi)容是無法做到親身體驗的（比如用戶群是老人或者小孩子），那就需要用戶體驗設(shè)計師的幫助。

二、界面設(shè)計

（一）界面

界面是用戶界面（User Interface）的簡稱。用戶界面的定義是存在于用戶與硬件之間，為彼此互動溝通而設(shè)計的相關(guān)介質(zhì)。就此定義，可以將用戶界面看作是人與機器之間交流、溝通與互動的橋梁。界面按照其形態(tài)分類，分別為物理界面，命令行界面，圖形用戶界面。

與用戶界面有著密切相關(guān)的研究領(lǐng)域是人機交互學(xué)科。人機交巨（Human-Computer Interaction，HCI）是一門交叉學(xué)科，主要研究關(guān)于設(shè)計、實現(xiàn)和評價供人們使用的交互計算系統(tǒng)以及有關(guān)這些現(xiàn)象的學(xué)科。

用戶界面與交互系統(tǒng)設(shè)計的關(guān)系密切，用戶界面可以看作是交互系統(tǒng)設(shè)計的自然生成的結(jié)果。用戶界面的目的是讓用戶能夠有效地去操作硬件，借助硬件完成所希望完成的工作。

包括手持移動設(shè)備、汽車、大型機械、交互裝置藝術(shù)品在內(nèi)的一系列項目都擁有用戶界面，并在界面設(shè)計的過程中需要進行人機交互的研究。換句話說，用戶界面實質(zhì)上是人機交互研究與設(shè)計的結(jié)果。雖然用戶看到的最終結(jié)果為用戶界面，但在頊目設(shè)計的過程中所經(jīng)歷的研究過程則是人機交互研究。與人機交互有關(guān)的項目既有相同的人類基本的交互形式又需要一些特有的技能和知識。因此，設(shè)計師通常會著眼于某一特定類型設(shè)計的知識和項目，比如軟件設(shè)計、用戶研究、網(wǎng)頁設(shè)計、工業(yè)設(shè)計等。

與圖形用戶界面相比，在圖形用戶界面得到普及之前使用最為廣泛的用戶界面是命令行界面（Command Line Interface，CU），也有人稱之為字符用戶界面（Command User Interface，CUI）。從定義上來講，所有通過語言的方式來達成人與機器交互目的的界面都是字符用戶界面（如圖1）。

在Windows操作系統(tǒng)中最著名的通過字符用戶界面達成的交互方式被稱為MS-DOS，而在Mac操作系統(tǒng)中，依舊被保留的終端應(yīng)用程序就是典型的字符用戶界面。

不僅僅是電子屏，我們時常也會忽略一種界面叫作物理性用戶界面（如圖2）所示。比如車的駕駛室中心控制板，簡稱中控的部分都是物理性用戶界面。甚至是一部大型機器的操作把手、按鈕及數(shù)據(jù)顯示媒介組成的整體也是用戶界面。物理性界面與電子屏顯示的虛擬性界面的概念形成對比。數(shù)控機床也擁有其特殊的用戶界面（如圖3）所示，即圖片右上方的電子顯示屏與按鈕都屬于用戶界面的范疇。

（二）圖形用戶界面

圖形用戶界面（Graphic User Interface，簡稱GUI）指的是運用圖形的方式來顯示的計算機操作界面。圖形用戶界面的定義是相對于計算機早期使用的命令行界面而言，也就是使用圖形的方式作為用戶和計算機之間交互的通道與橋梁，而非命令的方式。其最常見的形式就是以圖標（Icon）作為觸發(fā)功能的接觸點。

圖形界面是在視覺上更容易接受的界面。然而該界面如果要通過在屏幕的特定位置，以“各種美觀、而不單調(diào)的視覺消息”來提醒使用者“狀態(tài)發(fā)生變化”，相對于簡單的文字呈現(xiàn)，勢必得花上更多的精力來計算。

當(dāng)今計算機發(fā)展的重大成就之一是圖形用戶界面的廣泛應(yīng)用，其廣泛應(yīng)用極大程度方便了非專業(yè)用戶的操作和使用，用戶從此不需要去死記硬背大量的命令，通過窗口、菜單、按鍵等操作就可以方便地進行交互。圖形用戶界面的開創(chuàng)者，在業(yè)界一直被認為是開創(chuàng)了個人計算機新的應(yīng)用局面的蘋果公司，其最著名的成就就是開發(fā)了麥金塔（Macintosh）個人計算機及其操作系統(tǒng)。麥金塔個人計算機及其操作系統(tǒng)也被稱為蘋果機或麥金托什機，是對蘋果PC中一系列產(chǎn)品的稱謂。（如圖4）所示，為麥金塔電腦，型號為128k，其擁有早期的圖形用戶界面。圖源為維基百科的Mac電腦詞條。

雖然，最早的數(shù)字媒體領(lǐng)域的界面應(yīng)該是個人計算機的用戶界面。但在我們現(xiàn)今的生活中處處充斥著圖形用戶界面，ATM的操作屏幕為用戶界面，甚至是游戲機也使用電子屏作為用戶操作界面的媒介?？梢哉f，在這個時代，只要有電子屏的地方就有用戶操作界面。

（如圖5）為Window 8的操作系統(tǒng)圖形用戶界面，這是在Windows提出了Surface的概念之后所誕生的新的圖形用戶界面。（如圖6）為xbox游戲機的圖形用戶界面。它與個人計算機的用戶界面不同的是其輸入設(shè)備、游戲手柄的特殊性及附帶的局限性，但并不妨礙其擁有出色的圖形用戶設(shè)計。

在技術(shù)方面，我們必須要感謝多點觸摸的發(fā)明，導(dǎo)致現(xiàn)在的電子設(shè)備呈現(xiàn)出了更多的交互方式，包括我們最熟悉的智能手機。（如圖7）所示，為一個籍由大尺寸屏幕實現(xiàn)的交互藝術(shù)品的界面。（如圖8）為iPhoneX的操作系統(tǒng)圖形用戶界面，顯示為桌面圖形用戶界面，與智能手機相關(guān)的圖形用戶界面為本書所聚焦的設(shè)計主體，在現(xiàn)今的年代，手機作為無處不在的便攜式移動設(shè)備并配合海量的移動應(yīng)用給我們的生活帶來了便捷。研究如何設(shè)計移動應(yīng)用圖形用戶界面是本書的主旨。用戶界面設(shè)計包含了不同的設(shè)計階段及過程。依據(jù)其項目不同，這些階段或過程重要度也不同。

三、基于用戶體驗的界面設(shè)計的價值

用戶體驗設(shè)計對于一個產(chǎn)品來說，并非是基礎(chǔ)的要素。但是，這并不代表用戶體驗設(shè)計不重要。伴隨著設(shè)計概念的產(chǎn)生，產(chǎn)品的上線，用戶的使用，用戶體驗是一直存在的。用戶體驗設(shè)計通常是在產(chǎn)品推出上線后發(fā)揮作用的，但在項目初期就應(yīng)該投入大量時間進行用戶研究，這樣做，能夠縮短開發(fā)周期，并在產(chǎn)品推出時帶來更高的滿意度和使用效率，從而與之后的用戶體驗設(shè)計完美對接。所以說，用戶體驗設(shè)計貫穿在每個產(chǎn)品的整個生命周期中。通常情況下所說的用戶體驗設(shè)計就是產(chǎn)品的升級，從用戶角度講，就是把一個可用的產(chǎn)品升級到一個好用的產(chǎn)品，同時給用戶帶來更多的價值。從公司的角度來講，用戶體驗設(shè)計師是實現(xiàn)數(shù)據(jù)目標的關(guān)鍵崗位，不管是公司盈利，還是產(chǎn)品注冊量都是通過用戶體驗設(shè)計去提升的，以至于用戶體驗，設(shè)計最終成為設(shè)計項目乃至公司成敗的關(guān)鍵要素。

舉個例來說，比如某生鮮電商平臺，每一單的客單價已經(jīng)穩(wěn)定在一個價位，而且每單的配送成本固定，當(dāng)每單的盈利不足以背負配送成本的時候，大肆擴張和拉新只能變成燒錢大戰(zhàn)，甚至拖垮企業(yè)。這個時候產(chǎn)品、運營、采購、商業(yè)模式都已經(jīng)穩(wěn)定，企業(yè)要想進一步發(fā)展，在產(chǎn)品層面就需要用戶體驗設(shè)計的提升。我們通過用戶的心理和習(xí)慣，可以提升頁面的訪問深度、停留時間。從而增加更多能夠給用戶帶來的價值體驗，讓用戶更加信任我們的產(chǎn)品。同時，給用戶提供更多、更方便的方式和工具找到關(guān)聯(lián)或者可能潛在需求的連接，讓產(chǎn)品能夠承載更大的拉新成本，這樣企業(yè)才能進一步發(fā)展。

當(dāng)然，用戶體驗設(shè)計并不是唯一的出路，比如運營、市場的創(chuàng)新也都是非常重要的。但是，用戶體驗設(shè)計的重要性是一定不容忽視的，用戶體驗設(shè)計師也是不容小覷的。用戶體驗設(shè)計具體的作用和價值如下：

1.用戶價值、商業(yè)價值：對于一個擁有百萬用戶的產(chǎn)品來說，如果用戶借助優(yōu)秀設(shè)計能夠更快速地完成任務(wù)和目標，那該產(chǎn)品為用戶和社會創(chuàng)造的價值有多少？如果借助優(yōu)秀設(shè)計能夠讓每一個用戶感到愉悅，那該產(chǎn)品又為社會創(chuàng)造了多少價值呢？實在是難以估量！蘋果公司發(fā)布的幾款追求完美的產(chǎn)品，足以是改變了世界！日常工作中也經(jīng)?？吹竭@樣的例子：變動一個按鈕顏色，點擊率就可能提高35;優(yōu)化一下操作流程，轉(zhuǎn)化率就有可能會提升50。借助用戶體驗設(shè)計的神奇結(jié)果可想而知。

2.項目價值：設(shè)計師產(chǎn)生的創(chuàng)意和想法一定需要團隊成員的支持，不然再好的想法也是難以實施的。優(yōu)秀的用戶體驗設(shè)計師通常在項目中具備較強的影響力，并且可以充分組織、調(diào)動和協(xié)助好其他相關(guān)部門。它的存在既能保證良好的產(chǎn)品體驗，又能使項目更加順利、有序進行，對整個項目提升品質(zhì)以及效率都有極大的幫助。

3.品牌價值：維護和突出公司的整體品牌形象是設(shè)計師眾多職責(zé)中很重要的一個職責(zé)。統(tǒng)一和諧的設(shè)計理念和設(shè)計風(fēng)格可以更大程度地增強公司品牌識別度，從而起到較好的宣傳與推廣作用。不過，這并不是靠一個設(shè)計師就可以實現(xiàn)的，想要達到整體效果，還是要依靠公司高層認可以及整個設(shè)計團隊的齊心協(xié)力。這個工作別人是很難取代的，每個項目的產(chǎn)品經(jīng)理都在忙自己的KPI（關(guān)鍵績效指標），更是沒有時間去和別的產(chǎn)品保持一致，這個時候就要靠用戶體驗設(shè)計師的力量。

四、基于用戶體驗的界面設(shè)計因素

對于人機交互來說，人類是最重要的研究對象。作為核心與使用者的人類卻是最不可控的設(shè)計因子。人在日常行為中經(jīng)常會發(fā)生行為偏差，或者事與愿違。在操作交互系統(tǒng)的時候也不例外。所以，人因工程學(xué)（Human Factors Engineering）也稱為人因素學(xué)（Human Factors）。以下將根據(jù)以往研究結(jié)果一按因素講述人因?qū)W的研究范疇。人因素中對移動應(yīng)用圖形用戶界面設(shè)計產(chǎn)生影響最大的莫過于視力、注意力與能力。

（一）視力

這里所說的視力（Sight），在某種程度上指的是視敏度，又稱視銳度或視力，指的是眼睛能分辨物體很小間距的能力，通常情況下使用被辨別物體的最小間距所對應(yīng)的倒數(shù)來表示。視敏度受到一下幾個因素的影響：移動端視覺交互系統(tǒng)中圖像本身的復(fù)雜程度、環(huán)境光強度、圖像色彩以及顯屏背光等。

通常情況下，光的強度過弱會使圖像難以進行分辨。增加照明可以提高視敏度，但光也不能太強。光的強度過強，會引起瞳孔過于收縮，從而降低其視敏度。并且伴隨著亮度的增加會使顯示屏的閃爍更加明顯，使用者直視顯屏?xí)r候會感到很不舒服。因此在智能手機移動應(yīng)用，尤其是閱讀類的移動應(yīng)用應(yīng)充分考慮視力缺陷因素如人在晚間的閱讀。（如圖9）為導(dǎo)航類移動應(yīng)用高德地圖，其具備的夜間模式可以在較為黑暗的環(huán)境下提供全黑色背景的導(dǎo)航界面。自左至右分別是日間導(dǎo)航模式和夜間導(dǎo)航模式。

（一）注意力

通常，人們把注意力（Attention）看作是人腦信息系統(tǒng)的瓶頸和過濾器。注意力有一個重要的功能就是能過濾掉不重要的信息，選取其中重要信息進行下一步的加工，使用戶的精力能夠較為穩(wěn)定地集中在所要加工的信息上。不可改變的是人的信息通道容量有限，系統(tǒng)不可能把所有收到的信息都進行加工，這也恰恰就是注意力發(fā)生的所在點。

人們對于一件事感興趣與否也會影響一個人的注意力。若對其感興趣，注意力就容易集中（如電視?。?，否則就很容易被其他感興趣的事物吸引。同樣，能滿足人需求的事件，就能夠較長時間地引起人的注意。所以說，在移動端圖形用戶界面設(shè)計過程中，設(shè)計師有必要把注意力導(dǎo)向用戶需要的信息和計劃采取的行動上。一直在變動，一直有反饋是移動應(yīng)用圖形用戶設(shè)計中的生死線。（如圖10）為運動類移動應(yīng)用咕咚的反饋提示，提示的是用戶無法連接到網(wǎng)絡(luò)的信息，咕咚使用了一種非常簡單的處理方法，降低移動應(yīng)用圖形用戶界面本身的明度，之后在此基礎(chǔ)上跳出對話框，并安排了可以讓用戶檢査網(wǎng)絡(luò)（好的）選項。這樣的提示框使用的是操作系統(tǒng)的圖形用戶界面設(shè)計風(fēng)格，干凈便于信息傳達。

（三）能力

由于用戶具有操作和控制手機等硬件的能力，同時也具備功能和行動的自由度，并且可以對各種情況進行分析和判斷，并能夠在適當(dāng)?shù)臅r候采取隨機應(yīng)變的措施。因此，判斷誤差及動作失誤都會導(dǎo)致其錯誤的產(chǎn)生。智能手機移動應(yīng)用沒有完成人所希求的任務(wù)時，用戶時常就選擇了放棄，對于用戶體驗來說，這是最糟糕的事情。用戶在操作上遇到困難就選擇退出甚至刪除這個移動應(yīng)用。所以，對于用戶能力的培養(yǎng)，即移動應(yīng)用對用戶的“教學(xué)”也是非常重要的。我們即使購買了電冰箱或是微波爐，廠商也會為我們提供說明書。對于智能手機移動應(yīng)用來說就是在第一次打開這個移動應(yīng)用時的教學(xué)。（如圖11）為音樂播放類移動應(yīng)用蝦米的圖形用戶界面設(shè)計，其在第一次打開時就用界面友好地向用戶介紹如何使用該移動應(yīng)用的一些技巧，并且更加貼心的是，如左圖所示，其說明本身都內(nèi)含了對說明書的“注解”，即翻頁方式。

（四）情感

“形式服從情感”（Form Follows Emotion）的設(shè)計理念被著名的青蛙設(shè)計公司（Fmg Design）提出。其中提到用戶購買的不僅僅是產(chǎn)品本身，相應(yīng)的也購買了其包含賞心悅目形式中的服務(wù)和經(jīng)驗。換句話說，“情感化設(shè)計”就是物要傳遞感受給人，取得與人的感情共鳴。情感把握在于深入目標使用者情感，而不僅僅抒發(fā)個人情感。智能手機移動應(yīng)用設(shè)計反映著設(shè)計與人的關(guān)系。比如下面的作品，該設(shè)計師在移動應(yīng)用的初次使用界面上增加了一個故事版環(huán)節(jié)，講述這個移動應(yīng)用的功能，一切并非從切實的功能出發(fā)，而是情感、感受。（如圖12）所示的5張圖為設(shè)計移動應(yīng)用“時間賬本”的首次加載頁面，作為該移動應(yīng)用的介紹。第一張先強化整個移動應(yīng)用在用戶心中的形象，使用了移動應(yīng)用的logo，第二張開始敘述沒有該移動應(yīng)用時的生活狀態(tài)，之后在第三張遞進這種槽糕的生活狀態(tài)以加深用戶的感受，第四張敘述了該移動應(yīng)用的時間與空間結(jié)合的記錄方式，并在最后一張給出移動應(yīng)用正向評價的總結(jié)。

結(jié)語

在界面設(shè)計不斷摸索向前發(fā)展的過程中，用戶體驗設(shè)計發(fā)揮著越來越重要的作用。在過去，傳統(tǒng)的設(shè)計決策也許更多依靠經(jīng)驗和直覺，而現(xiàn)如今用戶更多關(guān)注的是其中的體驗和服務(wù)。如果你的產(chǎn)品設(shè)計、服務(wù)設(shè)計或系統(tǒng)設(shè)計注重用戶體驗，用戶就會主動幫你宣傳和推廣你的產(chǎn)品、服務(wù)或系統(tǒng)，從而形成口碑營銷和粉絲文化。所以，只有不斷地將用戶體驗設(shè)計融入到界面設(shè)計中，才能更好地為后續(xù)產(chǎn)品的迭代奠定基礎(chǔ)。

參考文獻

[1]張潔.精梳機數(shù)字操控系統(tǒng)交互界面設(shè)計與研究[D].天津工業(yè)大學(xué)，2017（01）：70.

[2]韓廷森.手機界面設(shè)計演進研究[D].蘇州大學(xué)，2016（05）：99.

[3]胡永華.一個輕型高效的嵌入式GUI的實現(xiàn)[D].安徽大學(xué)，2010（04）：64.

[4]常方圓.手機多媒體交互視聽系統(tǒng)設(shè)計研究與應(yīng)用[D].江南大學(xué)，2008（06）：91.

[5]桂茂亭，楊勤.基于用戶體驗的科普展品設(shè)計要素研究[J].設(shè)計，2018（13）：135-137

[6]秦瑞，陳香.基于移動理財中的用戶體驗設(shè)計方法研究[J].設(shè)計，2018（13）：138-140

[7]胡曉.重新定義用戶體驗：文化.服務(wù).價值[J].設(shè)計，2018（02）：56-81.