界面設計方法(4):看板功能的設計

0 評論 4127 瀏覽 10 收藏 11 分鐘

編輯導語:在很多系統中都有看板功能,可以通過各種圖像的形式很直觀的看懂數據,在工作中看板工具也是很重要的一個板塊;本文作者分享了關于界面設計方法中的看板功能設計,我們一起來看一下。

看板功能,在系統中有非常多的應用,它是用界面做載體,利用數據、圖標、曲線、圖像等各類形式來展示已完成數據處理結果或是其他信息;常見的有如:系統的門戶、導航菜單、各種各樣的數據監控儀表盤、領導駕駛艙等。

看板功能是向用戶展示數據的兩個主要形式之一(另一個是表單功能),看板在這里是“櫥窗”的概念(不是輸入功能);雖然也是采用了界面的形式,但它不用于數據的輸入、只用于數據的查詢和展示。

通過設計看板功能,可以利用系統提供的各式各樣的查詢方式,快速、多樣地向用戶提供已有數據的。

界面設計方法 — 4. 看板功能的設計

一、看板功能的概念

1. 看板功能的定義

  • 看板:是以界面為載體進行數據展示的窗口。
  • 看板功能:具靜態或動態地展示、統計、分析數據的功能,可以使用系統提供的各式各樣的手段實現查詢、計算、展示結果。

看板功能具有以下的一些特點(以下簡稱為:看板):

界面設計方法 — 4. 看板功能的設計

圖1 各類看板的示意圖

1)粒度

在設計看板時沒有特別的粒度要求,對看板顯示的內容可以參考以下的的選擇條件:

  • 以某一類數據或信息為主構成一個專用的看板,如:安全監督看板、市場價格數據看板、質量檢測看板等。
  • 以企業中的某個部門、某個角色關注的數據和信息為主構成一個專用看板,如:倉庫庫存看板、xx車間生產進度看板、董事長儀表盤看板等。

2)功能

看板的功能主要分為兩大類:查詢、展示。

  • 查詢:采用不同的方法進行查詢,如:條件查詢、模糊查詢、數據鉆取等;
  • 展示:采用不同的形式展示數據、信息,展示形式包括:列表、曲線、圖形等;

3)作用

利用看板功能可以用作對生產過程的數據進行展示、監控、導引等用途,如:

  • 展示看板:展示各類查詢結果的數據,比如:生產進度、風險預警,質量排名等。
  • 監控看板:監控生產的關鍵數據,如發生超標、違法等問題,發出提示、警告等。
  • 導引看板:綜合通知、查看、展示的信息,如:系統門戶、導航菜單待辦通知等。

2. 看板功能的特殊性

看板與活動和表單這兩個功能既有相似之處,又有不同的作用,了解它們的差異有助于看板的功能設計;下面就看板與活動、看板與表單做個簡單的對比。

1 ) 看板與活動的區別

  • 形式:都采用了窗體的界面形式。
  • 作用:活動主要是用于記錄過程數據、承載管理規則等;看板不用于記錄過程數據,主要用于展示數據(因為展示的是已完成的數據,因此它也不承載管理規則)。

2 ) 看板與表單的區別

  • 形式:看板采用窗體界面形式;表單采用表格、單據的形式。
  • 作用:看板可以使用包括數據鉆取在內的豐富查詢和表達方式,但不能打印;表單只支持固化內容的表達形式、支持打印。

二、看板功能的設計

看板功能的設計需要從以下的4個方面進行思考:設計理念、展示對象、展示目的、展示內容。

下面以企業管理系統中常見的“系統門戶”為例,從上述4個方面簡單地說明如何設計看板:

1. 設計理念

所謂的“門戶”就是信息系統的入口,因為用途不同、布局不同,所以顯示的內容和位置也會有所不同;但是設計原則應該是,讓每一個用戶在打開信息系統的門戶時,做到:

  • 最快地讓用戶尋找到 “主動想找的信息和功能”。
  • 最快地讓用戶接受到“由信息系統推送而來的信息”。

門戶是信息系統的“臉面”,它不但是每日工作的開始點,而且也是每日工作的結束點,所以設計師要能夠做到讓每個用戶早上打開系統的門戶時就知道:今天的計劃是什么、有什么通知、待辦事項等;晚上關閉系統門戶前可以確認:今天完成了什么工作、還有哪些工作未完成等。

2. 展示對象

這里“展示對象”指的是觀看數據的用戶,每個用戶進入系統后的第一界面就是門戶,因此門戶是放置每個用戶每日必看信息的地方,也是布置看板的最佳位置。

因為不同用戶的角色不同,他所關注的信息內容不同、許可展示的范圍也不同,所以首先要確定數據展示的對象是誰。

參見圖2,試舉幾個常用的功能(不限于此):

界面設計方法 — 4. 看板功能的設計

圖2 企業管理信息系統的門戶

不論對象是誰,門戶上的這些區域的內容和功能對全員都是一樣的:①部門通知、②常用功能、③工作日歷、⑤待辦事項、⑥登錄管理。

針對不同的角色也可以展示不同的內容,比如④生產數據區域,門戶上的“產值/利潤對比”的內容,公司級的領導可以看到全公司的數據,部門領導可以看到本部門的數據,個人只能看到本人的數據等。

3. 展示的目的

確定了觀看數據的對象后,那么第二個要研究的就是通過展示的內容要達到什么目的,也就是要向觀看者傳遞什么信息;因為系統中的數據非常多,不可能都在這個門戶上一次都顯示出來,因此需要針對這個角色設計他所需要展示的信息,內容有兩個維度:自主關心、被動關心。

1)展示觀看者主動關注的內容

  • 如用戶的角色是董事長,則他可能關心:產值、利潤、資金等信息,參見④。
  • 如用戶的角色是生產經理,則他可能關心:進度、產量、質量等信息,參見④。

2)展示希望被觀看者關注到的內容

根據不同的用戶角色,系統主動地向他推送與他相關的信息,如:會議通知、待辦事項、電子郵件等,參見①、②、③、⑤。

4. 展示的內容

確定了對象、目的后,就可以圍繞著對象和目的確定展示內容,內容包括:數據信息、展示形式等。

  • 數據信息:根據對象(在系統中的角色)和目的,抽取數據、進行加工形成展示信息;
  • 展示形式:采用何種形式展示,對展示的效果來說非常重要,最好是直觀、簡潔,可以利用數據表、曲線、圖形、鉆透功能等方式,充分利用窗體展示的優勢。

5. 看板的案例

下面舉兩個例子加深對看板設計的理解。

【例1】展示看板-信息儀表盤,如圖3所示:

界面設計方法 — 4. 看板功能的設計

圖3 信息儀表盤

根據不同的用戶角色建立不同的信息儀表盤,將角色關心的全部內容歸集到一處,采用表格、曲線、圖形等各種方式展示數據和信息。

【例2】導航菜單,如圖4所示:

界面設計方法 — 4. 看板功能的設計

圖4 導航菜單

  • 導航菜單:將業務流程圖上的活動全部連接到該活動原型上,點擊活動名稱的圖標就可以直接打開界面,使得用戶在工作過程中不但可以找到需要的功能;同時通過尋找的過程加深對業務架構、業務流程、以及系統構成的理解,比傳統的樹形菜單的效果直觀。
  • 狀態導圖:在業務流程上,標注該流程現在推進到那個步驟,還剩下幾個步驟。

三、應用設計

由于都是窗口形式的界面,所以看板的應用設計的內容請參考本系列第二篇“活動功能的設計”相關部分。

四、記錄模板

看板設計結果的記錄形式也采用“設計4件套”的模板,請參考本系列第二篇“活動功能的設計”相關部分。

 

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

題圖來自?Unsplash,基于 CC0 協議

給作者打賞,鼓勵TA抓緊創作!
1人打賞
更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!