(廣西廣播電視無線傳播樞紐臺)
隨著互聯網新技術的不斷發展,人們使用互聯網產品已不僅僅關注產品本身的功能,而是越來越關心產品能否提高工作效率,使用過程是否愉快。于是UI設計應運而生,它將枯燥的軟件代碼轉化為生動的圖形畫面,讓用戶得以輕松使用產品。優秀的UI設計不僅是讓軟件變得有個性有品味,更讓軟件的操作變得舒適、簡單、自由,充分體現軟件的定位和特點。
UI,User Interface,譯為用戶接口,即用戶界面,是機器與人溝通的橋梁。UI設計主要是指對軟件的人機交互、界面美觀、操作邏輯等方面的設計。以日常瀏覽的網頁為例,UI設計師將機器代碼轉化為人們易于理解的圖形、文字等信息,便于使用。
用戶體驗,UE(UX),英文為 User Experience,直譯過來是用戶經驗,顧名思義它強調的是使用者體驗的過程。互聯網行業知名的信息架構專家Peter Morville提出的用戶體驗模型包含: Useful(有用)、Usable(可用)、Desirable(合意)、Findable(可尋)、Accessible(可及 )、Credible( 信 任 )、Valuable(價值)幾個維度。[1]即,設計者應以用戶為中心,設計的產品要有使用價值和清晰的產品定位,其次要易于使用并且讓用戶快速找到他們需要的信息,最終促進用戶完成其目標。

圖1 Peter Morville提出的用戶體驗模型
UI和UE是兩個不同的概念,同時又是不可分割的,離開了用戶體驗的UI設計,只能是敷衍的設計。二者結合是一種創新思維的設計方法,透過這種創新思維的設計方式,提升產品本身的易用性、趣味性,進而提高用戶的工作效率。
臺站監控系統不同于盈利性互聯網應用,有固定的用戶群,無需挖空心思發展用戶,其主要是為全區安全播出工作服務,因此如何滿足監控全區臺站的需求,尤其是滿足最常用業務的需求才是最重要的。
當系統能夠滿足用戶基本需求時,用戶不再會說系統不能用,而是開始考慮系統是否好用。若要讓用戶覺得好用,首先要尊重用戶的使用習慣。習慣是一種不需要意識的行為,是一種經常性發生的行為,由人腦中一個叫做basal ganglia的部分控制,它涵蓋用戶使用系統的全過程,如系統瀏覽習慣、使用頻率、操作方式、圖標含義等等。Jakbo Nielsen研究得出人們對網頁瀏覽行為呈F形特征,表現為:
1)用戶首先會在內容區的上部進行橫向瀏覽,用戶視線下移一段距離后在小范圍內再次橫向瀏覽。

2)最后用戶會在內容區的左側做快速的縱向瀏覽。
所以,在臺站監控系統中我們可以利用F形閱讀行為進行如下設計:
1)將最重要的信息放在頁面的最上方,比如,在節目監控界面,可以把最重要的信號源和發射機這兩個板塊并排放在網頁的最上端。
2)在后續的內容中,將關鍵詞和信息放在段首,使用戶在左側縱向瀏覽時能更容易關注到。
在臺站監控系統的實際設計中,還有許多尊重用戶使用習慣的例子。例如,技術員們已經適應原系統,產生了導航欄在左邊的習慣,那么在后續的系統設計中,在不影響生產效能的前提下,依然能尊重導航欄在左邊的習慣。當然,尊重用戶習慣并不代表要拋棄創新,而是尊重用戶體驗的基礎上利用新技術、新知識帶來更好的用戶體驗,換句話說就是創造習慣。過去數十年里真正偉大的科技公司都有一個共同之處:他們能創造習慣,這點足以區分改變世界的公司和平庸的公司。
前文介紹了用戶習慣的重要性,但這時系統仍給人冰冷的感覺,想要賦予系統情感,最重要的是:理解用戶的工作方式、行為和思考方式。從信息架構的角度考慮,我們首先從不同用戶的視角出發,將業務流程相關的操作都匯集起來,再進行分類,最后根據工作場景串聯起來。例如用戶角色為技術員時,我們更多考慮其處理緊急告警信息的情況,而領導角色的用戶則更關心整體的業務情況的統籌,相互之間差異就體現在信息架構上。
對系統分析需求時強調盡量考慮全面,但如果把一切不必要的信息呈現給用戶的界面設計是不佳的。做設計時應盡量把簡單留給用戶,復雜留給自己,給技術員們提供一個簡潔實用的值班工作界面,才能提高其工作效率,這就需要給界面做減法。有時候做加法容易做減法難,在眾多信息中如何取舍,把最需要的信息呈現給用戶是關鍵。根據不同的角色定制個性化的首頁視圖,將數據列表形式演變成圖標形式展示,都是設計中常用的簡化頁面的方法。
設計中也常通過“顏色對比”引起用戶注意。顏色對比依然遵循“簡”的原則,配色方案不宜超過三種基色,采用60%+30%+10%的比例,其中 60%是主色調,30%是副色,10%是強調色。它的工作原理是創造了一種平衡感,給眼睛一個舒適的過渡,同時能夠快速注意到“強調色”。設計臺站監控系統的頁面時,可以這樣處理色彩:

圖2 臺站監控系統界面
淺藍灰色:作為底色,帶有灰度的底色能使人眼即使長時間觀看也不易覺疲勞;
綠色:給人自然感,作為設備正常工作的標識;
紅色:給人危險、緊張感,且對比明顯,引人注目,應作為主告警顏色;
橙色:與底色也是對比強烈,引人注目,卻不如紅色給人危險的感覺,所以更合適作為重要提示信息或次級告警的顏色;
藍色:給人責任感,又與底色色系相近,作為按鈕顏色最合適。
臺站監控系統的功能非常強大,信息量很多,若要突出告警信息,除告警外的顏色應盡可能少,且不宜顯眼。
以往工程師常把一大串告警信息直接拋給用戶,導致用戶操作不及,工作效率底下,因此優化系統的操作流程顯得尤為重要。優化流程可遵循以下規則:
1)能夠先判斷的就先判斷,縮短用戶決策時間。
2)告警信息分類規范,交互、內容、圖標等保持體驗一致。
3)用戶處理流程盡量控制在三步以內完成。
經過UI設計師的改進,由系統先在后臺判斷出告警的級別、種類并給出相應解決流程,同時以不同的樣式、顏色呈現在前臺。這樣,不僅能減少技術員對告警的處理時間,也能使頁面看起來布局統一。另外,出現較為復雜的業務時,可通過按步驟導航方式引導用戶辦理,并且盡量給予用戶足夠的提示與幫助,盡量降低用戶學習的難度。特別對于部分年齡較大的值班員而言,更易學習的系統,能使工作更加便捷。
隨著互聯網應用越來越深入日常生活,相應的界面設計也占據了越來越重要的地位。在「設計思考流程」的趨勢下,人們對產品的人性化設計越來越關注,對于界面設計不止于“能用”這個初級階段,更加著眼于創新設計,以提升應用界面的易用性和趣味性,只為打造以用戶為中心的最佳產品體驗。
[1][美]Jesse James Garrett,用戶體驗要素 [M],范曉燕 譯,機械工業出版社,2011
[2][美]唐納德·諾曼.設計心理學[H].梅瓊譯.北京中信出版社,2003
[3]蔡坤,劉揚.基于美感模型的人機用戶界面設計[J].開封大學學報.2006(02)
[4][美]Peter Morville,Web信息架構[M],陳建勛 譯,電子工業出版社,2013(10)