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

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

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

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

　　1.工作流程

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

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

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

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

　　2.需求分析

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

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

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

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

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

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

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

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

　　4.系統(tǒng)分析

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

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

　　5.主界面設(shè)計(jì)

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

　　6.典型交互模式

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

　　7.Demo開(kāi)發(fā)

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

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