正視UI設計——讀【軟體觀念革命】【二】

【設計方法】

在前面，我們看了很多從理論對如何做一個有優秀UI的軟體的描述。但歸於實際，很多問題會比較難以操作。比如，使用者的目標怎麼發掘，其心智模型怎麼探究等等。諸如此類的問題，都會需要有一套切實可行的實踐指導方案。

書中提出了一整套完整的解決方案，指導程式員進行UI設計。實踐、理解併合理運用這套方案，可以使你的UI設計變得更加的容易。

對於這部分內容，由於我實踐經驗的限制，不敢寫太多東西。等日後我積累了一些經驗後，我會重新閱讀這部分內容。在這裡，只是簡單的列舉一下書中提及的一些要點和一些膚淺的個人理解。如果你有足夠的實踐經驗，請仔細閱讀書中第一部分的內容，想必你一定不會空手而回。

 在書中的18~19頁，對UI設計的整體步驟有詳盡的描述。粗略的說，分成5個階段，按時間排序，分別是研究、建模、需求、架構和最佳化，相鄰兩個過程互相迭代。具體而言，先需要對所面對的軟體問題做定性研究。就是通過各種人種學手段，對使用者的基本情況，使用者對問題的理解，和其對產品的要求等等資訊瞭解清楚。然後，進入到使用者建模過程。在這個過程中，有兩個重要的概念。一個是使用者角色，所謂角色就是對所有使用者的資訊做一個抽象，將類似的資訊的使用者抽象提取歸為一個角色；另一個是目標，瞭解了角色，就需要具體確定該角色想利用該軟體完成的具體目標。這是目標導向設計的關鍵。瞭解了使用者目標，最後還需要利用一些手段將目標轉化成為設計。這個手段就是指令碼提綱。顧名思義，指令碼提綱，是對使用者日常使用該軟體的過程進行詳細的描述。就像寫故事一樣，記錄下使用者使用軟體的整個過程和其中的種種細節。當然，這個過程是你通過你調查獲得的資訊虛構出來的。

這方法，讓我想起了《.Net設計規範》中FCL設計師們設定類庫介面的方法。他們會先邀請（或虛擬）一些使用者，讓他們寫一些代碼類比他們完成某個功能的過程，然後按對情境的重要性進行一些排序，最終用以輔助完成類庫介面的設計。這種從使用者虛擬做為起點，反向抽取設計方案的方法，確實值得借鑒。

 

【軟體姿態】

 學過設計模式的人都知道，在GOF那麼巨作中，提出了三大設計原則，還有23種經典的設計模式。這23種模式應用於不同的情境，每當我們碰到類似於某個模式情境問題的時候，我們都會考慮並靈活應用該模式。從而減輕了我們的設計負擔，因為我們站在巨人的肩膀上。

在UI設計中，我們已經看到了前面那些基本理論和思想。但要真正快速的應用與實踐中，我們還需要一些固有的模式。其中，一種模式的劃分方式就是按照軟體姿態。所謂軟體的姿態，就是軟體向使用者表達自身資訊的方式。通常，我們可以把傳統型應用程式劃分成一下幾種姿態：

1.獨佔姿態

獨佔姿態，就是全屏的，需要長時間佔用使用者注意力的程式。比如office套件，Visual Studio之類的。使用這類軟體的人，基本上，絕大多數都是永遠的中間使用者（恩，想想看，有幾個人敢說自己精通Word，又有幾個用過Word的人不會用Word打字）。因此在軟體設計中，我們應該十分充分的考慮他們的感受。對於新手和專家而言，我們應該在滿足了中間使用者的需求下，盡量滿足他們的需求。對於一個獨佔姿態的程式來說，應該將自己的空間視為整個螢幕，充分利用螢幕的每一個像素。有些協助工具輔助條，只要有用，不要怕放的太多。在視覺方面，應該使用少一點、保守一點的顏色，提供多的非模式反饋，鮮豔明亮的顏色也許很酷，但它會讓長期使用的人感到不適。要豐富你的輸入手段，比如菜單、工具條、快速鍵、因為對於中間使用者來說，他們希望能快速的按他們喜歡的方式進行輸入。此外應該盡量擴大你的文檔地區（就是主要功能部分），因為這是使用者真正需要的，他們需要不費力氣的把握整體狀況。

2.暫時姿態

 暫時姿態的程式開啟又關閉，用一套非常有限的附加控制項，展示一些單一的功能。比如，Windows的音量大小，計算機等，還包括所有的對話方塊。對於暫態的程式而言，應該使用明亮清晰的顏色，控制項盡量的大而簡潔。因為使用者很可能是新手（對於暫態程式而言，存在大量很少使用的中間使用者，他們也會暫時退化成新手的），只有這種介面才能協助他們快速上手。除非是十分的必要，否則只要使用一個視窗或視圖（比如對話方塊疊對話方塊的設計都是不大好的），否則會增加使用者的上手難度。此外，暫態程式應該記住上次使用的狀態，協助使用者在下次啟動時能快速完成他需要做的事情。這一點對於暫態程式是十分有效，因為沒有使用者會希望在暫態程式上花費太多的時間。

3.精靈姿態

精靈姿態就是指那些靜靜的默默的在後台啟動並執行程式，很多應用程式在不需要互動的時候都會轉化成這種姿態。Windows作業系統中，基本上大部分精靈姿態的程式都會在工作列托盤中留下一個標誌，這基本上就是精靈姿態程式的所有UI了^_^。

4.輔助姿態

 混合了暫時和獨佔姿態的程式具有輔助姿態。比如迅雷的浮動提示視窗。它們像獨佔程式一樣長期佔用螢幕空間，但佔用的空間很小，並且只起到輔助作用。它存在的目的是通過有限的視窗，向使用者提供最需要的關於它工作狀況的資訊。因此，它提供的資訊必須簡潔，且非常顯眼。

關於Web程式和其他程式的姿態，理解出來的不多，就不廢話了。書中後面對Web程式的涉及也比較有限，畢竟這不是一本關注與Web設計的書籍。