界面設(shè)計方法(1):界面的概念與分類
編輯導(dǎo)語:對于很多軟件工程師來說,工作內(nèi)容都與界面設(shè)計有很大的關(guān)聯(lián)。而界面設(shè)計的本質(zhì)又是業(yè)務(wù)功能的設(shè)計,基于此,作者在本篇文章中,從數(shù)據(jù)分類、業(yè)務(wù)功能分類以及界面分類這三個方面,為我們詳細(xì)地說明了界面設(shè)計方法,希望能夠?qū)δ阌兴鶐椭?/p>
在ERP類等企業(yè)管理類系統(tǒng)開發(fā)過程中,毫無疑問,對用戶“界面”設(shè)計的工作量是最大的,界面是系統(tǒng)中支持用戶輸入、查看數(shù)據(jù)的業(yè)務(wù)功能,它們是用戶現(xiàn)實(shí)工作在系統(tǒng)中的映射,是人機(jī)交互的窗口。
對軟件工程師來說,界面不僅是系統(tǒng)的臉面,而且最終用戶體驗(yàn)到信息化價值的大小也主要是由界面提供的。按照系統(tǒng)中的用途可將業(yè)務(wù)功能分為4大類:活動功能、字典功能、看板功能和表單功能。
根據(jù)這些功能的共性和個性建立相應(yīng)的界面模型和設(shè)計方法,可以大幅度地提升界面設(shè)計的效率和效果。
界面的表達(dá)形式可以分為2大類,窗體形式、打印形式:
- 窗體形式:這個形式支持用窗體形式的數(shù)據(jù)輸入、查看等,包括了業(yè)務(wù)功能中3種:活動功能、字典功能和看板功能,如圖1(a)~(c);
- 打印形式:這個形式支持打印形式的數(shù)據(jù)輸出,如圖1(d)。
圖1 業(yè)務(wù)功能與對應(yīng)的界面形式
界面設(shè)計的本質(zhì)是業(yè)務(wù)功能的設(shè)計,而業(yè)務(wù)功能的分類是基于該功能處理的數(shù)據(jù)類型而定的,因此下面按照“數(shù)據(jù)分類→業(yè)務(wù)功能分類→界面分類”的順序進(jìn)行說明界面設(shè)計方法。
一、數(shù)據(jù)的分類
首先來看一下數(shù)據(jù)的分類方法。在構(gòu)建企業(yè)的信息系統(tǒng)時,可以按數(shù)據(jù)的用途和產(chǎn)生數(shù)據(jù)的階段劃分為三個區(qū),即:數(shù)據(jù)的生成區(qū)、數(shù)據(jù)的加工區(qū)和數(shù)據(jù)的應(yīng)用區(qū),如圖2所示。
圖2 數(shù)據(jù)的三個分區(qū)
1. 數(shù)據(jù)生成區(qū):過程數(shù)據(jù)與基礎(chǔ)數(shù)據(jù)
數(shù)據(jù)生成區(qū),是將原始數(shù)據(jù)輸入到系統(tǒng)中的區(qū)域,在這個區(qū)域產(chǎn)生的數(shù)據(jù)根據(jù)其用途可以分為二類,一類是“過程類數(shù)據(jù)”、另一類為“基礎(chǔ)類數(shù)據(jù)”。
1)過程數(shù)據(jù)
在企業(yè)活動過程中第一次產(chǎn)生的、沒有經(jīng)過任何加工的數(shù)據(jù)就稱之為過程數(shù)據(jù)(即原始數(shù)據(jù)),“過程”指企業(yè)各類工作的過程。
軟件的功能設(shè)計工作大部分都集中在這個區(qū),比如:架構(gòu)設(shè)計、功能設(shè)計、數(shù)據(jù)設(shè)計等,通常所說的“業(yè)務(wù)數(shù)據(jù)”的絕大部分產(chǎn)生于此區(qū)域,比如:銷售數(shù)據(jù)、生產(chǎn)數(shù)據(jù)、財務(wù)數(shù)據(jù)、物流數(shù)據(jù)、人資數(shù)據(jù)等。
2)基礎(chǔ)數(shù)據(jù)
企業(yè)中需要規(guī)范化并作為企業(yè)標(biāo)準(zhǔn)的數(shù)據(jù),稱之為企業(yè)的基礎(chǔ)數(shù)據(jù),比如:員工信息、客戶信息、材料編號、市場價格、組織結(jié)構(gòu)等,基礎(chǔ)數(shù)據(jù)是由相關(guān)部門按照企業(yè)規(guī)則預(yù)先編制好的。
基礎(chǔ)數(shù)據(jù)約束了過程數(shù)據(jù)的輸入范圍、標(biāo)準(zhǔn)、以及為過程數(shù)據(jù)提供了屬性定義。編制基礎(chǔ)數(shù)據(jù),是客戶方面推進(jìn)信息化建設(shè)必須做的重要工作,基礎(chǔ)數(shù)據(jù)也是未來構(gòu)建系統(tǒng)主數(shù)據(jù)的核心內(nèi)容。
注:基礎(chǔ)數(shù)據(jù),是企業(yè)進(jìn)行信息化建設(shè)中最重要的標(biāo)準(zhǔn)化對象之一(其它例:業(yè)務(wù)流程標(biāo)準(zhǔn)化)。
3)基礎(chǔ)數(shù)據(jù)與過程數(shù)據(jù)
- 兩者的轉(zhuǎn)換關(guān)系:在用界面進(jìn)行過程數(shù)據(jù)的輸入時,基礎(chǔ)數(shù)據(jù)可以用選擇框的形式作為界面上某個字段的選擇對象,基礎(chǔ)數(shù)據(jù)一旦被選擇輸入后,就成為了過程數(shù)據(jù)。
- 不同的維護(hù)原則:基礎(chǔ)數(shù)據(jù):需要不斷的進(jìn)行維護(hù),保持基礎(chǔ)數(shù)據(jù)在時間變化后也能夠符合要求;過程數(shù)據(jù):一旦確定不能修改,特別是財務(wù)等數(shù)據(jù)受法律保護(hù),后期修改可能是違法的。
2. 數(shù)據(jù)加工區(qū):加工數(shù)據(jù)
對收集到的過程數(shù)據(jù),按照不同目的加工(抽取、轉(zhuǎn)換、清洗…),是對過程數(shù)據(jù)進(jìn)行加工的區(qū)域,經(jīng)過加工完成的數(shù)據(jù)稱之為“加工數(shù)據(jù)”(已經(jīng)不是原始數(shù)據(jù)了),它們被按照用戶的關(guān)心維度、分析報表的種類預(yù)先分類存儲,以供各類查詢、統(tǒng)計之用。
3. 數(shù)據(jù)應(yīng)用區(qū)
利用加工數(shù)據(jù),可以方便用戶利用單據(jù)、報表以及各類靜態(tài)、動態(tài)的方式進(jìn)行查詢、展示、分析。比如常見的加工數(shù)據(jù)有:銷售分析、產(chǎn)值分析、成本分析、績效分析、財務(wù)月報表等。
二、業(yè)務(wù)功能的分類
有了三種數(shù)據(jù)的用途分類后,按照對不同數(shù)據(jù)處理的分工可以將業(yè)務(wù)功能劃分為4大種類,即:活動功能、字典功能、看板功能和表單功能。下面分別對這4種功能進(jìn)行說明,參見圖3。
圖3 業(yè)務(wù)功能與數(shù)據(jù)分類的對應(yīng)關(guān)系
1. 活動功能(以下簡稱:活動)
活動,是指專門利用“窗體”形式來記錄、展示在過程數(shù)據(jù)的功能,所有過程數(shù)據(jù)都是通過活動功能輸入的。
之所以將這類功能稱之為“活動”,就是因?yàn)樗鼈兪瞧髽I(yè)中實(shí)際工作在系統(tǒng)中的映射;同時企業(yè)的管理規(guī)則也是主要加載在活動功能上的(提示、預(yù)警、終止等),活動是4類功能中數(shù)量最多、使用最廣的一種。
活動產(chǎn)生過程數(shù)據(jù),在輸入數(shù)據(jù)時會使用基礎(chǔ)數(shù)據(jù)輔助提升輸入效率,參見圖3①。
注:繪制業(yè)務(wù)流程時,流程上的節(jié)點(diǎn)必須是活動功能,因?yàn)橹挥谢顒硬拍茯?qū)動流程的運(yùn)轉(zhuǎn)。
2. 字典功能(以下簡稱:字典)
字典,是專門利用“窗體”的形式來維護(hù)需要標(biāo)準(zhǔn)化的企業(yè)基礎(chǔ)數(shù)據(jù)。作為對基礎(chǔ)數(shù)據(jù)進(jìn)行維護(hù)的功能,它包含了對數(shù)據(jù)的:記錄、展示、更新、發(fā)布的功能,由于字典是用來規(guī)范企業(yè)標(biāo)準(zhǔn)的工具,因此字典只能由特定的管理人員使用。
字典對應(yīng)的是數(shù)據(jù)分類中的“基礎(chǔ)數(shù)據(jù)”,字典功能的來源大都是軟件工程師通過系統(tǒng)規(guī)劃設(shè)計獲得的(而不是由用戶提出的)。
字典產(chǎn)生基礎(chǔ)數(shù)據(jù),參見圖3②。
注:業(yè)務(wù)流程是產(chǎn)生價值工作的串聯(lián),因?yàn)樽值渲皇怯脕砭S護(hù)基礎(chǔ)數(shù)據(jù)的,不是用來產(chǎn)生價值的工作,所以字典是不能成為業(yè)務(wù)流程上的節(jié)點(diǎn)(對比活動功能)。
3. 看板功能(以下簡稱:看板)
看板,是專門利用“窗體”的形式來展示經(jīng)過加工處理后的數(shù)據(jù)的,它是用來展示看數(shù)據(jù)的,它不用于數(shù)據(jù)的輸入,它可以利用窗體所具有的各種靈活多變的查詢和展示形式(圖形曲線、數(shù)據(jù)穿透等),看板通常用于門戶、監(jiān)控臺、儀表盤、導(dǎo)航等的形式來展示信息。
看板可以用來展示過程、基礎(chǔ)和加工三類數(shù)據(jù),參見圖3。
4. 表單功能(以下簡稱:表單)
表單,是專門采用“打印”的形式來展示數(shù)據(jù)的,適用于各類需要打印、蓋章、并以紙質(zhì)的形式保存的場景,其中,“表”指的是各類統(tǒng)計和分析的“報表”;“單”指的是各類憑證形式的單據(jù),比如:
- 報表:產(chǎn)值分析、成本分析、績效分析、財務(wù)報表等數(shù)據(jù);
- 單據(jù):發(fā)票、收據(jù)、領(lǐng)料單、合同書、各類財務(wù)憑證等數(shù)據(jù)。
表單可以用來展示過程、基礎(chǔ)和加工三類數(shù)據(jù),參見圖3。
三、功能分類的作用
1. 確定架構(gòu)規(guī)劃的關(guān)注順序
有了業(yè)務(wù)功能分類的概念之后,軟件工程師在進(jìn)行需求獲取、需求分析以及系統(tǒng)架構(gòu)時就知道了對功能關(guān)注的順序:
- 由于活動、字典等是產(chǎn)生數(shù)據(jù)的功能,在架構(gòu)、規(guī)劃時重點(diǎn)要先關(guān)注這些功能,比如:活動是構(gòu)成業(yè)務(wù)流程的要素,需要重點(diǎn)關(guān)注并先行確定,否則業(yè)務(wù)流程設(shè)計時就沒有節(jié)點(diǎn)了;
- 與前述兩個功能相比,看板功能和表單功能就可以稍微滯后,因?yàn)檫@兩者不直接產(chǎn)生過程數(shù)據(jù)和基礎(chǔ)數(shù)據(jù),它們以“看數(shù)據(jù)”為主,它們需要的只是對過程數(shù)據(jù)和基礎(chǔ)數(shù)據(jù)的加工而成的加工數(shù)據(jù),而且看板和表單會隨著客戶對信息系統(tǒng)的理解加深,會發(fā)生新的需求變化,所以放到后面再設(shè)計反而會穩(wěn)妥一些。
2. 提升對產(chǎn)品、項(xiàng)目研發(fā)的管理效率
對業(yè)務(wù)功能進(jìn)行分類對理解設(shè)計方法有很大的幫助,主要作用(不限于此):
- 建模方法:分類給出了不同類型的設(shè)計規(guī)律、大幅度地減少了模型的數(shù)量;
- 確定工作量:由于4種功能的特點(diǎn)不同,可以定性、定量地確定開發(fā)工作量、時間;
- 設(shè)計順序:如前所述,活動、字典先設(shè)計、看板和表單可以滯后;
- 設(shè)計能力匹配:由于4類功能的難易度不同,分配設(shè)計資源時有依據(jù),比如:字典/基礎(chǔ)數(shù)據(jù)部分比較難,可以讓能力較強(qiáng)的設(shè)計師承擔(dān)等等。
四、界面的分類
界面的設(shè)計分為:窗口形式與表達(dá)形式。它們的用途、建模形式、設(shè)計方法以及后續(xù)的開發(fā)方法都不相同,參見圖4。
圖4 界面形式
以上,對業(yè)務(wù)數(shù)據(jù)(3種)、業(yè)務(wù)功能(4種)和界面(2種)的分類進(jìn)行了說明,通過這樣的歸集有助于幫助軟件工程師們建立體系化、工程化的設(shè)計模型、方法、標(biāo)準(zhǔn)等,可以幫助提升軟件設(shè)計的效率和效果,也有益于設(shè)計階段成果的復(fù)用、分享。
當(dāng)然分類方法不是絕對的,隨著新需求、新技術(shù)的不斷出現(xiàn),劃分方法也會發(fā)生變化,參考上述劃分的思想、方法,根據(jù)實(shí)際情況建立更加合適不同行業(yè)的分類方法也是完全必要的。
注:業(yè)務(wù)功能與系統(tǒng)功能
這里,沒有提“查詢”、“提示”、“上傳”等功能,因?yàn)樗鼈兏嗟厥菍儆谙到y(tǒng)操作的輔助功能,沒有“業(yè)務(wù)”功能的作用,所以不在這里提及。
本系列的下一篇:界面設(shè)計方法(2):活動功能的設(shè)計方法,界面設(shè)計的詳細(xì)說明請參考《大話軟件工程—需求分析與軟件設(shè)計》一書。
本文由 @李鴻君 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自?Unsplash,基于 CC0 協(xié)議
雖然例子比較舊,一些用詞也和現(xiàn)在的互聯(lián)網(wǎng)產(chǎn)品設(shè)計不符,但依然很有參考價值,對產(chǎn)品設(shè)計進(jìn)行剖析,對產(chǎn)品的元素進(jìn)行分類,是有利于理清對產(chǎn)品的思考的。很多時候我們以為我們懂了,但卻無法說清楚一件事,這不是真懂。字典功能提供基礎(chǔ)數(shù)據(jù),活動功能與業(yè)務(wù)相關(guān)利用基礎(chǔ)數(shù)據(jù)產(chǎn)生過程數(shù)據(jù)??窗迨菆D表,表單是表和單據(jù),它們會用來呈現(xiàn)基礎(chǔ)數(shù)據(jù),過程數(shù)據(jù),以及加工數(shù)據(jù)(來自于基礎(chǔ)數(shù)據(jù)和過程數(shù)據(jù)的加工)。