oa辦公自動化系統(tǒng)頁面

申請免費試用、咨詢電話：400-8352-114

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

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

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

　　1、功能設(shè)計

　　功能設(shè)計在概念設(shè)計完成后進(jìn)行，主要對應(yīng)用的場景、操作過程、應(yīng)用要素、關(guān)鍵約束等的描述，是應(yīng)用定型的主要步驟。

　　①功能設(shè)計要求：

　　根據(jù)概念設(shè)計的總應(yīng)用功能分解成相互有機聯(lián)系的若干功能單元，并以功能單元為子系統(tǒng)進(jìn)行再次分解，生成更低一級的功能單元。經(jīng)過逐層分解，直至對應(yīng)的各個最末端功能單元能夠找到一個可以實現(xiàn)的最小單元。

　　功能設(shè)計的主要任務(wù)是應(yīng)用到功能實現(xiàn)的映射，功能設(shè)計過程主要包括：功能分析和功能結(jié)構(gòu)設(shè)計、功能載體方案構(gòu)思和決策、功能實現(xiàn)步驟、基礎(chǔ)頁面布局設(shè)計等。

　　在功能設(shè)計階段，需要根據(jù)功能的重要程度劃分各功能實現(xiàn)的優(yōu)先級。

　　②功能設(shè)計結(jié)果：

　　功能設(shè)計評審?fù)ㄟ^后，提交設(shè)計文檔和設(shè)計PPT;提交功能實現(xiàn)列表(參考功能列表規(guī)范)。

　　2、界面設(shè)計

　　用戶界面設(shè)計在工作流程上分為結(jié)構(gòu)設(shè)計、交互設(shè)計、視覺設(shè)計(界面詳細(xì)設(shè)計)和界面測試四個部分。

　?、俳Y(jié)構(gòu)設(shè)計：

       在功能設(shè)計的基礎(chǔ)上，通過對用戶研究和用戶需求分析文檔，制定出產(chǎn)品界面的整體結(jié)構(gòu)。

　　由設(shè)計人員分析、理解對用戶界面的需求，包括可用性需求，明確信息的部署，歸類：并收集、整理、對比相關(guān)的用戶界面資料(重點對手或相關(guān)產(chǎn)品的資料收集)。(提供用戶界面資料分析ppT文檔)

　　構(gòu)建用戶界面原型：主要頁面以首頁和各功能模塊的主界面為主。

　　紙上草圖：明確信息的歸集，列出需要的所有視覺元素，如果層次不是特明確的，需要批注上什么是最重要的。目的是為了確保應(yīng)用設(shè)計人員跟UI設(shè)計師所想的是一樣的。

　　繪制樣圖：創(chuàng)建粗略的原型層次框架結(jié)構(gòu)圖(多方案備討論)，討論并審定確認(rèn)界面的初始框架結(jié)構(gòu)方案。(提供粗略原型層次框架結(jié)構(gòu)圖PPT文檔說明)。

　　②交互設(shè)計：

       目的是為了保證后續(xù)開發(fā)出來的用戶界面和最初的設(shè)計稿的一致性和用戶測試使用的真實性。

　　交互原型設(shè)計：對確認(rèn)后的界面視覺效果圖進(jìn)行交互原型設(shè)計，即出標(biāo)準(zhǔn)的Html代碼文件，同時按階段制定出相應(yīng)的《用戶界(實施)開發(fā)規(guī)范》，并遵循。

　　交互的開發(fā)：階段性，單一功能的開發(fā)，包含了Html代碼和后端數(shù)據(jù)的連接。

　　并遵循確認(rèn)后的界面效果圖和《用戶界面(實施)開發(fā)規(guī)范》來完成。

　　③視覺設(shè)計(界面詳細(xì)設(shè)計)：

　　在結(jié)構(gòu)設(shè)計的基礎(chǔ)上(樣圖審定后)，繪制完整的界面視覺效果圖：依據(jù)上述討論結(jié)果，對確認(rèn)的原型層次框架結(jié)構(gòu)圖進(jìn)行詳細(xì)設(shè)計，做出完整的界面視覺效果圖。

　　在界面詳細(xì)設(shè)計的同時出《用戶界面設(shè)計說明》文檔，對相應(yīng)設(shè)計進(jìn)行描述說明。討論并審定界面詳細(xì)設(shè)計結(jié)果(確定下來現(xiàn)階段可繼續(xù)的大的方向，不一定是最終的結(jié)果)。

　　界面測試：由相關(guān)用戶使用測試，并反饋意見，以便在下一步設(shè)計、開發(fā)過程中進(jìn)行修改和調(diào)整。