編輯導(dǎo)語(yǔ)：在前幾篇系列文章中，作者已經(jīng)為我們介紹了界面的概念與分類、活動(dòng)功能、字典功能以及看板功能的設(shè)計(jì)方法。在系列文章的最后一篇，作者為我們精心總結(jié)了表單功能的設(shè)計(jì)流程，相信認(rèn)真看完這五篇文章的你，一定會(huì)有所收獲。

表單功能，是4大業(yè)務(wù)功能（活動(dòng)、字典、看板和表單）中的最后一個(gè)。

它是各類訂貨、收貨的憑證，是企業(yè)月度、季度和年度統(tǒng)計(jì)、分析的重要參考資料，是國(guó)家、企業(yè)等指定要打印、蓋章交付和保存的重要形式；同時(shí)也是企業(yè)經(jīng)營(yíng)管理者最為常用的資料形式，領(lǐng)導(dǎo)直接用界面進(jìn)行查詢、分析的比較少，用固定格式的表單資料比較多。

因此，表單功能是企業(yè)從經(jīng)營(yíng)層、管理層和執(zhí)行層都非常重視的一種功能形式。

另外，具有打印要求的表單功能與其它三種用窗體形式表達(dá)的功能（活動(dòng)、字典、看板），除在用途上的不同以外，在編碼實(shí)現(xiàn)的技術(shù)方面也不一樣。

一、表單功能的概念

1. 表單功能的定義

• 表單：主要是用紙質(zhì)形式為載體（包括電子版）展示數(shù)據(jù)的形式；
• 表單功能：表單有兩種的代表形式：報(bào)表和單據(jù)。通常將常用的報(bào)表類數(shù)據(jù)（表）、單據(jù)類數(shù)據(jù)（單）用固化的格式展示或打印。一般在表單上不直接設(shè)置操作功能，也不用于輸入數(shù)據(jù)，表單功能具有以下的一些的特點(diǎn)（以下簡(jiǎn)稱為：表單）。

1）粒度

每張表單內(nèi)容都是根據(jù)表達(dá)的題目而確定的，粒度決定的參考建議：

• 用戶需求：在一張表單上呈現(xiàn)哪些內(nèi)容主要是由用戶確定的，單據(jù)類會(huì)比較簡(jiǎn)單，報(bào)表類會(huì)比較復(fù)雜。
• 系統(tǒng)需求：從開發(fā)實(shí)現(xiàn)的角度看，一張表單上表達(dá)的內(nèi)容過(guò)多、邏輯過(guò)于復(fù)雜，有可能造成日后對(duì)表單內(nèi)容的維護(hù)困難，因此內(nèi)容和維護(hù)要適當(dāng)平衡。

2）功能

表單是用來(lái)展示具有固化格式的數(shù)據(jù)，主要有兩類表達(dá)形式：報(bào)表形式、單據(jù)形式。

• 報(bào)表形式：通常展示的是多條數(shù)據(jù)，針對(duì)某個(gè)題目，將系統(tǒng)中某個(gè)時(shí)間段內(nèi)符合條件的數(shù)據(jù)進(jìn)行抽提、加工、形成分析報(bào)表。如：成本分析、銷售排名一覽、財(cái)務(wù)月報(bào)等；
• 單據(jù)形式：通常展示的是單條數(shù)據(jù)，表現(xiàn)形式也大多為卡式、列表，常見的使用場(chǎng)景有：發(fā)票、收據(jù)、領(lǐng)料單、工資條等。

圖1 報(bào)表與單據(jù)的示意圖

3）作用

選擇表單功能作為數(shù)據(jù)處理結(jié)果的輸出形式，主要有兩個(gè)理由（不限于此）：

1. 保存與蓋章：數(shù)據(jù)需要用紙打印出來(lái)、紙質(zhì)保存、紙質(zhì)提交、并要蓋章等的場(chǎng)合；
2. 處理與觀看：完成某個(gè)統(tǒng)計(jì)分析表，涉及到繁多的數(shù)據(jù)源、復(fù)雜的數(shù)據(jù)邏輯、多重的計(jì)算處理等，其結(jié)果用窗口的界面形式表達(dá)非常復(fù)雜場(chǎng)合，同時(shí)這樣復(fù)雜的資料打印在紙上更容易閱讀、分析。

2. 表單功能的特殊性

表單功能與活動(dòng)功能和看板功能的異同之處：

1）表單功能與看板功能

兩者的重要區(qū)別有兩個(gè)部分：

1. 表單形式用于打?。ǜ袷绞前醇垙埑叽缭O(shè)計(jì)的），看板形式只用于屏幕展示。
2. 表單用于固化、靜態(tài)形式的展示，看板用于動(dòng)態(tài)/靜態(tài)以及多種查詢形式和展示。

2）表單功能與活動(dòng)功能

• 單據(jù)：通常與活動(dòng)功能是“一對(duì)一”的關(guān)系，比如：用活動(dòng)功能的“領(lǐng)料記錄”輸入了領(lǐng)料的數(shù)據(jù)后，直接在該界面上打印了“領(lǐng)料單”，所以是一對(duì)一的關(guān)系；
• 報(bào)表：通常是用多個(gè)活動(dòng)功能記錄數(shù)據(jù)、經(jīng)過(guò)復(fù)雜的多重計(jì)算后獲得的。

二、表單功能的設(shè)計(jì)

表單的格式要求大都來(lái)自于用戶（用戶根據(jù)自己常年的習(xí)慣、或正在使用的實(shí)體表單等為依據(jù)提出格式要求），完全由設(shè)計(jì)師提供參考意見的場(chǎng)景不多，所以設(shè)計(jì)師不需要太多地考慮設(shè)計(jì)理念的問(wèn)題，主要注意一下復(fù)雜度和維護(hù)成本之間的關(guān)系就可以了。

表單設(shè)計(jì)從三個(gè)方面考慮，即：展示對(duì)象、展示目的、展示內(nèi)容，下面用報(bào)表類和單據(jù)類各一例說(shuō)明表單的設(shè)計(jì)方法。

1. 報(bào)表類表單

1）格式的選擇

報(bào)表通常都是由從事某個(gè)業(yè)務(wù)的用戶對(duì)象根據(jù)該業(yè)務(wù)的要求提出來(lái)的，報(bào)表是用戶查看數(shù)據(jù)的重要形式，所以報(bào)表的原型確定需要與用戶進(jìn)行細(xì)致的協(xié)商，最好要符合用戶的日常習(xí)慣，通常業(yè)務(wù)設(shè)計(jì)師在報(bào)表功能設(shè)計(jì)時(shí)自由發(fā)揮的余地不太大。

參見圖2，報(bào)表中的數(shù)據(jù)量比較大，一般是多條數(shù)據(jù)的集成。

圖2 報(bào)表類表單示意原型

2）抽提條件的設(shè)定

報(bào)表的數(shù)據(jù)在抽提時(shí)，需要借助一個(gè)條件設(shè)定界面，參見圖3。比如：數(shù)據(jù)的抽出條件通常有時(shí)間、部門、產(chǎn)品名稱、規(guī)格尺寸等。

圖3 數(shù)據(jù)抽出條件的設(shè)定界面

2. 單據(jù)類表單

1）格式的選擇

單據(jù)類的原型比較簡(jiǎn)單，由于是單條數(shù)據(jù)的輸出，所有常見的原型形式為卡式、列表式或是主細(xì)表式。同報(bào)表一樣，單據(jù)的形式也是以用戶的意見為主設(shè)計(jì)的。

圖4 單據(jù)類表單示意原型

2）抽提條件的設(shè)定

一般來(lái)說(shuō)，單據(jù)類表單的打印按鈕設(shè)置在記錄該單據(jù)數(shù)據(jù)的活動(dòng)界面上，這樣就不需要條件設(shè)定的界面了，參加圖4。

在圖4（a）“合同簽訂”界面上設(shè)置了“打印”按鈕，在一個(gè)界面上就同時(shí)可以完成輸入數(shù)據(jù)、打印“采購(gòu)合同”單據(jù)工作，參見圖4（b）。

從這個(gè)案例還可以看出，對(duì)應(yīng)與1張表單功能，需要用有2個(gè)功能來(lái)對(duì)應(yīng)，項(xiàng)目經(jīng)理在統(tǒng)計(jì)設(shè)計(jì)工作量時(shí)要注意。

• • 活動(dòng)功能：輸入數(shù)據(jù)用的活動(dòng)功能“合同簽訂（界面）”，圖4（a）；
  • 表單功能：展示數(shù)據(jù)用的表單功能“采購(gòu)合同（單據(jù)）”，圖4（b）。

可以看出活動(dòng)和表單兩個(gè)功能的名稱不一樣，這是因?yàn)榛顒?dòng)的名稱通常使用“名動(dòng)詞”，表單的名稱使用“名詞”帶來(lái)的。

三、應(yīng)用設(shè)計(jì)

由于表單不是窗口形式的界面，只有數(shù)據(jù)、格式等內(nèi)容，所以表單不需要特別進(jìn)行應(yīng)用設(shè)計(jì)，業(yè)務(wù)設(shè)計(jì)的結(jié)果（數(shù)據(jù)的構(gòu)成、界面布局等）與開發(fā)完成后的效果應(yīng)該是一致的。

四、記錄模板

表單設(shè)計(jì)結(jié)果的記錄形式也采用“設(shè)計(jì)4件套”的模板，請(qǐng)參考本系列第二篇“活動(dòng)功能的設(shè)計(jì)”相關(guān)部分。

五、小結(jié)

4種業(yè)務(wù)功能（活動(dòng)、字典、看板、表單）的設(shè)計(jì)方法介紹完了，關(guān)于設(shè)計(jì)難度沒(méi)有統(tǒng)一的標(biāo)準(zhǔn)可供參考，由于這4種功能有很多的差異不容易直接進(jìn)行比較。

這個(gè)評(píng)估涉及到項(xiàng)目規(guī)模、業(yè)務(wù)與技術(shù)的復(fù)雜性以及設(shè)計(jì)師能力定義等內(nèi)容，作為項(xiàng)目經(jīng)理/產(chǎn)品經(jīng)理對(duì)資源進(jìn)行調(diào)配時(shí)的依據(jù)提出一些參考建議（僅作為參考）。

1. 看板

需要能夠從企業(yè)的不同視角（組織、崗位、領(lǐng)域等）來(lái)理解如何充分地利用數(shù)據(jù)、信息向用戶展示。

企業(yè)領(lǐng)導(dǎo)層、管理層都會(huì)特別關(guān)注看板的設(shè)計(jì)，因?yàn)檫@是他們的重要信息獲取來(lái)源之一，設(shè)計(jì)看板不但需要有業(yè)務(wù)知識(shí)、還要有一定系統(tǒng)知識(shí)、美工知識(shí)等。

2. 表單

復(fù)雜表單的設(shè)計(jì)對(duì)業(yè)務(wù)能力要求較高，它的數(shù)據(jù)來(lái)源會(huì)非常的多、計(jì)算公式復(fù)雜且可能需要多重計(jì)算才能得到結(jié)果，如果是二維的表格，字段數(shù)、計(jì)算式以及對(duì)結(jié)果的測(cè)試等工作量都會(huì)很大。

3. 字典

需要對(duì)企業(yè)的業(yè)務(wù)知識(shí)、基礎(chǔ)數(shù)據(jù)、標(biāo)準(zhǔn)化方法、字典設(shè)計(jì)方法等有比較豐富的知識(shí)和經(jīng)驗(yàn)，初學(xué)者比較難以勝任這個(gè)工作。

4. 活動(dòng)

活動(dòng)的設(shè)計(jì)工作量是最大的（可能在70%以上），但由于它以輸入原始數(shù)據(jù)為主，不需要很多中間的復(fù)雜計(jì)算和處理，因此相對(duì)來(lái)說(shuō)難度會(huì)小一些（它的特點(diǎn)是承載著管理規(guī)則）。

參考結(jié)論，4種功能設(shè)計(jì)難度的參考順序?yàn)椋◤母叩降停嚎窗澹颈韱危咀值洌净顒?dòng)。

參考閱讀：

界面設(shè)計(jì)方法（1）：界面的概念與分類

界面設(shè)計(jì)方法（2）：活動(dòng)功能的設(shè)計(jì)

界面設(shè)計(jì)方法（3）：字典功能的設(shè)計(jì)

界面設(shè)計(jì)方法（4）：看板功能的設(shè)計(jì)

本文由 @李鴻君 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自?Unsplash，基于 CC0 協(xié)議