張燁

用戶界面和系統(tǒng)交互設(shè)計

用戶界面我們每天都在接觸，不論是安卓還是iPhone手機，都屬于用戶界面。在中控系統(tǒng)中比較特殊，每個界面都是獨一無二的，或者說是度身定制的，我們這里會討論什么樣的界面是好的界面，另外在設(shè)計用戶界面的時候，有哪些地方需要注意。

做系統(tǒng)配置或編程時，通常工程師也會負責做界面的設(shè)計，工程師邏輯思維能力比較強，但是美感上會稍有欠缺，這時就會出現(xiàn)一些問題。圖一中的三個界面，其本身的背景圖都是非常漂亮的，但是和按鈕做了不太合適的搭配之后，就顯得有些拙劣。所以，對于系統(tǒng)設(shè)計師來說，可視化的元素非常重要，它不應該在實施的時候才被考慮，而是應該在先期就和客戶做一些溝通。

如何來做一個好的界面？Visual Basic之父Alan Cooper曾說過：“無論你的界面看起來有多酷，如果能少那么一點花哨會更好?！币馑际俏覀冏鱿到y(tǒng)交互的時候一定要非常合理，非常有效。他講到了三個方法，一個是要看目標受眾是誰，有的人只是以消遣為目的；二是要有強大的功能和目標，這里的使用者通常是系統(tǒng)的維護和操作人員，他希望大部分的功能都可以通過圖形化的界面來實現(xiàn)；第三是演講者，其使用的場景通常是固定的，比如說很多酒店會有清掃模式、宴會模式、演講模式等所謂的場景。Cooper認為一定要把交互式設(shè)計放在前面，然后再去設(shè)計程序，他把用戶的困難都歸罪于拙劣的軟件設(shè)計。

要改進用戶界面，有以下的一些方法：

1. 一致性，設(shè)計最重要的準則是一致。用戶希望在同一組織不同的會議室里都能輕松操作，這就需要為他們提供一致性的界面。對于集成商來說，如果經(jīng)常做一致性的界面，顏色、形狀、尺寸、字體、標簽、位置等元素在每個項目中都保持一致，對于實施項目非常有利，不需要每次為了修改某個按鈕的顏色或形狀去花很多時間。一致性不管是對最終用戶還是集成商來說，都可以從中獲益。

2. 功能要清晰可見，一個組件要能提供用戶執(zhí)行操作的線索，用戶需要很自然地和觸摸屏界面的組件進行交互，并確定：哪個組件是可以被按下的？哪個區(qū)域需要輸入？哪個區(qū)域能提供反饋？這就需要為按鈕設(shè)計可按的屬性，如圖二，左邊的按鈕可以被視為標簽或者按鈕，因為它沒有明顯的屬性顯示它是可以按的，右邊的按鈕表現(xiàn)出一些層次感，有光的效果以及陰影的效果，這就是提示用戶，這里是可以按下去的。另外，按鈕按下去至少要有兩種狀態(tài)，一個是未按的狀態(tài)，一個是按下去的狀態(tài)，例如高亮的效果，這就是非常好的用戶反饋。

實現(xiàn)功能清晰可見，有很多小技巧：

·按鈕寬高比的黃金比例：Phi=1 1.62。

·按鈕的尺寸：觸摸屏上按鈕理想尺寸是1.25cm的正方形，采用黃金比例的按鈕尺寸應該為1.9×3.1cm（屏幕尺寸≥12”），如果屏幕尺寸小于12”的話，可以用0.75÷1.62，得出按鈕尺寸為0.75”×0.45”。這些數(shù)據(jù)可以作為設(shè)計按鈕時的參考，但并不是說一定要那么精確地去執(zhí)行。

·因為顯示屏幕用像素概念來定義，每個屏幕的點距是不同的。那么設(shè)計時需遵循以下步驟：

第一. 查詢屏幕的水平分辨率，在觸摸屏的產(chǎn)品參數(shù)上找到其分辨率是多少。

第二. 測量屏幕的橫向尺寸。

第三. 用像素數(shù)除以屏幕尺寸：例如，800pixels/6”= 每英寸133個像素。

第四、用理想按鈕的尺寸乘以每英寸的像素數(shù)：例如，寬：133dpi×0.75”=100像素；高： 133dpi×0.45”=60像素。

·按鈕間隔：按鈕間適當?shù)拈g隔會方便操作。

·經(jīng)驗法則：小于72個像素的按鈕間隔為5至10像素。

·保持按鈕水平和垂直間隔的統(tǒng)一：為按鈕提供功能提示，盡可能使用按鈕和圖標的組合。

·圖標可能有多重含義，因此要使用文字明確功能含義。

·按鈕使用簡潔圖標更容易識別和理解。圖標使功能更容易理解。

·按鈕的方向：讓用戶更容易識別按鈕的功能，有指向性的按鈕必須和實際方向一致。

·按鈕分區(qū)：遵循功能分區(qū)的原則，分區(qū)不明確會給用戶帶來困擾。通過給不同功能區(qū)加邊框，可以幫助用戶快速找到。

3. 有技巧地使用信息映射

是將大量的信息分成小模塊，從而便于管理的方法。

圖三是固定按鈕的面板，非常明確地告訴用戶哪里是控制顯示器、控制音量和控制信號源的區(qū)域。而不同的人做出的觸摸屏界面是千差萬別的，我們要充分利用各個廠家提供的模板，這其中有的模板是花哨為主，有些模板是實用為主，在系統(tǒng)設(shè)計時要做比較好的取舍。

4. 美觀和功能性

另外還要在功能和美觀上做一些平衡，功能強大的音視頻系統(tǒng)強調(diào)交互，顏色、形狀和空間必須有機融合，功能和外觀需要做到平衡。

按鈕鍵盤：10鍵數(shù)字鍵盤——電腦的數(shù)字鍵盤，不建議在用戶界面設(shè)計中使用。電話鍵盤——用于數(shù)字輸入的通用鍵盤，很多日常設(shè)備上都有這樣的鍵盤，如ATM機、導航系統(tǒng)、復印機、紅外遙控器，建議在用戶界面中使用這樣的鍵盤。

5. 恰當?shù)厥褂蒙?/p>

設(shè)計配色方案是設(shè)計一個吸引眼球的觸摸屏界面的核心，不同的人對色彩會有不同的感覺，有些色彩的組合是很美觀的，有些色彩的組合則會讓用戶感到混亂。音視頻工程師需要了解如何混合不同的顏色以及不同顏色的關(guān)系，協(xié)助設(shè)計師選擇匹配用戶界面的顏色。

顏色搭配得好不單單是為了好看，以圖四為例，左邊的圖普通人是可以識別的，但對顏色識別有障礙的人看就是一團黑，因此灰度單色識別功能可以很好地確定有顏色識別障礙的人是否能夠看清界面的內(nèi)容。我們在設(shè)計時不單是為普通人設(shè)計，而是要確保所有人都能清楚識別所有內(nèi)容。

最后，還需要清晰地定義靜態(tài)和動態(tài)區(qū)域。

中控系統(tǒng)調(diào)試技巧

實用的工具1：GUI項目報告

如何保證最終完成的中控系統(tǒng)能夠體現(xiàn)設(shè)計的初衷呢？最重要的是讓系統(tǒng)設(shè)計師和項目經(jīng)理有效溝通。

系統(tǒng)設(shè)計師Vs項目經(jīng)理，誰更理解整個音視頻系統(tǒng)將要實現(xiàn)的功能？顯然是設(shè)計師。

系統(tǒng)設(shè)計師Vs項目經(jīng)理，誰對項目最終的實現(xiàn)效果起更重要的作用？一般是項目經(jīng)理，當然在小項目中這兩者有可能是同一個人。

很多GUI軟件里都有一個生成項目報告的工具如圖五，報告的內(nèi)容里會把界面的截圖貼在文檔上，同時針對按鍵的功能生成一個表格。系統(tǒng)設(shè)計師在設(shè)計好系統(tǒng)之后，由工程師或者界面設(shè)計人員設(shè)計好界面并生成文檔，然后設(shè)計師在報告的表格中寫明每個按鈕實現(xiàn)什么功能。項目經(jīng)理可以借助這個報告在現(xiàn)場進行驗收。項目經(jīng)理并不一定要會調(diào)試這個系統(tǒng)，他只需要清楚地知道最終實現(xiàn)的效果是怎樣的。

實用的工具2：串口/網(wǎng)絡(luò)調(diào)試工具

很多時候中控的產(chǎn)品并不一定能夠及時到現(xiàn)場交付使用，但是我們需要提前到現(xiàn)場去對系統(tǒng)進行調(diào)試，調(diào)試的目的是看現(xiàn)場的接線是否正確，這個時候就可以利用串口或者網(wǎng)絡(luò)調(diào)試工具，直接發(fā)送代碼給受控設(shè)備，看是否能夠受控。

判斷是否能夠受控，中間有個關(guān)鍵節(jié)點，就是串行線纜的連接問題。很多人一說到串行線纜的測試就會想到萬用表，但實際上我們可以充分利用中控前面板的LED燈。例如圖六中這些燈是指串口的COM口，如果發(fā)送指令就看TX燈是否亮，如果受控設(shè)備接收到，就會有一個反饋碼，通過這種方式就可以判斷線纜連接是否正確。不單是串口的LED燈，還可以采用這樣的方法看它的電源、紅外。

講到調(diào)試工具，傳統(tǒng)意義上的中控都有串口，但是現(xiàn)在市場上已經(jīng)很難有帶串口的筆記本了，很多人會用USB的方式將其轉(zhuǎn)成串口線。但是會遇到很多問題，第一是驅(qū)動的問題，因為這個驅(qū)動不是Windows本身自帶的驅(qū)動，通常要用驅(qū)動光盤。另外，端口號是頻繁更改的，很多人并不知道去哪里改端口號。第三是穩(wěn)定性問題，15元的轉(zhuǎn)接線與70元的可能存在很大差別。更好的方法是，利用中控的PASS-THROUGH貫通功能，即計算機和中控系統(tǒng)采用網(wǎng)絡(luò)方式連接貫通，讓其某一個串口或者COM口發(fā)送指令給受控設(shè)備，好處就是電腦不必配備RS-232端口或USB轉(zhuǎn)串口的線。

對中控調(diào)試人員來說，還需要學習網(wǎng)絡(luò)知識，為AV/IT整合做準備。特別是需要了解IT方面的語言，比如：常用網(wǎng)絡(luò)協(xié)議、端口，排除簡單網(wǎng)絡(luò)故障的方法，要能夠用IT的語言和IT工程師溝通。

iPad在中控領(lǐng)域的應用

最后來談?wù)刬Pad在中控領(lǐng)域的應用，近年來，隨著iPad的普及，它也經(jīng)常被用作中控系統(tǒng)觸摸屏。其優(yōu)點在于，無線的方式操作更靈活，同時價格遠低于中控觸摸屏。但也有潛在的問題，如電池沒電，App被誤刪，Wi-Fi穩(wěn)定性受到路由器、網(wǎng)絡(luò)環(huán)境等很多因素影響，iOS操作系統(tǒng)升級后可能無法兼容原來的軟件，設(shè)備丟失等。因此，我們建議把iPad作為輔助的控制方式，不要作為主要的操作平臺，以保證系統(tǒng)隨時隨地有效運行。