淺析UI設(shè)計中可用性的價值和意義

宣 吉

（廣西產(chǎn)研院人工智能與大數(shù)據(jù)應(yīng)用研究所有限公司，廣西 南寧 530200）

1 UI設(shè)計和可用性的概述

1.1 可用性概述

可用性用于衡量特定產(chǎn)品在特定場景下特定用戶在實現(xiàn)特定目標(biāo)方面有效、高效和令人滿意的程度。首先，可用性不僅與界面設(shè)計有關(guān)，還與整個系統(tǒng)的技術(shù)水平有關(guān)。其次，可用性由人為因素反映，并由執(zhí)行各種任務(wù)的用戶進(jìn)行評估[1]?？捎眯允且粋€可衡量的指標(biāo)，它描述了用戶與某一產(chǎn)品交互的效率，還涉及了某一產(chǎn)品易于理解和使用的程度。通常由三個方面去判斷一個產(chǎn)品是否是可用性設(shè)計，分別是：有效性、效率與滿意度。有效性是指用戶在完成某一指定的任務(wù)或者目標(biāo)的時候，操作的準(zhǔn)確度和完整度；效率是指用戶在完成任務(wù)后，正確與完整的程度與所占用資源之間的比例大??；滿意度是指用戶在使用某一產(chǎn)品的過程中對其主觀的感受與滿意程度?？捎眯阅軌蚍从砋I設(shè)計存在的重要方法，通過可用性能夠反映出UI設(shè)計的特點和作用。因此，可用性在UI設(shè)計中具有重要的作用，也具有很大地價值和意義。

1.2 UI設(shè)計概述

UI設(shè)計又稱為界面設(shè)計，UI設(shè)計是對人機交互系統(tǒng)、操作系統(tǒng)和界面系統(tǒng)進(jìn)行整體設(shè)計，讓產(chǎn)品的操作變得更加簡單，也讓產(chǎn)品更具有個性化、自由化，能夠充分反映軟件的特點。首先，UI設(shè)計是人和信息交互的媒介，是一種特殊的載體，UI設(shè)計以可用的形式而存在，能夠反映出視覺元素和色彩等，UI設(shè)計也是人機交互的基礎(chǔ)。其次，UI設(shè)計能夠?qū)π畔⑦M(jìn)行采集、輸入和輸出，將信息更加直觀的反映出來。在UI設(shè)計過程中，需求設(shè)計角色會確定軟件的目標(biāo)用戶，獲取最終用戶和直接用戶的需求。不同的用戶有不同的交互習(xí)慣和交互特點。這種交互方式往往來源于其原有的針對現(xiàn)實的交互流程、已有軟件工具的交互流程。當(dāng)然還要在此基礎(chǔ)上通過調(diào)研分析找到用戶希望達(dá)到的交互效果，并且以流程確認(rèn)下來。對于用戶交互的結(jié)果和反饋，提示用戶結(jié)果和反饋信息，引導(dǎo)用戶進(jìn)行用戶需要的下一步操作。UI設(shè)計包括一致性原則和可用性原則。一致性原則是指設(shè)計目標(biāo)的一致性、元素外觀的一致性、交互行為的一致性等，通過一致性原則能夠?qū)崿F(xiàn)用戶的需求，簡化用戶的操作流程?？捎眯栽瓌t包括可理解、可達(dá)到和可控制，用戶應(yīng)沉浸在對產(chǎn)品、UI設(shè)計的掌控中，并且?guī)椭脩艨焖俚赝瓿晒ぷ骱湍繕?biāo)，從而能夠使UI設(shè)計做到最佳可用性。

2 UI設(shè)計可用性的價值和意義

2.1 UI設(shè)計的價值

從用戶使用的角度來看，可用性是非常重要的，可用性可以使客戶的任務(wù)準(zhǔn)確完成，起到了輔助性的作用，同時使用完畢后，客戶會感覺良好而不是糟糕。那么從開發(fā)者的層面來看，用戶可用性則是對一個系統(tǒng)是否成功的評價標(biāo)準(zhǔn)。從管理者的層面來說，使用感不好的產(chǎn)品不會熱銷，一旦用戶不去購買該產(chǎn)品，那么這就是一個巨大的損失，一個產(chǎn)品一旦失去了可用性，那么就會極大的浪費人們的時間，降低效率。

我們從UI設(shè)計最重要的主體——用戶角度來看，可用性對于用戶來說可以保證其良好的體驗感。

人們經(jīng)常將可用性與用戶體驗的方便度進(jìn)行混淆?？捎眯允怯脩趔w驗設(shè)計的一個組成部分。根據(jù)用戶體驗設(shè)計領(lǐng)導(dǎo)者的說法，可用性是用戶體驗的第二個層面。它是在產(chǎn)品具有實用性之后的，同時也在理想化與體驗感之前。所以說，一個項目能夠保證可以解決用戶的問題之后，就需要研究其可用性了。

一個項目具有可用性的時候，它就應(yīng)包含以下元素：有效性、效率、參與度和容錯度。有效性是指用戶在完成某一指定的任務(wù)或者目標(biāo)的時候，操作的準(zhǔn)確度和完整度；效率是指用戶在完成任務(wù)后，正確與完整的程度與所占用資源之間的比例大?。粎⑴c度是指用戶使用后的第一主觀感受；容錯度是指它可以支撐用戶的操作，在實際上出現(xiàn)錯誤的情況下提示錯誤。在對這些錯誤進(jìn)行分析之后，用戶也可以簡單的對其進(jìn)行恢復(fù)和修正。

當(dāng)一個UI設(shè)計具有可用性的時候，哪怕客戶是第一次瀏覽界面，他們也可以容易的以自己的方式去完成任務(wù)，不需花費時間再去搜索[2]?？傊?，好的設(shè)計具有可用性，能夠指導(dǎo)用戶以最輕松簡單的方式達(dá)到目標(biāo)，因此設(shè)計的時候需要適應(yīng)一切可能出現(xiàn)干擾的因素，例如外界環(huán)境等。

2.2 UI設(shè)計的意義

UI設(shè)計是體現(xiàn)人類文明，體現(xiàn)社會責(zé)任。人類文明的進(jìn)步，必不可少的有UI設(shè)計的一份功勞。UI設(shè)計已逐漸應(yīng)用到社會各個角落，合理應(yīng)用于社會、商業(yè)中去，促進(jìn)行業(yè)發(fā)展和社會的進(jìn)步，我們對于UI設(shè)計雖然還處于起步階段，但是現(xiàn)如今不斷涌現(xiàn)的先進(jìn)的科學(xué)技術(shù)推動UI設(shè)計的發(fā)展。通過UI設(shè)計促進(jìn)設(shè)計與需求的良性互動。設(shè)計者的基本目標(biāo)有三個：一是客戶的需求，二是消費者的需求，三是社會的需求?？蛻舻男枨?，UI設(shè)計可以給客戶帶來巨大的經(jīng)濟(jì)價值；消費者的需求，能夠根據(jù)接收的信息，對產(chǎn)品和需求作出正確的經(jīng)濟(jì)判定，滿足消費者的需求；社會的需求，社會需要UI設(shè)計來帶動社會的發(fā)展，促進(jìn)社會可持續(xù)發(fā)展。UI設(shè)計能夠促進(jìn)學(xué)科行業(yè)化、專業(yè)化、社會化發(fā)展。UI設(shè)計目前已經(jīng)成為一門獨立的學(xué)科，并在不斷地理論和時間的過程中修正完善，對于目前高校設(shè)計類專業(yè)學(xué)生提供一套規(guī)范化、行業(yè)化的流程是必不可少的，另外教學(xué)資源的合理化分配，讓UI設(shè)計成為學(xué)習(xí)和設(shè)計中不能缺少的一部分。輔助以設(shè)計軟件的教學(xué)，多媒體教學(xué)親身示范演示，從而促進(jìn)UI設(shè)計的發(fā)展，推動社會的進(jìn)步。

3 UI設(shè)計中做到最佳可用性的方法

實現(xiàn)可用性最優(yōu)的核心實際上是采取更迭的設(shè)計，要從一個產(chǎn)品設(shè)計的起步期就進(jìn)行評估和分析，使其設(shè)計不斷優(yōu)化。在進(jìn)行評估的過程中，可以讓設(shè)計者與開發(fā)者同時獲取客戶使用的反饋信息，從而最直接的改進(jìn)系統(tǒng)，使其達(dá)到可用的水平[3]。用戶應(yīng)沉浸在對產(chǎn)品、UI設(shè)計的掌控中，并且?guī)椭脩艨焖俚赝瓿晒ぷ骱湍繕?biāo)，從而能夠使UI設(shè)計做到最佳可用性。除此之外，想要確保產(chǎn)品的可用性，就需要前期對客戶需求進(jìn)行調(diào)研，再對真實存在的客戶進(jìn)行測試，接下來就從以下幾個方面概述這一問題。

3.1 產(chǎn)品功能層面的可用性

字面上的“可用”意味著系統(tǒng)可以按照用戶的預(yù)期正常使用。用戶體驗的產(chǎn)品層面往往是側(cè)重于有用、高效和包容的。例如，用戶可以通過搜索功能搜索他們想要的內(nèi)容，用戶搜索完成這一操作就被定義為搜索功能的便捷性，即該功能對用戶有效。

但是，對于可用性強的產(chǎn)品，用戶體驗不一定好[4]。相反，具有良好用戶體驗的產(chǎn)品不一定可用性就好。其實可以理解為，產(chǎn)品可用性原則是產(chǎn)品功能的重要基礎(chǔ)，它是一個產(chǎn)品使用的基礎(chǔ)，沒有可用性的產(chǎn)品也就毫無用戶體驗感，但是同時，有了可用性也不一定就由好的用戶體驗。因此在設(shè)計的時候，就需要將兩者兼顧起來，缺一不可。

3.2 用戶體驗設(shè)計層面的可用性

我們上面提到產(chǎn)品層面的可用性主要是產(chǎn)品功能的可用性、效率和完整性，但用戶體驗的設(shè)計并不局限于功能范圍。用戶體驗設(shè)計中還包含視覺感知、品牌連貫性、心理預(yù)期、用戶情緒等因素，這些都是用戶體驗設(shè)計的基本要素。

前文中我們提到了可用性構(gòu)架中需要具備的元素：有效性、效率、參與度和容錯度。有效性是指用戶在完成某一指定的任務(wù)或者目標(biāo)的時候，操作的準(zhǔn)確度和完整度；效率是指用戶在完成任務(wù)后，正確與完整的程度與所占用資源之間的比例大?。粎⑴c度是指用戶使用后的第一主觀感受；容錯度是指它可以支撐用戶的操作，在實際上出現(xiàn)錯誤的情況下提示錯誤。在對這些錯誤進(jìn)行分析之后，用戶也可以簡單的對其進(jìn)行恢復(fù)和修正。因此在進(jìn)行設(shè)計的時候，需要對以上原則進(jìn)行融合，首先需要在前期進(jìn)行設(shè)計的時候，就對市場上的客戶進(jìn)行調(diào)研，充分了解客戶的需求和對產(chǎn)品功能性的要求，只有面向市場，產(chǎn)品的開發(fā)才能有效；充分注重用戶體驗設(shè)計，比如說在設(shè)計的時候，可以將控件設(shè)定為狀態(tài)可見，一旦某個產(chǎn)品銷售完畢了，就可以及時的提醒用戶，給予視覺上的明示；而在品牌設(shè)計的時候，則要關(guān)注品牌的一致性，像產(chǎn)品界面的顏色能否帶給用戶與品牌一致的感官等；針對用戶在使用產(chǎn)品的時候容易出現(xiàn)錯誤的地方，需要及時給予用戶顯眼的提示，完善反饋機制；如果要提升用戶的滿意度，則需要將角色轉(zhuǎn)換，站在客戶的角度去考慮，對用戶要傳達(dá)的信息簡單、清晰、理解成本低[5]。

3.3 好的用戶體驗設(shè)計

德國設(shè)計大師迪特·拉姆斯說過，好的設(shè)計需要注重每一個細(xì)節(jié)；好的用戶體驗就是去除臃腫和空洞的設(shè)計，我們所說的易用性。易用性帶來更高效的用戶體驗、更簡潔的流程，從而推動產(chǎn)品的轉(zhuǎn)化率的同時，也給用戶體驗過程中留下美好的印象。

好的設(shè)計在于創(chuàng)新，首先被提到的就是圖形聯(lián)想。舉一個例子，當(dāng)用戶需要選擇性別的時候，傳統(tǒng)的設(shè)計只是漢字“男、女”的單選框，而具有創(chuàng)意的設(shè)計，則是將漢字變?yōu)樾詣e圖示，這樣的表達(dá)方法更加生動趣味。其次就是形式的嫁接，即將一個IP的形式嫁接到另一個IP從而豐富表達(dá)，例如前幾年網(wǎng)絡(luò)上比較火的“黑人搖頭”表情包，在進(jìn)行UI設(shè)計的時候，可以將搖頭這個元素嫁接過來，在卡通人物的形象上設(shè)計搖頭的動態(tài)，豐富用戶的體驗[6]。

4 可用性測試與原則

4.1 可用性測試

UI設(shè)計的可用性測試包括一對一用戶測試、啟發(fā)式評估和焦點小組，也可以用可用性測試的緯度進(jìn)行評定。

4.1.1 一對一用戶測試

一個可用性的測評部分通常包含測試者們和一個目標(biāo)用戶，而這個目標(biāo)用戶會在測試者們的帶領(lǐng)下，進(jìn)行一系列的典型任務(wù)。征求所有參與者的意見之后試驗流程將被攝像，而測試人員也將繼續(xù)觀察、了解所有使用者的操作過程、思維過程及其相關(guān)各項指標(biāo)，并記錄所有使用者遇到的可用性問題及分析。

4.1.2 啟發(fā)式評估啟發(fā)式評估是以專業(yè)的評估人員對UI設(shè)計的性能和狀態(tài)進(jìn)行相應(yīng)的評估和檢測，找到UI設(shè)計存在的問題，而且能夠提供相應(yīng)的解決建議和方案。啟發(fā)式評價法是一個通過發(fā)掘在用戶界面設(shè)計過程中的可用性問題，并使這種問題成為再產(chǎn)品設(shè)計流程中的一個被關(guān)注的內(nèi)容可用性檢查方式。教學(xué)思想評價法旨于使用已制定的可用性原則來說明每個發(fā)現(xiàn)的可用性問題，但是要按照由已被違背的、好的人機交互系統(tǒng)必須符合的原則中所規(guī)定的設(shè)計原則，來建立一個修正的設(shè)計方案是非常容易的[7]。

4.1.3 焦點小組焦點小組是利用用戶來對UI設(shè)計進(jìn)行評價和評估，對UI設(shè)計進(jìn)行相應(yīng)的調(diào)研。能夠從用戶的角度發(fā)現(xiàn)存在的問題，從而將UI設(shè)計能夠更好地滿足用戶的需求。在可用性測試中，焦點小組可用于對已有原型的比較、修改建議的討論。

4.1.4 可用性測試的緯度

可用性測試的維度包括：任務(wù)操作的成功率、任務(wù)操作效率、任務(wù)操作前的用戶期待、任務(wù)操作后的用戶評價、用戶滿意度、各任務(wù)出錯率、二次操作成功率、二次識別率用戶操作過程中各認(rèn)知緯度等。

4.2 可用性原則

4.2.1 可達(dá)到

用戶是設(shè)計者工作中考慮的中心要素，而交互元素對應(yīng)于用戶需求中的主要功能，所以交互元素也應(yīng)該能被用戶所控制。用戶也可以用鍵盤、鼠標(biāo)等這樣的互動裝置，通過移動和觸發(fā)現(xiàn)有的互動元素，形成與其他在此之前并不可見甚至無法交互的互動元素。

4.2.2 可控制

可控主要是要求軟件的交互過程，使用者能夠操控；功能的實施過程，使用者能夠操控；若實在無法進(jìn)行操控，可用可以讓目標(biāo)用戶理解的方法提醒使用。只有由使用者自行掌控UI用戶界面，才可以增加使用操作過程中的安全性。

4.2.3 可理解

使用者也應(yīng)該能夠掌握軟件各個元素所對應(yīng)的功能，才可以實現(xiàn)順暢的運行，進(jìn)而增強了使用者對操作的欲望。一旦你設(shè)計的頁面無法為用戶所認(rèn)知，那你就必須創(chuàng)造一個非破壞性的使用途徑，讓用戶能夠通過對該元素的運用，掌握其相應(yīng)的功能。使用者就可以輕易完成對網(wǎng)頁設(shè)計的操作，同時也可以獲得即時的反饋，讓用戶獲得良好的使用感受，并增加對用戶的使用粘性[8]。

5 結(jié)束語

隨著我國科技水平的不斷發(fā)展，在人們的生活中信息化的影子隨處可見，UI設(shè)計作為互聯(lián)網(wǎng)領(lǐng)域中比較常用的一部分，其設(shè)計的可用性應(yīng)當(dāng)被關(guān)注。因此本文對UI設(shè)計中可用性的價值和意義進(jìn)行了討論與分析，并提出了如何在UI設(shè)計中做到最佳可用性的建議。