《人工智能機(jī)器學(xué)習(xí)平臺界面設(shè)計(jì)指南》

ICS01.120

A00T/

團(tuán)體標(biāo)準(zhǔn)

T/CIDADS—

人工智能機(jī)器學(xué)習(xí)平臺界面設(shè)計(jì)指南

GuidelinesofArtificialIntelligenceMachineLearningPlatformInterfaceDesign

（征求意見稿）

（本稿完成日期：2024-03-07）

2024-××-××發(fā)布2024-××-××實(shí)施

中國工業(yè)設(shè)計(jì)協(xié)會發(fā)布

T/CAS1.1—2017

人工智能機(jī)器學(xué)習(xí)平臺界面設(shè)計(jì)指南

1范圍

1.1背景

提升人工智能機(jī)器學(xué)習(xí)平臺的用戶體驗(yàn)，包括視覺表現(xiàn)和交互體驗(yàn)，并向行業(yè)輸出標(biāo)準(zhǔn)型模板參考。

1.2適用范圍

考慮到機(jī)器學(xué)習(xí)是目前人工智能技術(shù)創(chuàng)新與落地的主要領(lǐng)域，本標(biāo)準(zhǔn)聚焦于機(jī)器學(xué)習(xí)開發(fā)平臺所面臨

的一致性、易用性的設(shè)計(jì)問題?；谌缟峡紤]，后續(xù)除非特別指出，在本標(biāo)準(zhǔn)的語境中，人工智能主

要對應(yīng)的是機(jī)器學(xué)習(xí)這一領(lǐng)域。

本標(biāo)準(zhǔn)為人工智能機(jī)器學(xué)習(xí)平臺產(chǎn)品量身定做，提供核心人工智能底層平臺力支撐，充分考慮人工智

能開發(fā)者需求的設(shè)計(jì)原則和基本要素。

2規(guī)范性引用文件

GBT5271.31-2006信息技術(shù)詞匯第31部分人工智能機(jī)器學(xué)習(xí)

GB/T18976-2003《以人為中心的交互系統(tǒng)設(shè)計(jì)過程》

GB/T21051-2007《人-系統(tǒng)交互工效學(xué)支持以人為中心設(shè)計(jì)的可用性方法》

GB/T20527.1-2006《多媒體用戶界面的軟件人類工效學(xué)第1部分：設(shè)計(jì)原則和框架》

GB/T32632.2-2016《信息無障礙第2部分：通信終端設(shè)備無障礙設(shè)計(jì)原則》

GBT25000.51-2016系統(tǒng)與軟件工程系統(tǒng)與軟件質(zhì)量要求和評價(jià)(SQuaRE)第51部分：就緒可用團(tuán)建

產(chǎn)品（RUSP）的質(zhì)量要求和測試細(xì)則

3術(shù)語

下列術(shù)語和定義適用于本文件。

3.1機(jī)器學(xué)習(xí)Machinelearning

機(jī)器學(xué)習(xí)是一種人工智能（ArtificialIntelligence,簡稱AI）的分支領(lǐng)域，它涉及開發(fā)和研究算法模型，

使計(jì)算機(jī)能夠通過從數(shù)據(jù)中學(xué)習(xí)經(jīng)驗(yàn)做出預(yù)測，而不是通過明確的編程來執(zhí)行任務(wù)或改進(jìn)性能。

1

T/CAS1.1—2017

3.2模型Model

模型是機(jī)器學(xué)習(xí)算法的數(shù)學(xué)表示，它用于學(xué)習(xí)從輸入數(shù)據(jù)到輸出標(biāo)簽的映射。

3.3監(jiān)督學(xué)習(xí)SupervisedLearning

監(jiān)督學(xué)習(xí)是一種機(jī)器學(xué)習(xí)任務(wù)，其中模型從帶有標(biāo)簽的數(shù)據(jù)中學(xué)習(xí)，然后用于預(yù)測新數(shù)據(jù)的標(biāo)簽。常

見的監(jiān)督學(xué)習(xí)任務(wù)包括分類和回歸。

3.4無監(jiān)督學(xué)習(xí)UnsupervisedLearning

無監(jiān)督學(xué)習(xí)是一種機(jī)器學(xué)習(xí)任務(wù)，其中模型從沒有標(biāo)簽的數(shù)據(jù)中學(xué)習(xí)，并試圖發(fā)現(xiàn)數(shù)據(jù)中的結(jié)構(gòu)或模

式。常見的無監(jiān)督學(xué)習(xí)任務(wù)包括聚類和降維。

3.5DAG

DAG是有向無環(huán)圖（DirectedAcyclicGraph）的縮寫，簡稱DAG圖，指的是無回路有向圖，是一種

數(shù)據(jù)結(jié)構(gòu)，在計(jì)算機(jī)科學(xué)領(lǐng)域廣泛應(yīng)用。

4人工智能開發(fā)平臺設(shè)計(jì)原則

4.1一致性

保持視覺一致性、行為一致性和感知一致性，從而減少用戶認(rèn)知和記憶負(fù)擔(dān)，以極低的學(xué)習(xí)與理解成

本培養(yǎng)用戶認(rèn)知，在系統(tǒng)的產(chǎn)品體系中快速使用產(chǎn)品。

4.2人性化

用戶所接觸到的現(xiàn)有概念符合其認(rèn)知，用戶可以時(shí)刻明確當(dāng)前界面的任務(wù)。在產(chǎn)品設(shè)計(jì)中，汲取人對

自然以及行為習(xí)慣的認(rèn)知，讓用戶在操作過程中具有主動(dòng)權(quán)，操作過程保持愉悅、自由、幸福的體驗(yàn)，

讓人機(jī)交互行為更自然。

4.3實(shí)用性

使用該產(chǎn)品或者產(chǎn)品功能時(shí)可以使用戶完成產(chǎn)品使用目標(biāo)。以實(shí)際情景場景為立足點(diǎn)，滿足用戶核心

需求，簡化和優(yōu)化工作流程，上手即用。幫助用戶更簡單，更智能，更快捷的完成工作目標(biāo)，提升工

作效率。

4.4前瞻性

追求規(guī)范使用的周期長久可用性，隨著科學(xué)技術(shù)的發(fā)展，始終保持骨架與核心概念長久不變，依托于

規(guī)范不斷發(fā)展，有理可用，有據(jù)可依。

5基礎(chǔ)設(shè)計(jì)指南

5.1布局

2

T/CAS1.1—2017

應(yīng)用窗口的基本構(gòu)成，包含窗口標(biāo)題欄、內(nèi)容區(qū)。

5.2導(dǎo)航

用戶在同一窗口內(nèi)層疊組織不同維度的信息或子功能，常見有頂導(dǎo)和側(cè)導(dǎo)兩種形式。

5.3全局菜單

承載應(yīng)用窗口的核心操作或全部操作，菜單項(xiàng)與應(yīng)用當(dāng)前狀態(tài)可由聯(lián)動(dòng)關(guān)系，例如文件、編輯等。

5.4柵格

用于布局的容器組件，方便快速搭建頁面的基本結(jié)構(gòu)。

5.5色彩

基于產(chǎn)品色彩進(jìn)一步定義符合產(chǎn)品調(diào)性以及功能訴求的顏色。

主色是體現(xiàn)產(chǎn)品特性和傳播理念最直觀的視覺元素之一。考慮組件庫的通用性，設(shè)置主色為組件變量，

可以針對不同業(yè)務(wù)使用想賭贏基礎(chǔ)色板中的色彩。

功能色用于展示界面中的錯(cuò)誤、成功、警告等各類狀態(tài)。

輔助色主要被大量的應(yīng)用在界面的文字部分，此外背景、邊框、分割線等場景中也非常常見。

5.6字體

我們基于電腦顯示器閱讀距離（50cm）以及最佳閱讀角度（0.3），主字體使用14字體大小以保證在

多數(shù)常用顯示器上的用于閱讀效率最佳，始終保持良好的易讀性和可讀性。

字號和行間距決定一套字體系統(tǒng)的動(dòng)態(tài)和秩序，使用不同字號需調(diào)整對應(yīng)的行間距。

5.7圖標(biāo)

圖標(biāo)為界面匯總的重要視覺識別，幫助用戶更好的理解及區(qū)分功能與模塊，圖標(biāo)分為展示圖標(biāo)與可點(diǎn)

擊圖標(biāo)。相比其他平臺，增加了一部分人工智能機(jī)器學(xué)習(xí)平臺特有的圖標(biāo)，比如數(shù)據(jù)治理、建模、模

型管理、知識譜圖、NLP、CV、OCR等，如圖所示，僅供參考。

3

T/CAS1.1—2017

5.8建模可視化

建?？梢暬峭ㄟ^圖標(biāo)、圖形、圖像或其他可視化工具來呈現(xiàn)數(shù)據(jù)分析和建模過程的一種方法。

機(jī)器學(xué)習(xí)的建模可視化一般是以DAG的方式來呈現(xiàn)，用戶通過拖拉拽和拼接算子的方式，形成建模

流程，當(dāng)用戶配置算子參數(shù)后，即可訓(xùn)練模型。

在人工智能開發(fā)平臺上，開發(fā)人員和業(yè)務(wù)人員可根據(jù)場景和業(yè)務(wù)需求在交互式畫布上直觀地連接數(shù)據(jù)

處理、特征工程、算子、模型預(yù)測、模型評估等組件，基于無代碼方式實(shí)現(xiàn)人工智能模型開發(fā)，提升

建模效率，同時(shí)增強(qiáng)了系統(tǒng)的透明度。

5.8.1建模可視化界面布局

機(jī)器學(xué)習(xí)平臺常見的可視化建模的布局一般包括工具區(qū)、算子列表區(qū)、畫布區(qū)、參數(shù)配置區(qū)，如下圖

所示。

4

T/CAS1.1—2017

5.8.2建?？梢暬缑娴闹饕O(shè)計(jì)要素

a)畫布：可視化建模模式下開發(fā)的所有算法均在畫布上組件完成，用戶可自由的在畫布上搭建

自己的建模流程。

b)算子：可視化建模模式為用戶提供了一系列的算法的算子組件，包含數(shù)據(jù)處理、特征工程、

模型預(yù)測、模型評估等不同用途的算子，用戶通過拖拉拽的方式，將相關(guān)的算子拖到畫布上，

并用有向的線聯(lián)系起來。

c)邊關(guān)系：邊關(guān)系代表著兩端算子的邏輯順序及數(shù)據(jù)流向關(guān)系，用戶需要將各個(gè)組件通過箭頭

連接起來，才能完成一個(gè)完整的任務(wù)配置。

d)信息展示面板：用于配置和展示DAG、算子的參數(shù)或內(nèi)容。

5

T/CAS1.1—2017

5.8.3可視化建模界面參考，如圖所示。

5.8.4算子組件

包含算子、算子狀態(tài)、輸入點(diǎn)、輸出點(diǎn)、邊關(guān)系等，如下圖所示。

5.9規(guī)則集可視化

規(guī)則集規(guī)則集也叫決策集，它是知識表示和推理的一組規(guī)則的集合，是專家系統(tǒng)和規(guī)則引擎中一個(gè)核

心的組成部分，幾乎總是與某種通常需要人為判斷的復(fù)雜決策任務(wù)有關(guān)，是使用頻率最高的一種業(yè)務(wù)

規(guī)則實(shí)現(xiàn)方式。

5.9.1規(guī)則集類型

6

T/CAS1.1—2017

向?qū)揭?guī)則集，利用產(chǎn)品提供的設(shè)計(jì)器，一步一步通過鼠標(biāo)點(diǎn)擊完成規(guī)則的配置，配合高度可視化的

向?qū)揭?guī)則設(shè)計(jì)器，可最大限度將業(yè)務(wù)可視化，降低規(guī)則配置的復(fù)雜度。

腳本式規(guī)則集，通過在規(guī)則集文件當(dāng)中腳本語法規(guī)范來書寫。向?qū)揭?guī)則集經(jīng)常會搭配腳本式規(guī)則集，

兩者相互配合，靈活性、落地性更好。

5.9.2規(guī)則集界面布局

規(guī)則集的主要布局，一般包含規(guī)則集的基礎(chǔ)信息區(qū)、配置工具區(qū)以及規(guī)則集配置區(qū)。

5.9.3規(guī)則集構(gòu)成的常見元素

規(guī)則集通常由多個(gè)元素組成，這些元素協(xié)同工作以定義規(guī)則和其行為。規(guī)則集構(gòu)成的主要元素，如下

圖所示。

7

T/CAS1.1—2017

a)基本信息（information）：包含規(guī)則名稱、規(guī)則描述等基本信息。

b)規(guī)則狀態(tài)（Status）：規(guī)則可以處于不同的狀態(tài)，例如啟用或禁用。這允許管理員或用戶控

制規(guī)則的行為。

c)規(guī)則優(yōu)先級（Priority）：某些規(guī)則引擎允許為規(guī)則分配優(yōu)先級，以指定規(guī)則的執(zhí)行順序。較

高優(yōu)先級的規(guī)則可能會在較低優(yōu)先級的規(guī)則之前執(zhí)行。

d)規(guī)則條件（Conditions）：規(guī)則條件是規(guī)則集中最重要的元素之一，它定義了在何種情況下規(guī)

則應(yīng)該觸發(fā)或生效。

5.9.4規(guī)則條件

規(guī)則條件需要涵蓋以下三個(gè)因素：

1.規(guī)則觸發(fā)條件（TriggerCondition）：有時(shí)候，規(guī)則需要一個(gè)特殊的條件來確定何時(shí)啟用或禁用。

這個(gè)條件通常稱為觸發(fā)條件。如果觸發(fā)條件滿足，規(guī)則可以被啟用或禁用。

2.規(guī)則生效范圍（Scope）：規(guī)則可能具有生效范圍，指定了規(guī)則應(yīng)用的上下文或?qū)ο?。這有助于規(guī)

定規(guī)則的適用性，以便在特定情況下生效。

3.規(guī)則操作（Actions）:規(guī)則操作定義了規(guī)則在滿足條件時(shí)應(yīng)該執(zhí)行的操作或行為。這些操作可以是

數(shù)據(jù)修改、通知、觸發(fā)其他規(guī)則、執(zhí)行特定函數(shù)或方法等。規(guī)則操作指定了規(guī)則的具體響應(yīng)。

規(guī)則條件由一個(gè)或多個(gè)條件構(gòu)成，通常使用邏輯運(yùn)算符（例如AND、OR）來組合多個(gè)不同條件，以

便更精確地描述規(guī)則觸發(fā)的條件。例如，“IF(條件1)AND（條件2）xOR(條件3)THEN…”，如下圖

所示。

8

T/CAS1.1—2017

在規(guī)則集編輯器中，可以為父規(guī)則定義一個(gè)多個(gè)子規(guī)則，子規(guī)則將繼承父規(guī)則的條件，如圖所示。

有些業(yè)務(wù)僅“大于、小于、等于”的簡單規(guī)則即可滿足所需場景，如下圖所示。

根據(jù)業(yè)務(wù)可需求擴(kuò)增規(guī)則，通過點(diǎn)擊外層“添加規(guī)則”即可擴(kuò)展為多層結(jié)構(gòu)，如下圖所示。