面向管理系統(tǒng)的用戶界面設計

余娜

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

面向管理系統(tǒng)的用戶界面設計

余娜

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

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

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

1 管理系統(tǒng)的界面設計概述

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

2 管理系統(tǒng)的用戶界面設計準則

2.1 用戶界面的整體一致性

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

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

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

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

2.2 用戶界面的交互易用性

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

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

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

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

2.3 用戶界面的信息可視性

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

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

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

3 威邦云平臺管理系統(tǒng)的界面設計實踐

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

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

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

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

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

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

4 結(jié)語

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

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

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

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

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

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

TP315

A

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

2017-03-14

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