一個Web系統OA界面設計和開發

早在中國IT業方興未艾之時，計算機應用系統主要以功能實現為主，幾乎沒有界面設計這個概念。時至今日，隨著計算機和網絡的不斷普及，社會信息化程度日益加深，用戶和市場的不斷成熟，人們已經不僅僅滿足于“夠用”，而是更加強調“好用”“易用”；因此，不論是普通最終用戶的個人軟件，還是企業應用的大型系統，界面設計在系統構建中都成為了一個非常重要的方面。

但是，（至少在中國）由于IT業發展滯后、市場還不夠成熟等原因，在絕大多數企業中，界面設計在軟件系統開發中還沒有獲得與之重要性相匹配的一席之地，并且在企業運作和協調中也沒有形成成熟的模式和解決方案，如何做好界面設計和開發，仍然是大家不斷研究探討的一個問題。

我寫這篇文章，主要內容是我參加一個面向質檢行業的Web系統界面設計和開發工作的過程，包括其間的一些構思和想法；希望能和大家一起探討一下這個問題，供大家參考。

另外，我同時承擔了系統開發和界面設計工作，所以，雖然這是一篇討論界面設計的文章，我會盡量把文章限制在界面設計范圍內，但也有可能包含一些開發和系統設計的內容，請大家辨析清楚，歡迎指正。


1.工作流程

下圖，是整個開發過程中與界面設計相關的主要流程工作。



從最初需求分析開始，我就加入項目，自始自終參加整個開發過程。
在需求分析階段，參與了對客戶的訪問和調研；
在概要設計階段，參與了部分系統設計分析工作；
在詳細設計階段，完成了整個系統界面設計和Demo制作，并提交用戶反饋；
在代碼開發階段，參與了系統表現層的設計開發。

2.需求分析

在需求分析階段，主要針對界面交互相關問題，對用戶進行若干調研。

主要包括以下內容
·受眾用戶群調查
·系統使用環境調查
·受眾用戶使用習慣調查
·用戶對舊版本軟件使用情況調查

這一階段，由于成本原因，我并沒有直接訪問客戶進行調查。工作主要是提出某些具體問題，由需求調研人員，以問卷或口頭問答方式，對客戶進行調研。另外，公司經驗豐富的客服人員和市場人員，也是非常重要的需求來源之一。

本系統的客戶群主要為國家省市下屬質檢單位，最終受眾年齡從年輕到較高齡都有。對于普通國家機關人員，一般對計算機系統和網絡不夠熟悉，計算機環境一般，甚至比較差，少有配置優良的環境。在這種環境下，用戶對計算機使用一般沒有使用傾向，大多更適應手工操作。對本系統的前代使用，最主要意見是使用困難，不方便。

還有其他具體調查反饋，如用戶基本不使用鼠標右鍵，年齡較大的用戶難以看清密集的較小文字等等。


3.界面設計原則

在概要設計階段，根據需求階段的調研結果，我整理了系統界面設計的基本原則。因為在代碼開發階段，很多時候界面的具體制作是由開發人員直接寫代碼，因此必須確定一定的原則和規范，以保證系統界面的統一。


一般適用原則

·簡單明了原則：用戶的操作要盡可能以最直接最形象最易于理解的方式呈現在用戶面前。對操作接口，直接點擊高于右鍵操作，文字表示高于圖標示意，盡可能的符合用戶對類似系統的識別習慣。

·方便使用原則：符合用戶習慣為方便使用的第一原則。其它還包括，實現目標功能的最少操作數原則，鼠標最短距離移動原則等。

·用戶導向原則：為了方便用戶盡快熟悉系統，簡化操作，應該盡可能的提供向導性質的操作流程。

·實時幫助原則：用戶需要能隨時響應問題的用戶幫助。

·提供高級自定義功能：為熟悉計算機及軟件系統的高級用戶設置自定義功能，可以對已經確定的常規操作以及系統的方方面面進行符合自身習慣的自定義設置。包括常規操作、界面排版、界面樣式等種種自定義。

·界面色彩要求：計算機屏幕的發光成像和普通視覺成像有很大的不同，應該注意這種差別作出恰當的色彩搭配。對于需用戶長時間使用的系統，應當使用戶在較長時間使用后不至于過于感到視覺疲勞為宜。例如輕松的淡彩為主配色，灰色系為主配色等等。切忌色彩過多，花哨艷麗，嚴重妨礙用戶視覺交互。

·界面平面版式要求：系統樣式排版整齊劃一，盡可能劃分不同的功能區域于固定位置，方便用戶導航使用；排版不宜過于密集，避免產生疲勞感。