基于用戶體驗的界面設計因素分析

陳雪 周美玉

摘要：對用戶體驗設計在界面設計領域的價值進行分析，從人因學的角度進一步探討界面設計的因素。文章以用戶體驗和界面設計的相關理論為基礎，進而闡述了用戶體驗設計在界面設計中的重要性;對用戶體驗過程中界面設計的價值也進行了相應的探究分析。總結出基于用戶體驗的界面設計要素，將用戶體驗作為用戶與界面設計的橋梁，為后續產品迭代奠定基礎。

關鍵詞：用戶體驗設計 界面設計 人因學

中圖分類號：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

引言

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

一、用戶體驗設計概述

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

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

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

二、界面設計

（一）界面

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

與用戶界面有著密切相關的研究領域是人機交互學科。人機交巨（Human-Computer Interaction，HCI）是一門交叉學科，主要研究關于設計、實現和評價供人們使用的交互計算系統以及有關這些現象的學科。

用戶界面與交互系統設計的關系密切，用戶界面可以看作是交互系統設計的自然生成的結果。用戶界面的目的是讓用戶能夠有效地去操作硬件，借助硬件完成所希望完成的工作。

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

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

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

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

（二）圖形用戶界面

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

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

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

雖然，最早的數字媒體領域的界面應該是個人計算機的用戶界面。但在我們現今的生活中處處充斥著圖形用戶界面，ATM的操作屏幕為用戶界面，甚至是游戲機也使用電子屏作為用戶操作界面的媒介。可以說，在這個時代，只要有電子屏的地方就有用戶操作界面。

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

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

三、基于用戶體驗的界面設計的價值

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

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

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

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

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

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

四、基于用戶體驗的界面設計因素

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

（一）視力

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

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

（一）注意力

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

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

（三）能力

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

（四）情感

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

結語

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

參考文獻

[1]張潔.精梳機數字操控系統交互界面設計與研究[D].天津工業大學，2017（01）：70.

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

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

[4]常方圓.手機多媒體交互視聽系統設計研究與應用[D].江南大學，2008（06）：91.

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

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

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