用戶界面設(shè)計管理系統(tǒng)分析
時間:2022-08-30 08:45:39
導(dǎo)語:用戶界面設(shè)計管理系統(tǒng)分析一文來源于網(wǎng)友上傳,不代表本站觀點,若需要原創(chuàng)文章可咨詢客服老師,歡迎參考。
1管理系統(tǒng)的界面設(shè)計概述
系統(tǒng)界面是指用戶和計算機之間相互作用的面,是人與信息交互的媒介[1].與多數(shù)軟件相似,管理系統(tǒng)的界面主要由色彩、圖像、符號、文字等視覺要素構(gòu)成.單一要素傳達的信息是局限的,界面的各個要素共同呈現(xiàn)信息的總和.人機界面設(shè)計是一門集多種研究領(lǐng)域的邊緣交叉學(xué)科.用戶界面的存在為操作者提供與計算機進行傳遞和交換信息的服務(wù),有助于優(yōu)化產(chǎn)品管理者的體驗過程[2].目前,盡管界面設(shè)計的相關(guān)研究不少,但是沒有專門針對管理系統(tǒng)的界面提出設(shè)計理論.結(jié)合威邦云平臺管理系統(tǒng)的界面設(shè)計項目,本文提出面向管理系統(tǒng)的三大界面設(shè)計原則,并闡述理論應(yīng)用于實踐的主要過程.
2管理系統(tǒng)的用戶界面設(shè)計準則
2.1用戶界面的整體一致性
界面的一致性包括信息架構(gòu)的統(tǒng)一、操作方式的趨同、設(shè)計樣式的相似,例如控件具有相關(guān)的特征或性質(zhì).對于使用頻率高的管理系統(tǒng)來說,用戶界面的一致性準則是至關(guān)重要的.2.1.1信息架構(gòu)的統(tǒng)一.信息架構(gòu)是有效組織信息的展示形式,包含內(nèi)部元素及其外部可見元素之間的關(guān)系,為信息傳達和用戶認知之間搭建一座暢通的橋梁.在管理系統(tǒng)的界面設(shè)計中,梳理好內(nèi)在的邏輯層次后,將大量的信息以統(tǒng)一的方式組織起來.如果管理對象是零散式分布的,較之就縱深式的架構(gòu),優(yōu)先選擇平行的架構(gòu)來搭建信息.2.1.2操作方式的趨同.管理系統(tǒng)通常包括用戶管理、資源管理、監(jiān)控管理、終端管理等模塊,不同的完成路徑可以達到相應(yīng)的目標任務(wù).例如對用戶的創(chuàng)建和資源的刪除屬于不同功能模塊下的子功能,但是二者皆可以分別直接點擊界面的某個快捷圖標,或者右擊圖標來選定子功能,能有效提高管理系統(tǒng)界面操作的可用性.2.1.3設(shè)計樣式的相似.人們傾向于簡化、整體化知覺對象,容易把形狀相似、位置接近的事物看作一體.管理系統(tǒng)不同功能的模塊設(shè)計成一致的樣式,則有助于用戶的理解和操作.界面風(fēng)格屬性的區(qū)分是樣式設(shè)計最明顯的特征,主要分為擬物化和扁平化兩大類.管理系統(tǒng)重在為用戶提供高效的服務(wù),所以輕描淡寫的扁平化風(fēng)格比逼真的擬物化風(fēng)格更適合其界面設(shè)計.
2.2用戶界面的交互易用性
交互過程的易用性是指產(chǎn)品對用戶來說是否容易學(xué)習(xí)和使用,優(yōu)化用戶的記憶任務(wù),提高使用產(chǎn)品的滿意度等[3].管理系統(tǒng)界面的交互易用性主要包括引導(dǎo)用戶操作、減少記憶負擔(dān)和提供系統(tǒng)反饋這三個方面.2.2.1引導(dǎo)用戶操作.管理系統(tǒng)主要有管理、搜索和監(jiān)控等功能模塊,一張操作流程全景圖提供便捷檢索的服務(wù).無論用戶處于界面的任何位置,導(dǎo)航能讓用戶迅速到達目標.管理系統(tǒng)有諸多信息需要查詢,例如資源使用率,通過簡化結(jié)構(gòu)層級,用較少的點擊操作即可找到所需內(nèi)容,以最簡單直觀的方式解決管理的問題.2.2.2減少記憶負擔(dān).過多的視覺元素會給系統(tǒng)管理者帶來困擾,因此界面的視覺信息要控制在合理的范圍內(nèi).創(chuàng)建條理清晰的結(jié)構(gòu)層次,將相關(guān)信息組合在同一列表里,或適當(dāng)隱藏不頻繁使用的功能圖標,都可以有效減輕用戶的記憶負擔(dān).2.2.3提供系統(tǒng)反饋.及時的反饋讓用戶了解管理系統(tǒng)的運行狀況、操作過程與結(jié)果的正確性[4].延長反饋會造成用戶焦慮、失落的情緒;無反饋機制則容易引發(fā)錯誤的判斷,進而對系統(tǒng)產(chǎn)生更多消極態(tài)度.以高亮方式顯示選中項目、適時在輸入框附近給出引導(dǎo)標注等,能提高產(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)的界面設(shè)計實踐
威邦云平臺管理系統(tǒng)是為大中型單位提供基礎(chǔ)設(shè)施的管理平臺,在電子教育云、企業(yè)云、園區(qū)云、政務(wù)云等都有應(yīng)用.威邦云平臺管理系統(tǒng)整合與優(yōu)化IT資源,實現(xiàn)計算、存儲和網(wǎng)絡(luò)資源的虛擬化,采用動態(tài)分配資源的方式來提高服務(wù)器的利用率.與僅僅對單獨的資源進行管理不同,威邦云以用戶為單位、用戶組為集合的方式在很大程度上降低管理難度.當(dāng)用戶模式的呈現(xiàn)載體是用戶時,即全部信息以目前用戶所獲得的權(quán)限范疇來顯示;當(dāng)資源模式的呈現(xiàn)載體是資源時,即用戶直觀看到以資源形式顯示的模式.威邦云平臺管理系統(tǒng)的專業(yè)術(shù)語多數(shù)是生僻的詞語,甚至有部分詞匯易于混淆,為了能更好地傳達文本信息,界面圖形則是有效的輔助形式.表示同一功能的文字與圖標之間應(yīng)保持較小的距離,在視覺統(tǒng)一性上給予用戶引導(dǎo).威邦云軟件的語言對象在現(xiàn)實中難以有相匹配的實物,又不屬于計算機常見的類別,所以,此管理系統(tǒng)更加適合扁平化的界面設(shè)計風(fēng)格.依據(jù)用戶在現(xiàn)實生活或者計算機中固有的概念和經(jīng)驗[5],威邦云軟件的界面設(shè)計為用戶創(chuàng)造容易理解的系統(tǒng).由于微軟的操作模式與界面風(fēng)格的普及度已經(jīng)很高,因此,可以借鑒其相關(guān)設(shè)計要素應(yīng)用于威邦云的軟件.色彩是最早且最持久地給用戶影響的要素,色彩與版面的合理應(yīng)用,既增加頁面的藝術(shù)魅力又能有效分布功能模塊.威邦云管理系統(tǒng)注重體現(xiàn)高科技感、安全穩(wěn)定和節(jié)能環(huán)保的性能.由于藍色和綠色對用戶的長時間瀏覽不容易引起視覺疲勞,是種符合大眾生理舒適的顏色,所以威邦云采用該兩種顏色作為主色調(diào),并添加有少許藍的冷灰色,使整體界面有種低調(diào)穩(wěn)重的感覺.色彩是界面設(shè)計的關(guān)鍵表達形式,也是視覺審美情趣的主要因素.搜索功能是管理系統(tǒng)頻繁使用到的模塊,針對威邦云軟件的計算節(jié)點、存儲、資源池、終端和集群等的搜索過程,盡量采用操作相同或類似的方式.比如,在指定的輸入框內(nèi)填選基本的搜索條件,縮小篩選范圍后,最終的結(jié)果顯示在特定的文本框里.搜索方式的趨同,可以減小用戶的軟件學(xué)習(xí)難度,同時提升使用系統(tǒng)的自信感.為完成某一個任務(wù),有幾種不同的操作方式和路徑供選擇.比如,需要編輯存儲時,直接用鼠標左鍵單擊快捷圖標或者右擊彈出子功能.同樣操作方式的遵循,既保持系統(tǒng)界面的一致性,又提供多樣變化的使用方式.此外,系統(tǒng)要提供適當(dāng)?shù)姆答?,讓用戶得知軟件的運行狀況.例如,增加局部半透明的效果來突顯反饋的信息;常態(tài)和按壓等不同狀態(tài)的圖標及文字有不一樣的顯示方式.界面的反饋縮短了用戶與處于暗箱狀態(tài)的威邦云管理系統(tǒng)的距離,提升用戶對產(chǎn)品的好感度;系統(tǒng)存留已輸入的信息,減少用戶重復(fù)執(zhí)行重復(fù)的操作.系統(tǒng)自動提示相關(guān)備選項目,而無需完全輸入字符.這些不僅減少用戶的記憶內(nèi)容,而且提高其工作效率.管理系統(tǒng)的數(shù)據(jù)信息千變?nèi)f化又錯綜復(fù)雜,如何將抽象的內(nèi)容轉(zhuǎn)化為形象的設(shè)計頗為重要.難以理解的圖標設(shè)計要在符合用戶的認知習(xí)慣基礎(chǔ)上加以藝術(shù)化,比如系統(tǒng)審計的圖標設(shè)計是文本與齒輪系統(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)的具體設(shè)計實踐,提煉出針對管理系統(tǒng)用戶界面設(shè)計的三個原則,分別是包括信息架構(gòu)的統(tǒng)一、操作方式的趨同和設(shè)計樣式的相似的整體一致性原則,涉及引導(dǎo)用戶操作、減少記憶負擔(dān)和提供系統(tǒng)反饋的交互易用性原則,及包含隱喻的圖標和生動的數(shù)據(jù)的視覺可視性原則.望此理論對管理系統(tǒng)的用戶界面設(shè)計實際研發(fā)有指導(dǎo)作用,并在實踐中得到進一步提升.
作者:余娜 單位:泉州師范學(xué)院
參考文獻:
〔1〕羅仕鑒,朱上上,孫守遷.人機界面設(shè)計[M].北京:機械工業(yè)出版社,2002.25-33.
〔2〕李清.見微知著Web用戶體驗解構(gòu)[M].北京:機械工業(yè)出版社,2010.82-93.
〔3〕[美]艾倫.庫伯,[美]羅伯特.瑞寧,[美]大衛(wèi)•克洛林.AboutFace3.0交互設(shè)計精髓[M].北京:電子工業(yè)出版社,2008.
〔4〕談玲瓏,蔣圓圓,張文菊,孫雁南.以用戶體驗為導(dǎo)向的Android手機通信錄的設(shè)計[J].新鄉(xiāng)學(xué)院學(xué)報,2016(9):34-37.
〔5〕宋軍,張明山.認知心理學(xué)在人機界面中的應(yīng)用[J].包裝工程,2006(9):267-268.