界面設計方法(1):界面的概念與分類

2021-01-07 人人都是產品經理

編輯導語:對於很多軟體工程師來說,工作內容都與界面設計有很大的關聯。而界面設計的本質又是業務功能的設計,基於此,作者在本篇文章中,從數據分類、業務功能分類以及界面分類這三個方面,為我們詳細地說明了界面設計方法,希望能夠對你有所幫助。

在ERP類等企業管理類系統開發過程中,毫無疑問,對用戶「界面」設計的工作量是最大的,界面是系統中支持用戶輸入、查看數據的業務功能,它們是用戶現實工作在系統中的映射,是人機互動的窗口。

對軟體工程師來說,界面不僅是系統的臉面,而且最終用戶體驗到信息化價值的大小也主要是由界面提供的。按照系統中的用途可將業務功能分為4大類:活動功能、字典功能、看板功能和表單功能。

根據這些功能的共性和個性建立相應的界面模型和設計方法,可以大幅度地提升界面設計的效率和效果。

界面的表達形式可以分為2大類,窗體形式、列印形式:

窗體形式:這個形式支持用窗體形式的數據輸入、查看等,包括了業務功能中3種:活動功能、字典功能和看板功能,如圖1(a)~(c);列印形式:這個形式支持列印形式的數據輸出,如圖1(d)。

圖1 業務功能與對應的界面形式

界面設計的本質是業務功能的設計,而業務功能的分類是基於該功能處理的數據類型而定的,因此下面按照「數據分類→業務功能分類→界面分類」的順序進行說明界面設計方法。

一、數據的分類

首先來看一下數據的分類方法。在構建企業的信息系統時,可以按數據的用途和產生數據的階段劃分為三個區,即:數據的生成區、數據的加工區和數據的應用區,如圖2所示。

圖2 數據的三個分區

1. 數據生成區:過程數據與基礎數據

數據生成區,是將原始數據輸入到系統中的區域,在這個區域產生的數據根據其用途可以分為二類,一類是「過程類數據」、另一類為「基礎類數據」。

1)過程數據

在企業活動過程中第一次產生的、沒有經過任何加工的數據就稱之為過程數據(即原始數據),「過程」指企業各類工作的過程。

軟體的功能設計工作大部分都集中在這個區,比如:架構設計、功能設計、數據設計等,通常所說的「業務數據」的絕大部分產生於此區域,比如:銷售數據、生產數據、財務數據、物流數據、人資數據等。

2)基礎數據

企業中需要規範化並作為企業標準的數據,稱之為企業的基礎數據,比如:員工信息、客戶信息、材料編號、市場價格、組織結構等,基礎數據是由相關部門按照企業規則預先編制好的。

基礎數據約束了過程數據的輸入範圍、標準、以及為過程數據提供了屬性定義。編制基礎數據,是客戶方面推進信息化建設必須做的重要工作,基礎數據也是未來構建系統主數據的核心內容。

註:基礎數據,是企業進行信息化建設中最重要的標準化對象之一(其它例:業務流程標準化)。

3)基礎數據與過程數據

兩者的轉換關係:在用界面進行過程數據的輸入時,基礎數據可以用選擇框的形式作為界面上某個欄位的選擇對象,基礎數據一旦被選擇輸入後,就成為了過程數據。不同的維護原則:基礎數據:需要不斷的進行維護,保持基礎數據在時間變化後也能夠符合要求;過程數據:一旦確定不能修改,特別是財務等數據受法律保護,後期修改可能是違法的。

2. 數據加工區:加工數據

對收集到的過程數據,按照不同目的加工(抽取、轉換、清洗…),是對過程數據進行加工的區域,經過加工完成的數據稱之為「加工數據」(已經不是原始數據了),它們被按照用戶的關心維度、分析報表的種類預先分類存儲,以供各類查詢、統計之用。

3. 數據應用區

利用加工數據,可以方便用戶利用單據、報表以及各類靜態、動態的方式進行查詢、展示、分析。比如常見的加工數據有:銷售分析、產值分析、成本分析、績效分析、財務月報表等。

二、業務功能的分類

有了三種數據的用途分類後,按照對不同數據處理的分工可以將業務功能劃分為4大種類,即:活動功能、字典功能、看板功能和表單功能。下面分別對這4種功能進行說明,參見圖3。

圖3 業務功能與數據分類的對應關係

1. 活動功能(以下簡稱:活動)

活動,是指專門利用「窗體」形式來記錄、展示在過程數據的功能,所有過程數據都是通過活動功能輸入的。

之所以將這類功能稱之為「活動」,就是因為它們是企業中實際工作在系統中的映射;同時企業的管理規則也是主要加載在活動功能上的(提示、預警、終止等),活動是4類功能中數量最多、使用最廣的一種。

活動產生過程數據,在輸入數據時會使用基礎數據輔助提升輸入效率,參見圖3①。

註:繪製業務流程時,流程上的節點必須是活動功能,因為只有活動才能驅動流程的運轉。

2. 字典功能(以下簡稱:字典)

字典,是專門利用「窗體」的形式來維護需要標準化的企業基礎數據。作為對基礎數據進行維護的功能,它包含了對數據的:記錄、展示、更新、發布的功能,由於字典是用來規範企業標準的工具,因此字典只能由特定的管理人員使用。

字典對應的是數據分類中的「基礎數據」,字典功能的來源大都是軟體工程師通過系統規劃設計獲得的(而不是由用戶提出的)。

字典產生基礎數據,參見圖3②。

註:業務流程是產生價值工作的串聯,因為字典只是用來維護基礎數據的,不是用來產生價值的工作,所以字典是不能成為業務流程上的節點(對比活動功能)。

3. 看板功能(以下簡稱:看板)

看板,是專門利用「窗體」的形式來展示經過加工處理後的數據的,它是用來展示看數據的,它不用於數據的輸入,它可以利用窗體所具有的各種靈活多變的查詢和展示形式(圖形曲線、數據穿透等),看板通常用於門戶、監控臺、儀錶盤、導航等的形式來展示信息。

看板可以用來展示過程、基礎和加工三類數據,參見圖3。

4. 表單功能(以下簡稱:表單)

表單,是專門採用「列印」的形式來展示數據的,適用於各類需要列印、蓋章、並以紙質的形式保存的場景,其中,「表」指的是各類統計和分析的「報表」;「單」指的是各類憑證形式的單據,比如:

報表:產值分析、成本分析、績效分析、財務報表等數據;單據:發票、收據、領料單、合同書、各類財務憑證等數據。表單可以用來展示過程、基礎和加工三類數據,參見圖3。

三、功能分類的作用

1. 確定架構規劃的關注順序

有了業務功能分類的概念之後,軟體工程師在進行需求獲取、需求分析以及系統架構時就知道了對功能關注的順序:

由於活動、字典等是產生數據的功能,在架構、規劃時重點要先關注這些功能,比如:活動是構成業務流程的要素,需要重點關注並先行確定,否則業務流程設計時就沒有節點了;與前述兩個功能相比,看板功能和表單功能就可以稍微滯後,因為這兩者不直接產生過程數據和基礎數據,它們以「看數據」為主,它們需要的只是對過程數據和基礎數據的加工而成的加工數據,而且看板和表單會隨著客戶對信息系統的理解加深,會發生新的需求變化,所以放到後面再設計反而會穩妥一些。

2. 提升對產品、項目研發的管理效率

對業務功能進行分類對理解設計方法有很大的幫助,主要作用(不限於此):

建模方法:分類給出了不同類型的設計規律、大幅度地減少了模型的數量;確定工作量:由於4種功能的特點不同,可以定性、定量地確定開發工作量、時間;設計順序:如前所述,活動、字典先設計、看板和表單可以滯後;設計能力匹配:由於4類功能的難易度不同,分配設計資源時有依據,比如:字典/基礎數據部分比較難,可以讓能力較強的設計師承擔等等。

四、界面的分類

界面的設計分為:窗口形式與表達形式。它們的用途、建模形式、設計方法以及後續的開發方法都不相同,參見圖4。

圖4 界面形式

以上,對業務數據(3種)、業務功能(4種)和界面(2種)的分類進行了說明,通過這樣的歸集有助於幫助軟體工程師們建立體系化、工程化的設計模型、方法、標準等,可以幫助提升軟體設計的效率和效果,也有益於設計階段成果的復用、分享。

當然分類方法不是絕對的,隨著新需求、新技術的不斷出現,劃分方法也會發生變化,參考上述劃分的思想、方法,根據實際情況建立更加合適不同行業的分類方法也是完全必要的。

註:業務功能與系統功能

這裡,沒有提「查詢」、「提示」、「上傳」等功能,因為它們更多地是屬於系統操作的輔助功能,沒有「業務」功能的作用,所以不在這裡提及。

本系列的下一篇:界面設計方法(2):活動功能的設計方法,界面設計的詳細說明請參考《大話軟體工程—需求分析與軟體設計》一書。

本文由 @李鴻君 原創發布於人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基於 CC0 協議

相關焦點

  • 三種界面交互類型,四種隱喻設計方法
    本文作者歸納了隱喻設計類型和隱喻設計方法,與你分享,enjoy~隱喻設計是一種常用卻很少有人提及的概念,人們往往身在其中卻不知究竟為何物。簡單說,隱喻設計它可以將現實生活中用戶熟悉的事物以多種形式映射到界面中,從而使用戶不熟悉的概念、陌生且複雜的操作等變得熟悉與簡單。它不等同擬物設計,隱喻是一個大的概念,界面中充斥著不同的隱喻元素。
  • 黃金分割在界面設計中的應用
    這樣就搭上倆條黃金分割線了,再加上logo/分類/導航等信息整個界面就更完整了,如下圖:2.2 具體選擇哪一條?初期進行練習的時候,黃金分割線能搭上幾條就搭上幾條。這麼多黃金風格線,如果我用1條到2條,到底選擇哪一條?
  • 生物粘性電子界面,實現穩定高效人機界面交互
    南方科技大學郭傳飛教授團隊和麻省理工學院研究團隊共同在今天發表的Nature Materials的文章中首次提出可粘附生物電子(Bioadhesive Electronics)的概念,並通過生物粘性電子界面(E-bioadhesive interface)來實現(圖1)。
  • Android 12概念版:採用全新擬態化設計,多任務界面更人性化
    但是,也有人似乎已經對Android 11失去了新鮮感,把目光投向了下一版本的Android,按照自己的想法設計了Android 12,並製作出了概念視頻。雖說是概念,但在界面設計和功能設計上也有一定的可取之處,下面我們一起來看看吧。
  • 界面設計(UI)中顏色的基礎知識
    對於藝術家來說,正確的操作非常重要,因此在整個歷史中,它已經以多種方式和不同的方法得到了理論化。 繪畫,印刷,攝影,圖形設計和界面設計使用色彩理論來喚起特定的思想和觀念,充分利用色彩的非語言能力,而不是其他較慢的交流形式。
  • 格式塔在界面中的使用思考
    單從設計領域來講,格式塔理論可提煉出7大原則。通過這種方式,我們可以減少傳遞信息所需的元素數量,降低複雜性也可以幫助我們最小化視覺噪音並傳達信息,在相當小的空間內強化概念。在對稱設計中添加不對稱元素有助於在留下印象時引起注意。在任何設計中,對稱以及合理的不對稱都很重要。
  • 格式塔原理,教你如何合理的布局設計界面
    APP頁面設計布局最關鍵的是為用戶展現層次清晰的視覺傳達,格式塔原理可以有效地指導界面設計中的用戶交互,它能夠幫助設計師準確對界面進行組織和架構,從而設計出用戶友好型界面。格式塔原理的五個基本原則1、接近原則物體之間的相對距離會影響我們感知它們的關係。相互靠近的物體被認為比相互距離較遠的物體更有關聯性。2、相似原則格式塔原理中的相似和接近兩個原則一起運用在產品設計中。它指出了影響我們感知分組的另外一個原則:有共同視覺元素的物體看起來更有關聯性。
  • 界面布局思路!格式塔理論
    文/楊潔 格式塔理論的完形傾向原則和五個視知覺原則,能非常有效地指導APP界面布局設計中的信息視覺層級設計,幫助設計師有的放矢地對界面信息視覺結構進行組織、簡化和協調統一,設計出易學易操作的用戶界面。靈活地使用以上五個基本原則可以幫助界面設計師更合理的架構界面布局,理清各界面元素的主次關係,並且在圖標和色彩的創意設計中提供有效的設計方法,從而設計出令用戶更易獲取所需信息且使用體驗更美的界面。
  • 《絕地求生大逃殺》界面翻譯怎麼設置中文界面
    ,那麼要如何改為中文界面呢? 《絕地求生大逃殺》可以說是目前在Steam上最火的一款遊戲了,它玩法和《H1Z1》很像,但是有不少玩家第一次進入遊戲的時候被全是英文界面所嚇到,那麼要如何改為中文界面呢?接下來,小編就為大家帶來絕地求生大逃殺中文界面設置方法,趕快來看看吧。
  • 雲頂之弈手遊卡界面怎麼回事?雲頂手遊卡界面解決方法
    --------------------------------------- LOL雲頂之弈手遊卡界面怎麼回事?
  • 碳纖維增強熱塑性複合材料幾種常見的界面改性方法
    在實際應用中,有很多因素都會影響到熱塑性碳纖維複合材料的性能表現,其中碳纖維與熱塑性樹脂之間的界面情況就是重要因素之一。碳纖維熱塑性複合材料界面改性的意義:複合材料界面是纖維與樹脂基體之間通過一系列的物理、化學作用形成的第三相。其中,高性能熱塑性樹脂作為連續相,碳纖維作為增強相,它們兩者之間通過界面層結合。
  • Interfaces:設計InSe範德華界面用於多級電荷存儲
    Interfaces:設計InSe範德華界面用於多級電荷存儲  成果介紹隨著浮柵電晶體的不斷小型化接近物理極限,對器件架構、工作原理和器件材料的新創新提出了很高的要求。該結構具有範德華柵極架構,由部分氧化的表面層/InSe範德華界面組成。該概念驗證器件的關鍵功能是通過在InSe表面層上進行間接氧等離子體處理產生電荷俘獲位點來提供的。與浮柵非易失性存儲器相比,這些位點無需使用柵極電介質即可保留電荷。結合層狀結構,具有電荷俘獲位點的表面層有助於在下面InSe層中進行連續的靜電摻雜。
  • 你在我眼中是最美,CAD繪圖界面巧打扮|AutoCAD界面
    準備在進入CAD界面後,我們需要按照以下的步驟進行準備:啟動"選項"對話框"工具"菜單——"選項"或者在命令行輸入"OP"在彈出的"選項"對話框界面下,切換到"顯示"標籤頁。完成後的界面如下圖所示。演示簡介十字光標配色方案修改:在"上下文"區選擇"二維模型空間"在右側界面元素中找到"十字光標"點擊顏色區倒三角標誌在彈出的"選擇顏色"對話框中選擇"紅色"(在CAD中,紅色索引顏色為1#)選定後確認並返回
  • 志願者招募 | AR/VR界面設計國際工作坊招募啦~
    Virtual Reality and Augmented Reality Interface Design Workshop此次工作坊將個性化主題與最熱門的AR/VR技術相結合,還將探討時下AR/VR的可用性,同學們既可學習設計理論,也可探究其發展奧秘。本次同學們可選擇自己感興趣的主題進行AR/VR界面設計。
  • 表面活性劑表面(界面)張力的分析檢測方法
    表面張力(或者說自由表面能)產生的根本原因是由於表面或界面層的分子受力不平衡所致。分子之間作用力越大,表面張力越、大。一般來說,極性物質的表面張力比非極性物質的大,固體的表面張力比液體的大。    表面張力的測定方法很多,如環法、滴體積法(或滴重法)、最大氣泡法、平板法、毛細管上升(或下降)法、懸滴法、振動噴射法等。
  • 怎麼進入192.168.1.1 路由器登陸界面
    有些不懂電腦的朋友買回來路由器連路由器的登陸界面都不知道怎麼進,那肯定就不能發揮路由器的作用了。下面我就教大家怎麼進去路由器的登陸界面。首先需要我們知道路由器的登錄地址:可以把路由器翻過來看背面的銘牌。
  • 王崇民教授課題組:鋰離子電池正極-空氣界面鈍化機理與設計
    表界面的鈍化鈍化是一個很好的延緩材料腐蝕速度的方法並在金屬領域有著廣泛的應用。在經過一定的處理後如果能使金屬表面能生成一種薄的、完整的附在表面上的膜,金屬腐蝕的速率就能能顯著的降低。鈍化其實在鋰離子電池中也有著廣範的應用,一個很好的例子就是電化學循環過程中形成的固體電解質界面膜(SEI)。
  • 有機—無機滷化鉛鈣鈦礦太陽電池的組成與界面工程
    有機—無機滷化鉛鈣鈦礦太陽電池的組成與界面工程目前鈣鈦礦太陽能電池(PSC)的功率轉換效率(PCE)已從3.1%提高到了25.2%。PSC的迅速發展與組成與界面工程的發展密不可分,起到了至關重要的作用。目前最高效穩定的PSC,其鈣鈦礦型吸收層已經從最初的MAPbI3改為FAPbI3基組分。
  • 前瞻手遊產業全球周報第18期:《英雄聯盟》手遊界面曝光 界面設計...
    《英雄聯盟》手遊界面曝光:設計風格基本沿襲端遊在《英雄聯盟》十周年活動上,Riot Games(拳頭遊戲)官宣了《英雄聯盟》手遊,這款名為《Wild Rift》的全新《英雄聯盟》手遊將於2020年登陸iOS、Android和主機平臺。
  • 分子尺度解析鐵電聚合物納米複合材料的界面效應
    實驗和理論結構均表明填料-聚合物基體的界面對鐵電聚合物納米複合材料的介電,壓電,熱電和電卡性能的調控具有決定性作用。比如,通過適當的界面設計來調控納米複合材料的電極化,可以使其超過單純陶瓷或聚合物的電極化。