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

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

 　　早在中國IT業(yè)方興未艾之時(shí)，計(jì)算機(jī)應(yīng)用系統(tǒng)主要以功能實(shí)現(xiàn)為主，幾乎沒有界面設(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è)非常重要的方面。

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

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

　　1、功能設(shè)計(jì)

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

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

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

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

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

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

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

　　2、界面設(shè)計(jì)

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

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

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

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

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

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

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

　　②交互設(shè)計(jì)：

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

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

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

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

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

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

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

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