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

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

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

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

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

　　1、功能設計

　　功能設計在概念設計完成后進行，主要對應用的場景、操作過程、應用要素、關鍵約束等的描述，是應用定型的主要步驟。

　　①功能設計要求：

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

　　功能設計的主要任務是應用到功能實現(xiàn)的映射，功能設計過程主要包括：功能分析和功能結構設計、功能載體方案構思和決策、功能實現(xiàn)步驟、基礎頁面布局設計等。

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

　?、诠δ茉O計結果：

　　功能設計評審通過后，提交設計文檔和設計PPT;提交功能實現(xiàn)列表(參考功能列表規(guī)范)。

　　2、界面設計

　　用戶界面設計在工作流程上分為結構設計、交互設計、視覺設計(界面詳細設計)和界面測試四個部分。

　?、俳Y構設計：

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

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

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

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

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

　?、诮换ピO計：

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

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

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

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

　?、垡曈X設計(界面詳細設計)：

　　在結構設計的基礎上(樣圖審定后)，繪制完整的界面視覺效果圖：依據(jù)上述討論結果，對確認的原型層次框架結構圖進行詳細設計，做出完整的界面視覺效果圖。

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

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