軟體介面建模淺析

 

在青潤的《軟體工程之全程建模實現》一文中提出將介面設計作為需要分析階段的一項工作。我以前也曾在需求分析階段進行了介面建模，並用介面模型和使用者進行交流，取得了良好的效果。介面建模是需求工作中重要的步驟，同時又屬於設計工作的內容，所有很多人在爭論介面建模應該在什麼時間開始。我很贊同做將介面建模放在需求分析階段，一方面軟體介面的需求也是使用者需求的一部分，另一方面使用介面模型和使用者交流系統的功能需求直觀、明確，使用者很容易理解。介面就結合自己以前開發的一個項目談談軟體介面建模的事情。

1、介面設計的基本要求

• 介面設計要完整的體現出使用者需求的表現形式。
• 介面設計要美觀大方，一般來說介面設計的結果要符合使用者群的習慣、感官、感覺。
• 介面設計中的互動操作過程要符合使用者習慣性的工作過程。

2、介面建模的主要工作

首先確定介面元素，通常一個軟體介面的元素包括介面主顏色、字型顏色、字型大小、介面布局、介面互動方式、介面功能分布、介面輸入輸出模式等等。對使用者工作效率有明顯影響的元素包括：輸入輸出方式、互動方式、功能分布。介面元素所要達到的設計目的是讓終端使用者能夠獲得美感、提高工作效率、易於操作使用系統。本項目的這個部分的工作由介面設計人員和美工協同完成，並且以介面設計規範的形式確定下來。

再次要通過對軟體的背景，使用的行業特點、使用者的使用水平、喜好等方面的瞭解提出針對使用者的一些設計。考慮到本系統的使用者為公路行業，電腦應用水平比較低，所以很多部分力求簡潔、明了，盡量提供使用者操作、使用上的方便，很多地方盡量類比使用者的手工操作，符合他們的使用習慣。比如在功能布局上以工作流程的方式來進行功能布局，這樣使用者很清楚做完了這個工作下一步應該怎樣做。另外我們專門設計資料錄入介面完全和使用者實際工作中的表格相同。

最後建立使用者介面模型，並且同使用者進行互動。這個工作對於介面建模是很重要的，因為使用者對於功能的需求相對是比較明確的，對於介面方面的需求卻比較模糊，但是當一個系統展現在他們面前的時候，他們卻有很多的要求和想法，通過這個工作可以將使用者對介面的需求挖掘出來，而且也比較容易暴露設計中的缺陷。我們在設計完介面模型之後請使用者參與了我們的評審會，之後根據使用者的意見進行了介面模型的修改。

3、建模工具

我選擇Visio作為介面建模工具。Visio是微軟的一個圖表繪製軟體。Visio的模具中提供了Windows介面元素和各種標註元素，能夠使我們很方便地建立Windows使用者介面模型。另外，Visio還提供了比較好的發布功能允許我們將Visio文檔發布為網頁格式。由於UML對介面建模支援的不好，所以使用UML建模工具進行介面建模比較難。

4、介面模型樣本

這個系統使用Visio來表達介面元素的布局、功能分布、互動方式等，對於不能在該模型中表達的某些內容（比如字型的大小等）用介面設計規範來表達。我們使用該模型在前期階段和使用者進行交流，協助測試人員瞭解系統功能。在後期階段將介面層對業務層的調用疊加在介面模型中，也就是在介面模型上指明在什麼情況下調用哪個對象的什麼方法來實現使用者的請求，從而指導開發人員構築系統。這樣做，在某些方面和UML的動態建模機制有異曲同工之妙，而且更加直觀有效。

 

圖1 主介面

圖2　系統管理使用者介面

 

圖3 疊加了實現的系統管理使用者介面