淺談臺站監控系統的界面設計

（廣西廣播電視無線傳播樞紐臺）

1 引言

隨著互聯網新技術的不斷發展，人們使用互聯網產品已不僅僅關注產品本身的功能，而是越來越關心產品能否提高工作效率，使用過程是否愉快。于是UI設計應運而生，它將枯燥的軟件代碼轉化為生動的圖形畫面，讓用戶得以輕松使用產品。優秀的UI設計不僅是讓軟件變得有個性有品味，更讓軟件的操作變得舒適、簡單、自由，充分體現軟件的定位和特點。

2 用戶體驗設計與UI設計

UI，User Interface，譯為用戶接口，即用戶界面，是機器與人溝通的橋梁。UI設計主要是指對軟件的人機交互、界面美觀、操作邏輯等方面的設計。以日常瀏覽的網頁為例，UI設計師將機器代碼轉化為人們易于理解的圖形、文字等信息，便于使用。

用戶體驗，UE（UX），英文為 User Experience，直譯過來是用戶經驗，顧名思義它強調的是使用者體驗的過程?；ヂ摼W行業知名的信息架構專家Peter Morville提出的用戶體驗模型包含： Useful（有用）、Usable（可用）、Desirable（合意）、Findable（可尋）、Accessible（可及 ）、Credible（ 信 任 ）、Valuable（價值）幾個維度。[1]即，設計者應以用戶為中心，設計的產品要有使用價值和清晰的產品定位，其次要易于使用并且讓用戶快速找到他們需要的信息，最終促進用戶完成其目標。

圖1 Peter Morville提出的用戶體驗模型

UI和UE是兩個不同的概念，同時又是不可分割的，離開了用戶體驗的UI設計，只能是敷衍的設計。二者結合是一種創新思維的設計方法，透過這種創新思維的設計方式，提升產品本身的易用性、趣味性，進而提高用戶的工作效率。

3 結合UI和UE論述臺站監控系統的界面設計思路

3.1 首要任務是滿足用戶需求

臺站監控系統不同于盈利性互聯網應用，有固定的用戶群，無需挖空心思發展用戶，其主要是為全區安全播出工作服務，因此如何滿足監控全區臺站的需求，尤其是滿足最常用業務的需求才是最重要的。

3.2 尊重用戶的使用習慣

當系統能夠滿足用戶基本需求時，用戶不再會說系統不能用，而是開始考慮系統是否好用。若要讓用戶覺得好用，首先要尊重用戶的使用習慣。習慣是一種不需要意識的行為，是一種經常性發生的行為，由人腦中一個叫做basal ganglia的部分控制，它涵蓋用戶使用系統的全過程，如系統瀏覽習慣、使用頻率、操作方式、圖標含義等等。Jakbo Nielsen研究得出人們對網頁瀏覽行為呈F形特征，表現為：

1）用戶首先會在內容區的上部進行橫向瀏覽，用戶視線下移一段距離后在小范圍內再次橫向瀏覽。

2）最后用戶會在內容區的左側做快速的縱向瀏覽。

所以，在臺站監控系統中我們可以利用F形閱讀行為進行如下設計：

1）將最重要的信息放在頁面的最上方，比如，在節目監控界面，可以把最重要的信號源和發射機這兩個板塊并排放在網頁的最上端。

2）在后續的內容中，將關鍵詞和信息放在段首，使用戶在左側縱向瀏覽時能更容易關注到。

在臺站監控系統的實際設計中，還有許多尊重用戶使用習慣的例子。例如，技術員們已經適應原系統，產生了導航欄在左邊的習慣，那么在后續的系統設計中，在不影響生產效能的前提下，依然能尊重導航欄在左邊的習慣。當然，尊重用戶習慣并不代表要拋棄創新，而是尊重用戶體驗的基礎上利用新技術、新知識帶來更好的用戶體驗，換句話說就是創造習慣。過去數十年里真正偉大的科技公司都有一個共同之處：他們能創造習慣，這點足以區分改變世界的公司和平庸的公司。

3.3 賦予產品的情感

前文介紹了用戶習慣的重要性，但這時系統仍給人冰冷的感覺，想要賦予系統情感，最重要的是：理解用戶的工作方式、行為和思考方式。從信息架構的角度考慮，我們首先從不同用戶的視角出發，將業務流程相關的操作都匯集起來，再進行分類，最后根據工作場景串聯起來。例如用戶角色為技術員時，我們更多考慮其處理緊急告警信息的情況，而領導角色的用戶則更關心整體的業務情況的統籌，相互之間差異就體現在信息架構上。

3.4 優化視覺設計，化“繁”為“簡”

對系統分析需求時強調盡量考慮全面，但如果把一切不必要的信息呈現給用戶的界面設計是不佳的。做設計時應盡量把簡單留給用戶，復雜留給自己，給技術員們提供一個簡潔實用的值班工作界面，才能提高其工作效率，這就需要給界面做減法。有時候做加法容易做減法難，在眾多信息中如何取舍，把最需要的信息呈現給用戶是關鍵。根據不同的角色定制個性化的首頁視圖，將數據列表形式演變成圖標形式展示，都是設計中常用的簡化頁面的方法。

設計中也常通過“顏色對比”引起用戶注意。顏色對比依然遵循“簡”的原則，配色方案不宜超過三種基色，采用60%+30%+10%的比例，其中 60%是主色調，30%是副色，10%是強調色。它的工作原理是創造了一種平衡感，給眼睛一個舒適的過渡，同時能夠快速注意到“強調色”。設計臺站監控系統的頁面時，可以這樣處理色彩：

圖2 臺站監控系統界面

淺藍灰色：作為底色，帶有灰度的底色能使人眼即使長時間觀看也不易覺疲勞；

綠色：給人自然感，作為設備正常工作的標識；

紅色：給人危險、緊張感，且對比明顯，引人注目，應作為主告警顏色；

橙色：與底色也是對比強烈，引人注目，卻不如紅色給人危險的感覺，所以更合適作為重要提示信息或次級告警的顏色；

藍色：給人責任感，又與底色色系相近，作為按鈕顏色最合適。

臺站監控系統的功能非常強大，信息量很多，若要突出告警信息，除告警外的顏色應盡可能少，且不宜顯眼。

3.5 優化操作的流程

以往工程師常把一大串告警信息直接拋給用戶，導致用戶操作不及，工作效率底下，因此優化系統的操作流程顯得尤為重要。優化流程可遵循以下規則：

1）能夠先判斷的就先判斷，縮短用戶決策時間。

2）告警信息分類規范，交互、內容、圖標等保持體驗一致。

3）用戶處理流程盡量控制在三步以內完成。

經過UI設計師的改進，由系統先在后臺判斷出告警的級別、種類并給出相應解決流程，同時以不同的樣式、顏色呈現在前臺。這樣，不僅能減少技術員對告警的處理時間，也能使頁面看起來布局統一。另外，出現較為復雜的業務時，可通過按步驟導航方式引導用戶辦理，并且盡量給予用戶足夠的提示與幫助，盡量降低用戶學習的難度。特別對于部分年齡較大的值班員而言，更易學習的系統，能使工作更加便捷。

4 總結

隨著互聯網應用越來越深入日常生活，相應的界面設計也占據了越來越重要的地位。在「設計思考流程」的趨勢下，人們對產品的人性化設計越來越關注，對于界面設計不止于“能用”這個初級階段，更加著眼于創新設計，以提升應用界面的易用性和趣味性，只為打造以用戶為中心的最佳產品體驗。

[1][美]Jesse James Garrett,用戶體驗要素 [M]，范曉燕 譯,機械工業出版社,2011

[2][美]唐納德·諾曼．設計心理學[H]．梅瓊譯．北京中信出版社，2003

[3]蔡坤，劉揚．基于美感模型的人機用戶界面設計[J]．開封大學學報．2006(02)

[4][美]Peter Morville,Web信息架構[M]，陳建勛 譯，電子工業出版社，2013（10）