oa系統(tǒng)開發(fā)日志

申請免費(fèi)試用、咨詢電話：400-8352-114

 　　早在中國IT業(yè)方興未艾之時，計算機(jī)應(yīng)用系統(tǒng)主要以功能實現(xiàn)為主，幾乎沒有界面設(shè)計這個概念。時至今日，隨著計算機(jī)和網(wǎng)絡(luò)的不斷普及，社會信息化程度日益加深，用戶和市場的不斷成熟，人們已經(jīng)不僅僅滿足于“夠用”，而是更加強(qiáng)調(diào)“好用”“易用”;因此，不論是普通最終用戶的個人軟件，還是企業(yè)應(yīng)用的大型系統(tǒng)，界面設(shè)計在系統(tǒng)構(gòu)建中都成為了一個非常重要的方面。但是，(至少在中國)由于IT業(yè)發(fā)展滯后、市場還不夠成熟等原因，在絕大多數(shù)企業(yè)中，界面設(shè)計在軟件系統(tǒng)開發(fā)中還沒有獲得與之重要性相匹配的一席之地，并且在企業(yè)運(yùn)作和協(xié)調(diào)中也沒有形成成熟的模式和解決方案，如何做好界面設(shè)計和開發(fā)，仍然是大家不斷研究探討的一個問題。

　　這篇文章主要內(nèi)容是參加一個面向質(zhì)檢OA行業(yè)的Web系統(tǒng)界面設(shè)計和開發(fā)工作的過程，包括其間的一些構(gòu)思和想法;希望能和大家一起探討一下這個問題，供大家參考。

　　1.工作流程

　　在需求分析階段，參與對客戶的訪問和調(diào)研;

　　在概要設(shè)計階段，參與部分系統(tǒng)設(shè)計分析工作;

　　在詳細(xì)設(shè)計階段，完成整個系統(tǒng)界面設(shè)計和Demo制作，并提交用戶反饋;

　　在代碼開發(fā)階段，參與系統(tǒng)表現(xiàn)層的設(shè)計開發(fā)。

　　2.需求分析

　　在需求分析階段，主要針對界面交互相關(guān)問題，對用戶進(jìn)行若干調(diào)研。

　　主要包括以下內(nèi)容

　　·受眾用戶群調(diào)查

　　·系統(tǒng)使用環(huán)境調(diào)查

　　·受眾用戶使用習(xí)慣調(diào)查

　　·用戶對舊版本軟件使用情況調(diào)查

　　3.界面設(shè)計原則

　　在概要設(shè)計階段，根據(jù)需求階段的調(diào)研結(jié)果，我整理了系統(tǒng)界面設(shè)計的基本原則。因為在代碼開發(fā)階段，很多時候界面的具體制作是由開發(fā)人員直接寫代碼，因此必須確定一定的原則和規(guī)范，以保證系統(tǒng)界面的統(tǒng)一。

　　4.系統(tǒng)分析

　　在概要設(shè)計過程中，界面設(shè)計人員需要瀏覽需求分析報告，了解用戶的工作流程，和整個系統(tǒng)功能，再根據(jù)這些原始需求功能，歸納整理分析，并針對用戶交互設(shè)計需要，提出意見，參與系統(tǒng)設(shè)計。

　　其中包括對原始功能的分類歸納，提出系統(tǒng)交互需要的新功能，對用戶功能實現(xiàn)的優(yōu)先級進(jìn)行定義等等。

　　5.主界面設(shè)計

　　設(shè)計主界面，確定系統(tǒng)基本風(fēng)格，是概要設(shè)計中的工作之一。首頁主界面的主要實現(xiàn)功能是導(dǎo)航，它要達(dá)到的目的，是盡可能使用戶僅通過首頁面板就可以完成所有常規(guī)任務(wù)。

　　6.典型交互模式

　　界面交互中，根據(jù)功能不同，有不同的交互方式。應(yīng)該盡量提取抽象，盡可能減少交互模式的種類，或者把交互方式盡可能設(shè)計的類似，以方便用戶快速熟悉系統(tǒng)。

　　7.Demo開發(fā)

　　Demo是詳細(xì)設(shè)計階段的重要成果之一，在對系統(tǒng)進(jìn)行詳細(xì)的分析設(shè)計之后，主要作用是提供給合作客戶，在基本功能、系統(tǒng)組成和易用性上進(jìn)行測試。

　　本系統(tǒng)的Demo主要包括界面的設(shè)計制作，和部分客戶端表現(xiàn)層腳本的開發(fā)。為了在后面的實際業(yè)務(wù)開發(fā)中盡可能獲得重用，Demo的制作在頁面規(guī)范、CSS樣式定義和JS腳本編寫方面都嚴(yán)格遵循了系統(tǒng)開發(fā)規(guī)范，并在以后的代碼編寫工作中嚴(yán)格執(zhí)行。