客戶體驗第一部分 (User Experience Part One)

一個非常現實的事情，如果用戶根本搞不懂QSYS是怎麼運作的，那麼即使你設計的音頻系統再合理，再棒，人家也不關心。

對於大多數用戶來說，他們唯一和QSYS之間有互動的地方就是你設計的UCI也就是用戶界面，無論是通過QSC的觸摸屏還是iPhone、iPad或者PC Viewer 什麼的，UCI可能就是他們和Q-Sys之間唯一的聯繫。

無論如何對於用戶來說，UCI就是Q-SYS。

如果你的UCI設計的很不好用，那他們就會覺得QSYS就很差。

當然事實不是這樣，不過我們還是對你通過UCI的設計所展現的Q-SYS形象充滿了期待。

不論你喜歡還是不喜歡，在你開始給用戶設計頁面那一刻，你就必須要開始考慮最終的客戶體驗了。

在這個系列視頻教學片段中，我們會討論一些能夠有效提升用戶體驗的一些基礎設計概念。

當然這對於一些人來說早已經不是問題，但是對於其他人來說，你可能學習和體會到你之前從沒有仔細想過的事情。

儘管我們現在主要學習和解決的事情是怎樣通過Q-Sys Designer軟件設計出一個優秀的UCI，但其實這些設計是相通的，在其它領域比如網頁設計，軟件設計或者手機的APP應用程序等都可以套用這些規則。

所以基本上這就是設計理論的一個速成科目。

千萬不要有任何的精神壓力，不是說你必須有藝術天分才能做出一個好的UCI。

當然了，那些圖形設計師可以在頁面上勾勒出非常漂亮的圖案，看起來賞心悅目。

但在這裡絕不是想把你訓練成一個圖形設計師。

即使沒有任何的Photoshop基礎也沒問題，這個視頻就是要告訴你如何設計一個方便的、直觀而且實用的UCI頁面。

在開始之前，我希望在你始終能有這樣一個概念：設計就是意圖。

這是什麼意思呢？

我來解釋一下，想象這樣一個畫面，你正在辦公桌上打電腦工作，也正準備喝杯咖啡，那麼這個咖啡杯墊兒應該放在哪裡呢？

如果是你習慣用右手的人，那你肯定下意識的就把這個杯墊兒放到鍵盤的右側，那你把它放到這兒的意圖是什麼呢？這其實是你非常本能和自然的想法，放在這邊肯定是最順手的。

你絕不會把咖啡放到抽屜裡，瘋子才會把咖啡放到抽屜裡呢。

構建一個UCI也是一樣的道理，其實你只需要多花一點點時間去研究一下用戶要操作某一個功能，那些控件怎麼使用才最順手呢？

要搞清楚這個問題，首先就弄清用戶是誰！

要稍微花點時間調查研究一下，到底是誰要用這個UCI，是現場的維護工程師嗎？

還是在公共場合開放給普通民眾的呢？

即便只是一個小小的音頻播放器，那針對不同的用戶來說需要的功能都存在差異。

所以如果有可能的話，你都值得花點點時間和實際的操作人員聊聊

你和這些人聊的越多，你越能更好的了解到他們到底需要一個什麼樣的操作界面，同時你的設計思路也會越來越清晰，到底在現場需要多少個觸摸屏，每個觸摸屏應該有幾個頁面，等等。

如果是多個人共用一個設備，那麼你就應該考慮到底是應該設計一個通用的界面，給所有的人共用。

還是說給每一項功能分別放到不同的觸摸屏上， 這樣他們無論登錄哪個設備，都能找到屬於自己的頁面。

在Q-Sys裡面，你可以到觸摸屏的屬性選項里選擇“動態UCI分配”，這樣就可以設定用戶在多個不同的頁面中進行選擇。

我們在做完一個步驟之後，可能緊跟著的下一步就會有很多種可能性，怎樣才能保持一個清晰的思路呢？答案就是：規劃！

把系統中可能用到的所有的功能按照一個特定的思路製作一個流程圖，這種方法稱之為生態分類系統，它可以幫助你按照一定的邏輯類別將相關的功能或者元素進行分組、歸類。

生態分類是一個特定的術語，你可以從動植物的分類列表中識別出它們，然後再細分為活動領域、類別、物種等等

其實這些你在學校裡都學過，只不過可能你都忘了。

在你開始設計用戶頁面之前，也需要這樣去規劃它，方法是差不多的。

小到為每一項工作設計頁面或圖層的數量，大到為整個項目規劃功能分佈，所有的因素都要考慮周全，所以不存在一個萬能的設計方案可以應用到任何地方。

比如說你可以在主頁面擺放所有的房間導航按鈕，當用戶選擇了房間以後，就可以進入到這個房間的音響和燈光的控制頁面了。

當然你也可以反過來做，先選進入到音響燈光的選擇頁面，之後再選擇去哪個房間。

在技術上怎麼做都是可行的，最重要的是你需要花些時間和用戶交流，然後再確定哪一種方式他們用起來最簡單、最方便。

在Q-Sys中，每一個UCI都可以由很多的不同頁面構成，而且頁面之間的來回跳轉也是有很多不同的方法。

最簡單的UCI設計就是用這些頁面跳轉指針來轉換頁面。

這種頁面指針可以放到UCI屏幕的任何一邊，這也是最簡單的一種頁面導航方式。

當然你也可以去掉頁面指針的功能，改用翻頁的方式轉換頁面。

不過在很多的高級UCI設計里，通常採用的都是更加複雜的菜單選項，所以在一些項目中你也可能關閉翻頁的功能，而改用分層級的導航按鈕結構，這樣用戶在頁面之間跳轉的邏輯性更強。

導航按鈕可以把用戶直接帶入到某個指定的頁面，這樣用戶的操作就從結構層面進入到操作的細節。

別忘了這裡還有一個彈出按鈕的功能，它可以把一些功能控制隱藏起來。

作起來很容易，你只需要把這個按鈕組件放到頁面上，這樣就可以複製所有你想隱藏的控制到這個彈出窗里來了。

你也可以調整這個彈出窗的大小和位置，然後再把它關閉，這樣窗口裡的所有控制就被隱藏起來了。

另外，如果你還有更多的興趣做一些編程，那還可以做出多圖層之間的頁面轉換，甚至把畫面移出屏幕也可以。

無論你使用的是頁面跳轉還是彈出窗，甚至圖層轉換等等，這些其實都是你的生態分類系統的一部分，只要你在構建UCI之前已經規劃了流程圖，那麼它會給你的設計工作帶來極大的幫助。

在規劃你的設計過程中，還有一個非常重要的事情…那就是怎麼提供選擇。你希望給用戶提供哪些選擇？

我的意思就是說一定要給用戶提供好的選擇，那還用說麼？

…不過那可不一定，有時候稍有不慎就可能變成壞的選擇。

一個設計如果不能給用戶提供足夠的選擇，那它看起來就太過簡單了，甚至是簡陋。

但是如果給用戶提供了太多的選擇，那可能又會引起更多的問題，它可能造成用戶要花很多的時間才能找到他想要的東西，或者完全不明白一些按鈕的用途。

那麼這個系統設計看起來就太複雜了，而且很難使用。

如果你想把UCI頁面做的複雜點，從現在開始，最好忘掉你這個想法。

盡量簡單的設計，盡可能少的選擇，對於用戶來說導航翻頁的速度就會加快，同樣犯錯誤的機會也也會大大降低。

咱們再回到播放器的頁面做個例子，你可能喜歡把播放器里的所有控件都拖到UCI裡面，用戶想怎麼用的都可，可能很多項目都這麼用都沒有什麼問題。

但是這樣設計並不一定最好，舉例來說，如果一個播放器只是用在酒店大廳播放背景音樂，那前台的接待員需要快進或者後退音樂麼？

還有，那個“Auto-Play”按鈕放在那裡有什麼用麼？

這個按鈕只是Q-SYS的程序上傳到Core主機以後，系統會自動開始播放音樂，難道前台的接待員也了解這些麼？不可能啊！

這個按鈕只會讓他覺得很困惑，同樣的，你也不希望任何的頁面設計會給用戶帶來困惑。

你希望給他們提供的選擇夠用就可以了，不過當然如果太過簡單而完成不了工作也會給他們帶來麻煩。

總之呢，只要有足夠的調查研究和規劃，圍繞著用戶的需求，你的UCI設計就有了目標和方向，你可以按照一個整體的規劃組織和設計UCI的頁面結構。

你也應該使用盡量少的選擇給用戶提供最全面的功能控制，一旦這些都準備就緒了，你就可以開始設計了。

在下一個視頻片段中，我們將教給大家如何開始設計一個UCI和一些其它我們需要注意的地方。