使用者介面設計
用戶界面設計(英語:User interface design,UI),又稱用戶界面工程,指的是在用戶體驗和交互的指導下對計算機、電器、機器、移動通訊設備、軟件或應用以及網站進行的設計。[1] 用戶界面設計的目標是使得用戶在完成自己的任務時與被設計對象之間的交流儘可能地簡單和高效。好的用戶界面設計能夠讓用戶在完成任務時不必因為設計本身花費不必要的精力。通過圖形設計可以提高界面的可用性。 用戶界面設計過程必須在技術功能與視覺元素(如心智模型)間找到平衡才能使系統可用、好用並適應用戶的需求。
包括計算機系統、汽車、廣告牌設計在內的一系列項目都會需要界面的設計。這些項目既有相同的人類基本的交互形式又需要一些特有的技能和知識。因此,設計師通常會着眼於某一特定類型設計的知識和項目,比如軟件設計、用戶研究、網頁設計、多媒體設計等。
過程
用戶界面設計包括不同的設計階段和過程。依據項目的不同,這些階段或過程重要程度也不相同。注意這裡所說的系統指的是包括網頁、應用或設備設計在內的所有項目。
- 功能性需求搜集:根據系統所需要完成的項目目標和用戶潛在的需求列出其功能。
- 用戶分析:通過與系統潛在用戶或與其工作的人進行討論來分析這些用戶。一般的問題包括:
- 用戶想要系統做些什麼?
- 系統如何與用戶的工作流程或日常活動相吻合?
- 用戶對技術的悟性怎麼樣?用戶使用過哪些類似的系統?
- 怎樣的界面外觀和審美感受比較對用戶口味?
- 信息構建:構建系統的程序或信息流(譬如對電話樹系統就是一個選項樹形圖,對於一個網站就是一個顯示頁面層級關係的站點導航圖)。
- 原型(Prototyping):通過紙質原型或簡單的可互動的屏幕內容(screens)建立系統的藍本(wireframes)。這些原型沒有任何外觀審美的元素及具體內容,僅僅針對交互本身。
- 可用性測試:對一個真實用戶測試原型。此過程通常使用出聲思維的方式,即讓用戶把體驗過程中的想法說出來。
- 圖形界面設計:對最終圖形用戶界面(GUI)的界面外觀的設計過程。如果系統的可用性難以預測的話,可以將在可用性測試過程中建立的結果作為基礎,亦或是將交流目標以及用戶喜愛的風格作為依據。在少數情況下,反而可能是由圖形來決定原型,這取決於特定情況下視覺形式和功能哪個更重要。如果某些界面需要多種皮膚,同一個控制面板、功能特點或小部件可能就需要多重的界面設計。這個階段通常就需要圖形設計師與界面設計師團結協作,或者某個在兩方面都精通的專家。
總之,用戶界面設計需要設計師對用戶需求瞭如指掌。
要求
系統的動態特徵依據人機學標準(ISO 9241)第十部分的七個原理中包含的人機對話要求被描述。標準通過高水準的定義、原理的例證性質的應用和實例為對話技巧建立了一個人機學「原理」的框架。對話的原理代表了界面動態的方面,基本上可以被看作是界面的「感覺」。
這七個人機對話原理是:
- 對任務合適性:對話形式須要合適於輔助用戶有效完成任務。
- 自敘性:對話須要其每一個步驟在系統反饋時都立即被用戶理解,或者通過請求向用戶說明清楚,從而達到對話的自敘性。
- 可控制性:在任務目的達成前,用戶能夠發起和控制交互的方向和節奏,此為對話的可控性。
- 與用戶期許的一致性:對話須要一以貫之,與包括對任務的認識、學識、經驗在內的用戶特徵保持一致,同時符合廣泛接受的習慣,方可做到一致性。
- 容錯性:對話須要在用戶輸入出現明顯錯誤時不改或少改也能得到符合用戶本意的結果,此為容錯性。
- 對個性化的合適性:界面軟件應當可以按照任務需求、個人喜好和用戶的技能進行修改,從而達到對話對個性化的適應性。
- 對學習的適應性:對話須要支持和引導用戶對系統操作的學習來做到這一點。
ISO 9241國標用有效性(effectiveness),高效性(efficiency)和用戶滿意度(satisfaction of the user)來定義可用性的概念。標準第十一部分給出的可用性定義如下:[2]
- 對系統整體的使用達到預定目標的程度(有效性)。
- 達到預定目標所需耗費的資源(高效性)。
- 用戶對系統整體接受的程度(滿意度)。
有效性,高效性和滿意度可以被看作是可用性的質量因素。要將這些因素量化,就需要將它們再分解成其它次級因素,從而最終用其衡量可用性。
關於信息組織(布置、排列、分組、標籤、定位)、圖形對象的顯示和信息編碼(縮寫、顏色、尺寸、形狀、視覺線索)等信息呈現問題,國標ISO 9241第十二部分中用七條屬性來描述。「呈現信息的屬性」代表了界面靜態的方面,大致可以被看作是界面的「樣子」。在標準的建議中給出了這些屬性的詳細說明。每個建議都支持着七屬性中的一條或多條。
這七條屬性是:
- 清晰度:信息內容被快速準確地傳達。
- 辨識度:顯示信息可被準確辨別。
- 簡明度:用戶不應承擔過多無關信息。
- 一致性:與用戶期許一致的特有設計。
- 檢取性:用戶的注意力被引導到需要的信息處。
- 易讀性:信息易讀。
- 可理解性:意思清晰易懂,不含糊,可被判斷和認識。
國標ISO 9241第13部分關於用戶指南內容描述了用戶指南信息應當可以容易地從其他呈現的信息中被分辨出來,同時應當明確為在當前情境下使用。用戶指南可通過如下五種方式給出。
- 清晰(明確提示)或含蓄(普通提示)的提示指示系統目前可以輸入。
- 及時反饋用戶的輸入,既能被察覺又不至於把用戶嚇到。
- 持續反映應用、系統硬件軟件和用戶活動狀況的狀態信息。
- 錯誤操控,包括錯誤預防、錯誤更正、對用戶操控錯誤的支持,以及報錯。
- 對於由系統和用戶在特定情境下發出的幫助請求提供在線服務。
研究歷史與進展
如今用戶界面設計已經成為了大量研究的主題,其中包括對其美學的研究[3]。設計的標準在過去已經被建立起來,大概可以追溯到二十世紀八十年代定義軟件產品的可用性時[4]。國際信息處理聯合會選擇了一種結構基礎作為參考模型。這個模型建議通過四個維度來構建一個用戶界面:
- 輸入輸出(外觀)
- 對話(感覺)
- 技術或功能(工具和服務的接入)
- 編制(交流與協作支持)
這個模型對描述界面設計可用性要求的國際標準ISO 9241影響重大。早在軟件開發時,對於理解實際使用相關的用戶界面問題的熱情,帶來了對可能提供對應用如何在產品使用中表現,進行具有說服力模擬的可靠圖形用戶界面快速原型工具的研究。[5]一些研究結果顯示圖形界面基礎軟件的很多不同的程序設計任務,實際上不一定非要通過寫代碼來實現。[6]
最近幾年的研究由種類不斷增加的設備驅動。這些設備因為摩爾定律的優點而具備搭載複雜界面的能力。[7]
另外還有關於自動生成用戶界面的研究,這些生成界面可以根據用戶能力水平匹配不同的交互方式。[8]
參見
- 多媒體
- 用戶界面
- 人機學
- 人機交互
- 交互設計
- 設計語言
- 用戶體驗
- 以用戶為中心的設計
- 自然用戶界面
- 李樂山:《設計調查》,中國建築工業出版社(2007年6月),ISBN 978-7-112-08537-8。
參考資料
- ^ Evaluation of Usability on Mobile User Interface (PDF). University Of Washington, Bothell. [2012-11-26]. (原始內容存檔 (PDF)於2013-02-01).
- ^ 《設計調查》p. 34,李樂山,中國建築工業出版社(2007年6月),ISBN 978-7-112-08537-8
- ^ The role of context in perceptions of the aesthetics of web pages over time. International Journal of Human–Computer Studies. 2009-01-05 [2012-11-26].
- ^ Dr. Reinhard Oppermann. User-interface design (PDF). Institute for Applied Information Technology. 2001 [2010-12-01]. (原始內容 (PDF)存檔於2010-12-25).
- ^ The HUMANOID model of interface design. Proceedings CHI'92. 1992 [2012-11-26]. (原始內容存檔於2010-02-02).
- ^ Creating user interfaces using programming by example, visual programming, and constraints. ACM. 1990-04-11 [2009-04-02].
- ^ Past, present, and future of user interface software tools. ACM. 2000-03-01 [2009-04-02].
- ^ SUPPLE: Automatically Generating Personalized User Interfaces. Intelligent Interactive Systems Group (website). Harvard University. 2007-05-07 [2010-07-07]. (原始內容存檔於2021-01-30).