摘要

• 文章編號：20050605
• 投稿日期：2005/05/25
• 作者：周宗賢、沈雅楓、林堅信
• 備註：

何謂使用者介面設計？

使用者介面設計（User Interface，簡稱UI）分為操作需求與藝術需求兩種不同領域的介面設計。前者主要是在設計整個網頁的操作流程介面、定義型態等；後者則是在設計整個網站頁面所呈現出來的視覺藝術效果。在本文中我們會討論關於使用者介面的設計原則。

使用者介面設計原則

﹝1﹞符合需求

使用者介面設計時，所應遵循最重要的設計原則就是將『功能需求使用案例文件』當作整體設計的依據，因為『功能需求使用案例文件』是針對業主的需求所訂定，所以在設計操作介面時，能符合『功能需求使用案例文件』裡所定義出的功能需求，是最重要的原則。

符合業主功能的需求，通常不是一個網站頁面的美感度或者是編排的習慣；相反的，要簡單明瞭的表示『功能需求使用案例文件』中的需求，並且所 有的需求細節都不能被遺漏。若是只著重於網站的美工設計，而無法達到整個系統的流暢度與功能的完整性，並不能夠符合業者所需要的產品，故在此部份值得首要 注意。

﹝2﹞使用者操作習慣

符合業者所開出的需求後，在設計時所必需考慮到的，就是要以一個使用者的操作習慣為思考。假設我們是一個正在使用此網頁之使用者，如何的介 面才是讓我們覺得最容易使用？怎樣的介面能讓我們更快的了解其流程？ 所以在設計時，我們特別著重於讓頁面的流程簡潔化，讓使用者能夠盡量在同一頁面內能夠一目了然網站的主要功能。另外在網頁上也儘可能的將使用的方式作簡單 說明，好讓使用者能夠迅速地熟悉這個網站。

另一方面，對使用者的鍵盤和滑鼠上的操作習慣也作考慮。舉個例子，今天有一個讓訪客註冊的頁面，使用者在輸入基本資料時，其地址縣市、生 日、血型等等，也許就可以作成下拉式選單，以代替需要用鍵盤一個一個輸入的麻煩。再舉另一個例子，當使用者在點選檢視頁面時，若設計將頁面嵌入原本頁面， 則使用者在檢視完必定又得回到上一頁去作其他處理，既然如此，若將檢視頁面設計成為跳出新視窗，當使用者檢視完成後，就可以不用再次執行回上頁的動作，這 方便了不少。

﹝3﹞程式困難度

設計操作介面時，我們會同時考慮到頁面在程式實作時的困難度。有時規劃的介面符合需求並且也考量到使用者操作習慣，然而在實作上也可能會遇到技術的瓶頸，此時使用者介面設計人員與需程式設計人員溝通關於實作介面程式困難度的部份。

﹝4﹞藝術

在藝術的部份需注意整個頁面的合諧感與適合感，並且針對下列項目加以統一設計：系統圖示、字型大小、字型、版面配置、顏色管理。

使用者介面設計的三大步驟

（1）頁面流程：畫出所有功能的頁面流程圖。這個步驟可以使得在接下來的設計較有系統性，而不會忽略該有的步驟頁

面。

（2）頁面快照與屬性文件：寫出每頁頁面所該有的功能與頁面屬性，並畫出頁面的快照。這可以使得接下來的最後一個步

驟有文件可以參考，而不忽略細節。

   
 
名稱：閱讀一則最新消息 

（3）精細頁面設計：開始著手使用程式設計開發環境拉出每頁面之元件。這步驟可說是操作需求介面設計之最後步驟，也是將所有原先設計之頁面文件實際呈現出來。

使用者介面設計人員與需求分析人員搭配經驗

在前面曾提過，使用者介面設計原則裡最重要的原則是符合需求，所以與需求分析人員之間的溝通是最重要的一環。若我們不能夠了解需求分析人員撰寫使用 案例時的習慣與方法，不但我們在閱讀上會造成困難而浪費時間，更大的危機是我們會因此而忽略功能需求使用案例組所想要表達的功能需求。

以整個團隊的流程看來，使用者介面設計人員是銜接整個系統程式的呈現和業者需求的環節。若我們忽略其功能，程式設計師會以我們所設計的介面 去設計而不會發現到錯誤，直到最後業主看到成果時才發現功能之不符合，造成業主方面與程式組不必要的資源浪費。所以瞭解需求分析人員所撰寫之使用案例並達 到共識是非常重要的一件事情。

使用者介面設計人員與程式設計人員搭配經驗

使用者介面設計人員工作時往往需要跟程式設計人員有非常密切的互動。在使用者介面設計人員完成部份的頁面設計時，常常會沒有考慮到資料庫設計的結 構，以及資料筆數的大小；如果沒有先考量到資料結構及資料量，資料輸入的最後，才發現在操作頁面設計有非常嚴重的錯誤，或者造成使用者的不方便，因此我們 在提到使用者介面設計的第二步驟時的頁面快照與屬性文件時，就需要與程式設計人員有密切的溝通。

結論

除了以上所列出的需要注意之項目外，還需注意的是使用者介面設計人員要成為需求分析人員與程式設計人員之間的溝通橋樑。這是因為當程式設計人員對於 某一個功能操作流程有疑問時，通常會因介面的設計而反應到需求分析人員；而當功能需求有所變動時，告知介面組變更設計，再讓使用者介面設計人員修正後向程 式設計人員報備變更事項。