面向管理系統的用戶界面設計

余娜

（泉州師范學院 美術與設計學院，福建 泉州 362000）

面向管理系統的用戶界面設計

余娜

（泉州師范學院 美術與設計學院，福建 泉州 362000）

為提升管理系統的界面使用滿意度，采取面向管理系統的三項設計原則，具體為界面設計的整體一致性原則、交互易用性原則、視覺可視性原則.將信息架構、操作方式和設計樣式趨向于統一的規范；建立引導用戶操作、減少記憶負擔和提供系統反饋的優化流程；將難懂的圖標和枯燥的數據生動化地呈現，并在威邦云平臺管理系統的設計實踐過程中不斷地提煉和應用此界面設計原則.

用戶界面；交互設計；管理軟件

1 管理系統的界面設計概述

系統界面是指用戶和計算機之間相互作用的面，是人與信息交互的媒介[1].與多數軟件相似，管理系統的界面主要由色彩、圖像、符號、文字等視覺要素構成.單一要素傳達的信息是局限的，界面的各個要素共同呈現信息的總和.人機界面設計是一門集多種研究領域的邊緣交叉學科.用戶界面的存在為操作者提供與計算機進行傳遞和交換信息的服務，有助于優化產品管理者的體驗過程[2].目前，盡管界面設計的相關研究不少，但是沒有專門針對管理系統的界面提出設計理論.結合威邦云平臺管理系統的界面設計項目，本文提出面向管理系統的三大界面設計原則，并闡述理論應用于實踐的主要過程.

2 管理系統的用戶界面設計準則

2.1 用戶界面的整體一致性

界面的一致性包括信息架構的統一、操作方式的趨同、設計樣式的相似，例如控件具有相關的特征或性質.對于使用頻率高的管理系統來說，用戶界面的一致性準則是至關重要的.

2.1.1 信息架構的統一.信息架構是有效組織信息的展示形式，包含內部元素及其外部可見元素之間的關系，為信息傳達和用戶認知之間搭建一座暢通的橋梁.在管理系統的界面設計中，梳理好內在的邏輯層次后，將大量的信息以統一的方式組織起來.如果管理對象是零散式分布的，較之就縱深式的架構，優先選擇平行的架構來搭建信息.

2.1.2 操作方式的趨同.管理系統通常包括用戶管理、資源管理、監控管理、終端管理等模塊，不同的完成路徑可以達到相應的目標任務.例如對用戶的創建和資源的刪除屬于不同功能模塊下的子功能，但是二者皆可以分別直接點擊界面的某個快捷圖標，或者右擊圖標來選定子功能，能有效提高管理系統界面操作的可用性.

2.1.3 設計樣式的相似.人們傾向于簡化、整體化知覺對象，容易把形狀相似、位置接近的事物看作一體.管理系統不同功能的模塊設計成一致的樣式，則有助于用戶的理解和操作.界面風格屬性的區分是樣式設計最明顯的特征，主要分為擬物化和扁平化兩大類.管理系統重在為用戶提供高效的服務，所以輕描淡寫的扁平化風格比逼真的擬物化風格更適合其界面設計.

2.2 用戶界面的交互易用性

交互過程的易用性是指產品對用戶來說是否容易學習和使用，優化用戶的記憶任務，提高使用產品的滿意度等[3].管理系統界面的交互易用性主要包括引導用戶操作、減少記憶負擔和提供系統反饋這三個方面.

2.2.1 引導用戶操作.管理系統主要有管理、搜索和監控等功能模塊，一張操作流程全景圖提供便捷檢索的服務.無論用戶處于界面的任何位置，導航能讓用戶迅速到達目標.管理系統有諸多信息需要查詢，例如資源使用率，通過簡化結構層級，用較少的點擊操作即可找到所需內容，以最簡單直觀的方式解決管理的問題.

2.2.2 減少記憶負擔.過多的視覺元素會給系統管理者帶來困擾，因此界面的視覺信息要控制在合理的范圍內.創建條理清晰的結構層次，將相關信息組合在同一列表里，或適當隱藏不頻繁使用的功能圖標，都可以有效減輕用戶的記憶負擔.

2.2.3 提供系統反饋.及時的反饋讓用戶了解管理系統的運行狀況、操作過程與結果的正確性[4].延長反饋會造成用戶焦慮、失落的情緒；無反饋機制則容易引發錯誤的判斷，進而對系統產生更多消極態度.以高亮方式顯示選中項目、適時在輸入框附近給出引導標注等，能提高產品的可用性.

2.3 用戶界面的信息可視性

視覺化是管理系統與用戶交流的一個重要屬性，信息可視化是圖形用戶界面形式與內容的統一.采用隱喻的圖標和生動的數據，將有效提高管理系統的信息可視性.

2.3.1 隱喻的圖標.為了更好的解釋某些難懂的概念，以隱喻的手法將一事物暗示另一事物，將深奧的信息由淺顯的圖標表現出來，使操作界面美觀又高效.主要有基于客觀存在事物的隱喻、基于事物功能性的隱喻和基于事物內在道理的隱喻這三種方法.

2.3.2 生動的數據.管理系統涉及許多分類、零散或統計的數據，通過形象生動的表格、圖示和拓撲圖等將數據可視化.由于成分、頻率分布、排序、時間序列等屬性不同，數據的顯示方式可以進一步細化為餅圖、柱狀圖、散點圖和條形圖等類型.

3 威邦云平臺管理系統的界面設計實踐

威邦云平臺管理系統是為大中型單位提供基礎設施的管理平臺，在電子教育云、企業云、園區云、政務云等都有應用.威邦云平臺管理系統整合與優化IT資源，實現計算、存儲和網絡資源的虛擬化，采用動態分配資源的方式來提高服務器的利用率.與僅僅對單獨的資源進行管理不同，威邦云以用戶為單位、用戶組為集合的方式在很大程度上降低管理難度.當用戶模式的呈現載體是用戶時，即全部信息以目前用戶所獲得的權限范疇來顯示；當資源模式的呈現載體是資源時，即用戶直觀看到以資源形式顯示的模式.

威邦云平臺管理系統的專業術語多數是生僻的詞語，甚至有部分詞匯易于混淆，為了能更好地傳達文本信息，界面圖形則是有效的輔助形式.表示同一功能的文字與圖標之間應保持較小的距離，在視覺統一性上給予用戶引導.威邦云軟件的語言對象在現實中難以有相匹配的實物，又不屬于計算機常見的類別，所以，此管理系統更加適合扁平化的界面設計風格.依據用戶在現實生活或者計算機中固有的概念和經驗[5]，威邦云軟件的界面設計為用戶創造容易理解的系統.由于微軟的操作模式與界面風格的普及度已經很高，因此，可以借鑒其相關設計要素應用于威邦云的軟件.

色彩是最早且最持久地給用戶影響的要素，色彩與版面的合理應用，既增加頁面的藝術魅力又能有效分布功能模塊.威邦云管理系統注重體現高科技感、安全穩定和節能環保的性能.由于藍色和綠色對用戶的長時間瀏覽不容易引起視覺疲勞，是種符合大眾生理舒適的顏色，所以威邦云采用該兩種顏色作為主色調，并添加有少許藍的冷灰色，使整體界面有種低調穩重的感覺.色彩是界面設計的關鍵表達形式，也是視覺審美情趣的主要因素.

搜索功能是管理系統頻繁使用到的模塊，針對威邦云軟件的計算節點、存儲、資源池、終端和集群等的搜索過程，盡量采用操作相同或類似的方式.比如，在指定的輸入框內填選基本的搜索條件，縮小篩選范圍后，最終的結果顯示在特定的文本框里.搜索方式的趨同，可以減小用戶的軟件學習難度，同時提升使用系統的自信感.為完成某一個任務，有幾種不同的操作方式和路徑供選擇.比如，需要編輯存儲時，直接用鼠標左鍵單擊快捷圖標或者右擊彈出子功能.同樣操作方式的遵循，既保持系統界面的一致性，又提供多樣變化的使用方式.

此外，系統要提供適當的反饋，讓用戶得知軟件的運行狀況.例如，增加局部半透明的效果來突顯反饋的信息；常態和按壓等不同狀態的圖標及文字有不一樣的顯示方式.界面的反饋縮短了用戶與處于暗箱狀態的威邦云管理系統的距離，提升用戶對產品的好感度；系統存留已輸入的信息，減少用戶重復執行重復的操作.系統自動提示相關備選項目，而無需完全輸入字符.這些不僅減少用戶的記憶內容，而且提高其工作效率.

管理系統的數據信息千變萬化又錯綜復雜，如何將抽象的內容轉化為形象的設計頗為重要.難以理解的圖標設計要在符合用戶的認知習慣基礎上加以藝術化，比如系統審計的圖標設計是文本與齒輪系統的結合.此外，增強信息圖像化的審美效果和趣味性，是圖形與圖表優于枯燥的數據及文字表達的顯著特征.拓撲結構圖是威邦云軟件聯接眾多信息的紐帶.單擊拓撲圖的父節點，系統會自動展開顯示子節點.例如，點擊“信息中心”節點，可展開其子系統的虛擬機.若把鼠標移到節點上一會兒，頁面會顯示此節點的基本信息.

4 結語

在前人理論的基礎上，結合威邦云平臺管理系統的具體設計實踐，提煉出針對管理系統用戶界面設計的三個原則，分別是包括信息架構的統一、操作方式的趨同和設計樣式的相似的整體一致性原則，涉及引導用戶操作、減少記憶負擔和提供系統反饋的交互易用性原則，及包含隱喻的圖標和生動的數據的視覺可視性原則.望此理論對管理系統的用戶界面設計實際研發有指導作用，并在實踐中得到進一步提升.

〔1〕羅仕鑒,朱上上,孫守遷.人機界面設計[M].北京:機械工業出版社,2002.25-33.

〔2〕李清.見微知著Web用戶體驗解構[M].北京:機械工業出版社，2010.82-93.

〔3〕[美]艾倫.庫伯,[美]羅伯特.瑞寧,[美]大衛·克洛林.About Face3.0交互設計精髓[M].北京:電子工業出版社,2008.

〔4〕談玲瓏，蔣圓圓，張文菊，孫雁南.以用戶體驗為導向的Android手機通信錄的設計[J].新鄉學院學報,2016(9):34-37.

〔5〕宋軍,張明山.認知心理學在人機界面中的應用[J].包裝工程,2006(9):267-268.

TP315

A

1673-260X（2017）07-0017-02

2017-03-14

2015年福建省教育廳社科項目（JAS150467）