《5G消息業(yè)務(wù)顯示規(guī)范》

ICS33.030

CCSM21

CAICI

中國通信企業(yè)協(xié)會團(tuán)體標(biāo)準(zhǔn)

T/CAICIXXXX—XXXX

5G消息業(yè)務(wù)顯示規(guī)范

5GMessagingServicess-UIspecification

（征求意見稿）

XXXX-XX-XX發(fā)布XXXX-XX-XX實施

中國通信企業(yè)協(xié)會發(fā)布

T/CAICIXXXX—XXXX

5G消息業(yè)務(wù)顯示規(guī)范

1范圍

本標(biāo)準(zhǔn)主要針對支持5G消息的終端用戶界面設(shè)計，支持5G消息的終端廠商使用，是開展5G消息業(yè)務(wù)

的依據(jù)。

本標(biāo)準(zhǔn)提供了5G消息業(yè)務(wù)的用戶界面設(shè)計規(guī)范。為了提升未來的5G消息業(yè)務(wù)體驗，需要終端廠商和

運營商共同推進(jìn)5G消息業(yè)務(wù)用戶界面的友好性，因此需要終端廠商在生產(chǎn)相關(guān)的終端設(shè)備時參照本標(biāo)準(zhǔn)。

在本標(biāo)準(zhǔn)中，所有相關(guān)的界面、布局、流程以及交互行為應(yīng)協(xié)調(diào)一致。本標(biāo)準(zhǔn)包含了5G消息業(yè)務(wù)用

戶界面的結(jié)構(gòu)和構(gòu)想，但并不包含界面的所有元素和行為。

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

下列文件中的內(nèi)容通過文中的規(guī)范性引用而構(gòu)成本文件必不可少的條款。其中，注日期的引用文件，

僅該日期對應(yīng)的版本適用于本文件；不注日期的引用文件，其最新版本（包括所有的修改單）適用于本

文件。

3術(shù)語和定義

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

詞語解釋

5G消息短信業(yè)務(wù)的升級，面向用戶提供增強的消息服務(wù)，能夠為用戶提供文本、圖片、

音頻、視頻、位置、聯(lián)系人（vCard）等媒體內(nèi)容的發(fā)送和接收。

5G消息終端基于終端原生短信入口實現(xiàn)5G消息業(yè)務(wù)的終端，可以是4G或5G終端。

5G消息用戶在線“5G消息用戶在線”是指終端具備數(shù)據(jù)連接且成功完成在5G消息系統(tǒng)的注冊，

其它狀態(tài)統(tǒng)一稱為“5G消息用戶不在線”。

Chatbot5G消息中行業(yè)消息應(yīng)用的呈現(xiàn)形式，以消息對話的方式，向用戶提供行業(yè)消息服

（聊天機器人）務(wù)功能。

Chatbot服務(wù)方以Chatbot形態(tài)向個人用戶提供服務(wù)的客戶，包括行業(yè)客戶、夢網(wǎng)客戶、公共應(yīng)急

通知服務(wù)等。

賬號信息為運營商Chatbot的唯一碼號標(biāo)識ChatbotID

MaaPMessagingasaPlatform，5G消息系統(tǒng)實現(xiàn)點與應(yīng)用間消息的體系架構(gòu)。MaaP架

（消息即平臺）構(gòu)下應(yīng)用的實現(xiàn)形態(tài)即Chatbot。

點對點消息5G消息業(yè)務(wù)中個人用戶之間的交互消息。

群聊5G消息業(yè)務(wù)中所有加入群的個人用戶之間進(jìn)行的消息交互。

點與應(yīng)用間消息5G消息業(yè)務(wù)中個人用戶與Chatbot應(yīng)用之間的交互消息，包括A2P（Applicationto

Person）消息和P2A（PersontoApplication）消息。

懸浮菜單跟隨用戶與Chatbot的交互消息呈現(xiàn)的菜單，包含一個或多個“建議回復(fù)”或“建

議操作”按鈕。

5

T/CAICIXXXX—XXXX

詞語解釋

固定菜單固定在用戶與Chatbot消息交互窗口下方的菜單，包含一個或多個“建議回復(fù)”或

“建議操作”按鈕。

建議回復(fù)用戶可點擊的一個文本標(biāo)簽（按鈕），當(dāng)用戶點擊時，終端自動以上行Chatbot

消息的方式發(fā)送該建議回復(fù)字段中指定的內(nèi)容至對應(yīng)Chatbot。該發(fā)送內(nèi)容用戶可

見。

建議操作用戶可點擊的一個文本標(biāo)簽（按鈕），當(dāng)用戶點擊時，可被引導(dǎo)打開特定網(wǎng)頁或

APP、撥打語音或音視頻電話呼叫至特定對象、在地圖上查詢位置和發(fā)送終端本

地地理位置、添加日歷事件、編輯起草文本消息或錄制音視頻消息等操作。對于

用戶的點擊操作，終端界面上不會保留操作痕跡。

對建議操作的回復(fù)一條終端后臺處理的特殊消息，用戶點擊建議操作按鈕后，終端根據(jù)建議操作的

內(nèi)容自動生成對應(yīng)的特殊消息，并后臺發(fā)送給對應(yīng)的Chatbot，告知Chatbot此用戶

當(dāng)前正在執(zhí)行的建議操作。

入口表示該界面包含的跳轉(zhuǎn)至其他界面或某些單界面交互操作的功能或控件。如無特

殊說明外，入口的文字顯示名稱即為該入口在本規(guī)范內(nèi)的“入口名稱”。入口允

許使用圖形或利用硬件實現(xiàn)。

模塊表示一組具有相同功能的界面組合，可能包含不止一個界面。

消息主頁面從“消息”（或短信）入口進(jìn)入，打開的第一個頁面稱為“消息主頁面”，該頁

面包含消息列表、應(yīng)用號入口以及其他主要功能入口。

消息列表里面包含5G消息與其他消息的混合排列。

應(yīng)用號國內(nèi)統(tǒng)一將Chatbot命名為“應(yīng)用號”,是一種不需要下載安裝即可使用的應(yīng)用小

程序。

應(yīng)用號消息通過Chatbot進(jìn)行收發(fā)的消息，統(tǒng)一稱為“應(yīng)用號消息”，包含Chatbot下發(fā)給用戶

的消息和用戶上行給Chatbot的消息。

應(yīng)用號主頁面通過消息主頁面的“應(yīng)用號”入口打開的頁面稱為“應(yīng)用號主頁面”，主要承載

搜索、掃一掃、推薦等發(fā)現(xiàn)應(yīng)用號的功能。

電子名片是一種圖文、頭像并茂的多媒體名片，里面包含姓名，聯(lián)系方式，頭像等信息

5GMC5G消息中心（5GMessageCenter）

MaaP消息即平臺（MessagingasaPlatform）

4規(guī)范說明

在本標(biāo)準(zhǔn)中使用了“必須/應(yīng)”、“推薦”和“可選/可”來描述對界面要求的強調(diào)程度。

除標(biāo)注為（推薦）或（可選/可）外，本規(guī)標(biāo)準(zhǔn)所含內(nèi)容均為必須遵守的功能或設(shè)計要求?！巴扑]”

項是指建議有能力的終端執(zhí)行的功能或設(shè)計要求?！翱蛇x/可”項是指界面可以遵守的功能或設(shè)計要求，

沒有強制要求。

本標(biāo)準(zhǔn)沒有涉及之處，均按照終端自身界面風(fēng)格進(jìn)行設(shè)計。

6

T/CAICIXXXX—XXXX

本標(biāo)準(zhǔn)中，界面圖例僅為示意或推薦方案，不做硬性規(guī)范要求。

本標(biāo)準(zhǔn)中，界面表示一個頁面；模塊表示一組具有相同功能的界面組合，可能包含不止一個界面。

本標(biāo)準(zhǔn)的界面用例是基于360px-1倍圖屏幕終端（OR分辨率）輸出的界面參考，其他異形終端參考

執(zhí)行。

本標(biāo)準(zhǔn)適用于支持5G消息業(yè)務(wù)的手機終端。

55G消息界面設(shè)計總則

5.1程序圖標(biāo)及啟動入口

5G消息基于終端原生短信入口，為用戶提供文本、圖片、音頻、視頻、位置、聯(lián)系人（電子

名片）等媒體內(nèi)容的發(fā)送和接收，是短信業(yè)務(wù)的升級。

5G消息的程序圖標(biāo)必須使用手機終端操作系統(tǒng)中的消息應(yīng)用作為入口，風(fēng)格應(yīng)與終端系統(tǒng)風(fēng)

格保持統(tǒng)一，啟動入口在主屏上以圖標(biāo)形式存在，圖標(biāo)下方的應(yīng)用名稱如出現(xiàn),“消息”名稱不做

強制要求。參考示意如下：

圖15G消息入口

5.25G消息主頁面

消息主頁面應(yīng)包含消息列表、應(yīng)用號入口、全局搜索功能入口、掃一掃功能入口以及更多功

能入口。界面展現(xiàn)形式提供兩種方式供選擇：

方案一：Chatbot統(tǒng)一命名為“應(yīng)用號”，應(yīng)用號入口置于消息列表頂部，應(yīng)用號為發(fā)現(xiàn)應(yīng)用

入口，點擊即可進(jìn)入應(yīng)用號主頁面（詳見5.3）。

7

T/CAICIXXXX—XXXX

圖2方案一示意圖

方案二：Chatbot統(tǒng)一命名為“應(yīng)用號”，“消息”和“應(yīng)用號”為并列TAB頁顯示，“消息”

TAB顯示短信和5G消息列表；應(yīng)用號為發(fā)現(xiàn)應(yīng)用入口，點擊即可進(jìn)入應(yīng)用號主頁面（詳見5.3）。

“消息”TAB中發(fā)件人圖標(biāo)尺寸遵循終端短信現(xiàn)有實現(xiàn)，“應(yīng)用號”TAB頁中Chatbot圖標(biāo)尺

寸建議32*32px。

圖3方案二示意圖

8

T/CAICIXXXX—XXXX

5.2.1消息列表

消息列表是消息統(tǒng)一顯示的列表位置。界面要求：

1）在消息列表中，列表標(biāo)題名稱為“消息”。

2）短信和5G消息應(yīng)按時間降序混排。置頂消息在消息列表頂部顯示，用不同底色與非置頂

消息區(qū)分，免打擾消息可用圖標(biāo)區(qū)分。

3）列表中每條消息要求顯示發(fā)件人頭像、發(fā)件人名稱、接收時間、已讀/未讀狀態(tài)、置頂狀

態(tài)、免打擾、消息內(nèi)容摘要（參見圖4）。其中消息內(nèi)容摘要包括：

文本：顯示消息內(nèi)容

圖片：顯示【圖片】

語音：顯示【語音】

表情：終端能識別的表情直接顯示表情，不能識別的表情顯示【表情】

音頻：顯示【音頻】

視頻：顯示【視頻】

PDF文件：顯示【文件】+文件標(biāo)題

富媒體卡片：顯示【卡片】+卡片主題內(nèi)容

圖4列表中消息顯示內(nèi)容示例圖

5）應(yīng)急類Chatbot消息發(fā)件人后應(yīng)帶應(yīng)急標(biāo)識區(qū)分于其他發(fā)件人，示例參見圖5：

圖5應(yīng)急類Chatbot頭像示例圖

5.2.2全局搜索

全局搜索位于消息主頁面頂部，點擊搜索框顯示搜索界面，搜索界面中建議包含最近搜索、

最近使用和附近應(yīng)用等模塊，示意圖如下：

9

T/CAICIXXXX—XXXX

圖6全局搜索圖7全局搜索結(jié)果

界面要求：

1）在消息主頁面中，可通過點擊頂部搜索框進(jìn)行搜索，搜索框未輸入時建議默認(rèn)顯示“搜索”。

2）點擊展開搜索頁后，下方可顯示“最近搜索”、“最近使用”、“附近應(yīng)用”等功能模塊（圖

6）。

3）在搜索框中輸入文本后，搜索結(jié)果建議顯示四部分內(nèi)容，分別是：“聯(lián)系人”部分，即歷

史消息發(fā)件人中包含關(guān)鍵字的搜索結(jié)果（包括個人和商戶消息的發(fā)件人）；“我的應(yīng)用”部分，即

保存至本地的Chatbot名稱中包含關(guān)鍵詞的搜索結(jié)果；“歷史消息”部分，即消息內(nèi)容中包含關(guān)鍵

字的搜索結(jié)果（包括個人和商戶消息）；“搜一搜更多應(yīng)用號”部分，點擊即可按當(dāng)前關(guān)鍵詞匹配

搜索全網(wǎng)Chatbot，并進(jìn)入Chatbot搜索結(jié)果列表頁，同時在搜一搜下方還可展示更多關(guān)聯(lián)推薦

關(guān)鍵詞，點擊任一關(guān)鍵詞即按該關(guān)鍵詞匹配搜索全網(wǎng)Chatbot，并進(jìn)入Chatbot搜索結(jié)果列表頁。

4）在搜索結(jié)果列表中的Chatbot條目應(yīng)包含Chatbot賬號信息（ChatbotID）、圖標(biāo)和名稱。

用戶點擊某一應(yīng)用號，如果用戶與應(yīng)用號交互過，直接進(jìn)入對話頁；如果未交互過，進(jìn)入詳情頁。

點擊某一聊天記錄，進(jìn)入聊天并定位在關(guān)鍵字位置，多條聊天記錄均包含搜索關(guān)鍵字，需用戶再

次選擇需要查看的具體記錄。

5）在搜索頁面中，用戶點擊“附近的應(yīng)用號”后，應(yīng)提示獲取地理位置的彈出框，應(yīng)提示獲

取地理位置的彈出框，在用戶允許共享位置后進(jìn)行搜索。在搜索結(jié)果頁面中，標(biāo)題欄中可顯示當(dāng)

前地址定位，頁面中可查看附近的應(yīng)用列表，每個應(yīng)用應(yīng)顯示圖標(biāo)、名稱和賬號信息（ChatbotID）。

示例參見圖8：

10

T/CAICIXXXX—XXXX

圖8附近應(yīng)用搜索

5.2.3新消息提示

終端收到Chatbot下發(fā)的新消息，應(yīng)在應(yīng)用號入口、消息聚合文件夾（如打開開關(guān)）、應(yīng)用號

主頁面、消息列表中對新消息進(jìn)行標(biāo)識。在應(yīng)用號入口、消息聚合文件夾，建議將新消息提醒展

示為一個小紅點（參見圖9）；在應(yīng)用號界面，應(yīng)對有未讀消息的Chatbot進(jìn)行標(biāo)識；在消息列表

頁，應(yīng)顯示未讀的消息數(shù)量。

圖9新消息提示圖例圖10搜索頁面的未讀圖例

11

T/CAICIXXXX—XXXX

5.2.4掃一掃

5G消息主頁面應(yīng)提供“掃一掃”入口，支持通過掃描二維碼打開Chatbot消息交互界面。掃一

掃入口建議：一是消息主頁面或右上角的更多中展示，二是在應(yīng)用號主頁面中展示。示意圖如下：

圖11消息主頁面圖12應(yīng)用號主頁面

5.2.5消息收藏

消息收藏入口（“本地收藏”）建議置于消息主頁面右上角的更多入口中。用戶通過“本地收

藏”入口可查看收藏在本地的消息內(nèi)容，如下圖所示：

12

T/CAICIXXXX—XXXX

圖13收藏入口圖14本地收藏消息

5.3應(yīng)用號主頁面

5.3.1應(yīng)用號主頁面

從消息主頁面點擊“應(yīng)用號”入口進(jìn)入應(yīng)用號主頁面。界面要求：

1）“應(yīng)用號”主頁面應(yīng)顯示“搜索”、“最近使用”、“我的應(yīng)用”、“推薦應(yīng)用”模塊，以及“掃

一掃”和“附近應(yīng)用”功能入口（參見圖15）。

2）其中“最近使用”模塊建議展示的Chatbot不超過2行，最后一個圖標(biāo)為“更多”；“我的

應(yīng)用”模塊建議展示的Chatbot不超過1行，最后一個圖標(biāo)為“更多”；“推薦應(yīng)用”模塊建議展

示的Chatbot不少于2行，最后一個圖標(biāo)為“更多”。點擊“更多”可查看相應(yīng)列表。

3)點擊應(yīng)用號主頁面中的某個Chatbot，如果用戶與應(yīng)用號交互過，直接進(jìn)入Chatbot對話

頁；如果未交互過，進(jìn)入詳情頁。

4）在頁面中點擊“附近應(yīng)用”入口，應(yīng)提示獲取地理位置的彈出框，用戶允許共享位置后進(jìn)

行搜索，搜索結(jié)果列表應(yīng)包含應(yīng)用頭像、名稱和賬號信息（ChatbotID）（參見圖8）。

13

T/CAICIXXXX—XXXX

圖15應(yīng)用號主頁面

5.3.2應(yīng)用號搜索

應(yīng)用號搜索框應(yīng)位于應(yīng)用號主頁面的頂部，示意圖如下：

消息主頁面應(yīng)用號主頁面應(yīng)用號搜索頁

圖16搜索應(yīng)用

14

T/CAICIXXXX—XXXX

界面要求：

點擊消息主頁面的“應(yīng)用號”入口，進(jìn)入“應(yīng)用號主頁面”。（參見圖16）

1）在應(yīng)用號主頁面中，可通過點擊標(biāo)題欄中的搜索框進(jìn)行搜索，搜索框未輸入時建議默認(rèn)顯

示“搜索應(yīng)用”。搜索框下方應(yīng)顯示“最近使用”、“我的應(yīng)用”、“推薦應(yīng)用”三個模塊。

2)點擊搜索框進(jìn)入“應(yīng)用號搜索頁”。在“應(yīng)用號搜索頁”中應(yīng)包含“最近搜索”和“推薦

應(yīng)用號”兩個模塊。

3)在搜索框中輸入文本進(jìn)行搜索后，進(jìn)入搜索結(jié)果頁，展示全網(wǎng)Chatbot搜索結(jié)果與本地

Chatbot搜索結(jié)果。（參見圖17）

圖17應(yīng)用號搜索結(jié)果

4）在搜索結(jié)果中點擊某一應(yīng)用號，如果用戶與應(yīng)用號交互過，直接進(jìn)入對話頁；如果未交互

過，進(jìn)入詳情頁。

5.45G消息設(shè)置

5G消息開關(guān)示意如下圖：

15

T/CAICIXXXX—XXXX

圖185G消息開關(guān)

界面要求：

1）5G消息開關(guān)名稱必須為“5G消息”，存在于消息的設(shè)置列表中。

2）5G消息設(shè)置中應(yīng)包含5G消息開關(guān)、已讀報告（默認(rèn)關(guān)閉）、黑名單選項，可包含通知消

息聚合選項（默認(rèn)關(guān)閉）。

3)用戶選擇打開通知消息聚合選項后，應(yīng)將通知類信息（含通知短信和應(yīng)用號消息）聚合在

消息列表“通知消息”文件夾中顯示，不與個人消息混排，通知短信和應(yīng)用號消息按消息接收時

間降序混排。（參見圖19）

圖19通知消息聚合前后效果圖

16

T/CAICIXXXX—XXXX

4）用戶點擊“黑名單”選項，應(yīng)顯示黑名單列表頁面。界面視覺風(fēng)格建議與聯(lián)系人列表頁保

持統(tǒng)一，可在標(biāo)題欄下方保留搜索功能，黑名單列表應(yīng)帶頭像、名稱和賬號信息（ChatbotID）。

用戶點擊某一條Chatbot聯(lián)系人進(jìn)入Chatbot詳情頁。應(yīng)支持用戶通過長按或者左滑等方式，彈

出解黑/移除按鈕，如下圖所示：

圖20查看黑名單列表示意圖圖21解除黑名單示意圖

5.5個人消息界面

5.5.1點對點消息接收

個人消息界面中的點對點消息，應(yīng)同時展現(xiàn)短彩信消息和5G消息的相關(guān)內(nèi)容，如所示圖：

17

T/CAICIXXXX—XXXX

圖22點對點消息接收

界面要求：

1）界面視覺風(fēng)格應(yīng)遵循短信界面風(fēng)格。

2）用戶接收短彩信消息和5G消息，5G消息包括文本、圖片、語音、位置、電子名片、音頻

文件、視頻文件、PDF文檔內(nèi)容。

●文本：直接顯示文本；

●圖片：先下載縮略圖，用戶點擊后再下載原圖；如在wifi下，用戶可無需點擊直接下載原

圖；

●語音：實時錄制的音頻自動下載顯示為語音消息圖標(biāo)；

●位置：應(yīng)顯示位置縮略圖。用戶點擊該消息時，終端在地圖上打開并顯示該位置信息；

●電子名片：應(yīng)直接下載并顯示電子名片，如圖所示：

18

T/CAICIXXXX—XXXX

圖23電子名片

●音頻文件：顯示音頻縮略圖（如有）或音頻圖標(biāo)，用戶點擊后下載源文件，建議支持暫停下

載操作。

●視頻文件：顯示視頻縮略圖，用戶點擊后下載源文件，建議支持暫停下載操作。源文件下載

完成后建議在對話消息中自動靜默循環(huán)播放，用戶再次點擊后調(diào)用手機系統(tǒng)播放器全屏播放，用

戶返回或退出要求回到對話消息頁面。播放內(nèi)容移出窗口界面時，將自動停止播放。

●PDF文檔：顯示為文件圖標(biāo)和文件名稱。

3）同一用戶的5G消息和短彩信應(yīng)顯示在一條會話中，并區(qū)分標(biāo)識短彩信和5G消息，如連續(xù)

多條消息為同一消息類型可省略標(biāo)識。

4）終端接收到標(biāo)準(zhǔn)emoji表情時，應(yīng)顯示該表情符號對應(yīng)的表情圖片或表情字符串。不能識

別該表情的含義，則終端可以顯示“[表情]”。emoji基本表情參見附錄A。

19

T/CAICIXXXX—XXXX

5.5.2點對點消息發(fā)送

圖24點對點消息發(fā)送

界面要求：

1）發(fā)送頁面下方依次顯示語音輸入圖標(biāo)、文本輸入框、表情按鈕、更多發(fā)送操作和發(fā)送按鈕

（發(fā)送按鈕也可在用戶輸入內(nèi)容后顯示）。

2)文本輸入框未輸入內(nèi)容時，灰色顯示“5G消息”提示語。終端5G消息離線時，5G消息會

話界面中，下方的輸入框中必須要有“短信/彩信”的提示語。

3)點擊“更多操作”展開拍照、圖片、位置、文件和聯(lián)系人操作選項，其中用戶點擊“文件”

后可選擇圖片、音頻、視頻、PDF文檔。

4）消息發(fā)送后必須有消息的狀態(tài)提示，名稱應(yīng)按如下顯示：

正在發(fā)送：正在發(fā)送消息（如發(fā)送很快可不顯示）。

已發(fā)送：消息已發(fā)出。

發(fā)送失?。合l(fā)送失敗。

已送達(dá)：對方已接收到自己發(fā)送的消息。

已閱讀：對方已打開消息會話頁面（如收件方設(shè)置開啟已讀報告有此狀態(tài)）。

5）消息發(fā)送失敗顯示發(fā)送失敗提示，點擊發(fā)送失敗圖標(biāo)，提示用戶“5G消息發(fā)送”和“短/

彩信發(fā)送”的選擇。如果文本消息消息內(nèi)容超過1340Byte或消息為多媒體內(nèi)容，則不提供通過短

信重發(fā)的選項，僅能通過5G消息重發(fā)。

6）用戶進(jìn)行多條消息的轉(zhuǎn)發(fā)、收藏、刪除等操作，可在消息會話頁里長按某一條消息，選擇

消息選項，對多條消息進(jìn)行勾選，再合并進(jìn)行轉(zhuǎn)發(fā)、收藏、刪除等操作。（參見圖25）

20

T/CAICIXXXX—XXXX

圖25多條消息操作示意圖

5.6Chatbot消息界面

5.6.1Chatbot消息接收

從消息列表中點擊某一條Chatbot消息進(jìn)入會話頁面。

圖26Chatbot下行消息

21

T/CAICIXXXX—XXXX

界面要求：

1）在消息會話界面中，通過上下滑動的操作來瀏覽消息。

2）Chatbot的卡片消息如果內(nèi)容太長，可以收起部分內(nèi)容，用戶點擊后顯示全部內(nèi)容；富媒

體卡片消息中的圖片應(yīng)自動下載縮略圖，用戶點擊后應(yīng)下載原圖并可全屏展示；音視頻自動下載

完成后用戶單擊應(yīng)在卡片中播放，雙擊或多次點擊應(yīng)用系統(tǒng)自帶播放器全屏播放。

3）消息會話界面中的Chatbot消息及該Chatbot的短信號碼對應(yīng)的行業(yè)短彩信必須混排在同

一會話界面中。

4）消息會話界面中，標(biāo)題欄中必須要顯示該Chatbot的圖標(biāo)、名稱、賬號信息（ChatbotID）。

5）終端5G消息在線時，Chatbot會話界面下方的輸入框中必須要有“5G消息”的提示語。

終端5G消息離線時，5G消息會話界面中，下方的輸入框中必須要有“短信/彩信”的提示語。

5.6.1.1通知欄消息

終端收到Chatbot消息時，系統(tǒng)通知的提示文本應(yīng)遵循如下要求：

1）如果消息內(nèi)容為文本、文件、地理位置消息，系統(tǒng)通知的內(nèi)容可與個人消息中對應(yīng)消息類

型的提示內(nèi)容一致。

2）如果消息內(nèi)容為卡片消息時，系統(tǒng)通知的內(nèi)容應(yīng)包括Chatbot圖標(biāo)、Chatbot名稱、第一

張卡片的“主題+內(nèi)容的摘要+縮略圖”；

3）卡片主題建議顯示一行；正文內(nèi)容摘要建議不超過2行。標(biāo)題與正文內(nèi)容超出行數(shù)后，將

進(jìn)行省略。如果卡片未攜帶主題和摘要內(nèi)容，則系統(tǒng)通知應(yīng)顯示“[Chatbot名稱]向您發(fā)送了一

條卡片消息”；

示意圖如下所示：

圖27通知欄消息

22

T/CAICIXXXX—XXXX

5.6.1.2富媒體卡片消息

富媒體卡片消息是以多媒體內(nèi)容為主的消息，多媒體內(nèi)容包含圖片、動圖（GIF）、視頻或音

頻文件，應(yīng)至少包含以下消息元素之一：

主題（文本）

內(nèi)容（文本）

建議回復(fù)

建議操作

1)富媒體卡片消息形式包括單卡片形式和多卡片組成的旋轉(zhuǎn)木馬（carousel）形式。

2)單卡片應(yīng)支持垂直布局和水平布局兩種展示方式：

圖28單卡片垂直布局圖29單卡片水平布局

3）單個卡片內(nèi)的建議操作和建議回復(fù)按鈕總數(shù)量不超過4個，卡片按鈕應(yīng)縱向排列。

4)多卡片“旋轉(zhuǎn)木馬（carousel）”形式卡片數(shù)量范圍為2-12張，僅可垂直布局，富媒體卡

片自左向右橫向排列，用戶向左滑動，可看到排在后面的卡片。

23

T/CAICIXXXX—XXXX

圖30旋轉(zhuǎn)木馬卡片消息

界面要求：

1）單卡片垂直布局時，如短信界面無頭像，卡片寬度和短信界面內(nèi)容寬度保持一致；如果短

信界面有頭像：卡片寬度和除頭像外的內(nèi)容寬度保持一致，示意如下：

圖31卡片寬度

2）旋轉(zhuǎn)木馬卡片所有卡片都必須是垂直布局的，媒體和標(biāo)題都應(yīng)該有相同的高度。推薦：

旋轉(zhuǎn)木馬中的單卡片寬度可選SMALL_WIDTH:120DP和MEDIUM_WIDTH:232DP。

旋轉(zhuǎn)木馬應(yīng)該保證第二張卡片有露出。

24

T/CAICIXXXX—XXXX

圖32SMALL_WIDTH卡片示意圖圖33MEDIUM_WIDTH卡片示意圖

3）卡片中的媒體文件包括image,GIF,video,oraudiofile，如僅有媒體文件沒有其他

字段，媒體文件將填滿卡片。終端應(yīng)按要求尺寸對媒體文件縮放處理，處理原則應(yīng)遵循不留空白，

圖片信息完整（參照圖34）。

單卡片垂直布局或中等寬度旋轉(zhuǎn)木馬中卡片，媒體高度和比例推薦：

SHORT_HEIGHT=112DP&ASPECTRATIO=3:1

MEDIUM_HEIGHT=168DP&ASPECTRATIO=1.56:1

TALL_HEIGHT=264DP&ASPECTRATIO=9:10

小寬度旋轉(zhuǎn)木馬中的卡片，媒體高度只能選擇小高度和中等高度：

SHORT_HEIGHT=112DP&ASPECTRATIO=3:1

MEDIUM_HEIGHT=168DP&ASPECTRATIO=1.56:1

單卡片水平布局推薦媒體寬度和比例推薦：

HORIZONTAL_LAYOUT_MEDIA_WIDTH=128DP，&ASPECTRATIO=1：2.5

為TALL_HEIGHT設(shè)計的媒體可被所有媒體高度使用，如使用縱橫比應(yīng)按如下方式縮放媒體文

件，圖像中間的元素應(yīng)是最重要的，非標(biāo)準(zhǔn)尺寸按1.56:1尺寸進(jìn)行壓縮處理。

25

T/CAICIXXXX—XXXX

圖34媒體比例示意

4）卡片內(nèi)的標(biāo)題文字應(yīng)最多顯示2行、正文內(nèi)容應(yīng)最多顯示5行，超出行數(shù)部分，將自動進(jìn)行折疊，

點擊折疊按鈕可展開內(nèi)容，卡片按鈕不折疊。

圖35標(biāo)題及正文折疊圖示圖36標(biāo)題及正文展開圖示

5）卡片按鈕

按鈕尺寸（寬度）應(yīng)和卡片正文尺寸（寬度）保持一致；按鈕文字大小建議和卡片標(biāo)題文字大小一

致，按鈕展示的文字?jǐn)?shù)量以按鈕尺寸（寬度）為限，超出字?jǐn)?shù)則以【?】顯示。

26

T/CAICIXXXX—XXXX

圖37按鈕展示圖示

5.6.1.3除富媒體卡片消息外其他類型消息

文本、圖片、語音、位置、電子名片、音頻文件、視頻文件、PDF文檔消息展示，參見5.5.1

點對點消息接收示意圖。

5.6.1.4懸浮菜單

懸浮菜單為最近一條Chatbot消息攜帶的菜單，包含一個或多個“建議回復(fù)”或“建議操作”

按鈕。懸浮菜單設(shè)計示意如下圖：

27

T/CAICIXXXX—XXXX

圖38懸浮菜單

界面要求：

1）懸浮菜單必須位于當(dāng)前消息下方位置，緊挨固定菜單上方。

2）懸浮菜單，應(yīng)支持不超過11個菜單的顯示。

3）如新消息含有懸浮菜單，則顯示當(dāng)前新消息對應(yīng)的懸浮菜單，如新消息未含懸浮菜單，則

懸浮菜單位置為空。

4）懸浮菜單位置僅顯示當(dāng)前最新消息對應(yīng)的菜單內(nèi)容，用戶點擊懸浮菜單后，如是“建議回

復(fù)”，懸浮菜單消失，顯示新消息懸浮菜單；如是“建議操作”，懸浮菜單不消失。

5）當(dāng)用戶滑動會話窗口導(dǎo)致最新消息不在最新頁面時，建議懸浮菜單也無需顯示，當(dāng)用戶返

回最新消息位置時，當(dāng)前最新消息對應(yīng)的懸浮菜單應(yīng)相應(yīng)顯示。

5.6.1.5固定菜單

固定菜單是固定在消息會話窗口底部的菜單形式，固定菜單設(shè)計示意如下圖：

28

T/CAICIXXXX—XXXX

圖39固定菜單

界面要求：

1）固定菜單必須位于界面中最下方位置，建議固定于底部。

2）固定菜單必須單行橫向排列，應(yīng)支持不超過一級菜單3個條目和二級菜單5個條目的展示。

3）建議固定菜單與底部輸入框重用位置，點擊左邊鍵盤按鈕后可切換顯示輸入框與底部固定

菜單，默認(rèn)優(yōu)先展示底部固定菜單而非顯示輸入框，切換方式如圖：

圖40固定菜單切換輸入框

4）如固定菜單中有折疊的菜單選項，可有圖標(biāo)表示可展開，并通過點擊可彈出折疊的菜單選

29

T/CAICIXXXX—XXXX

項；彈出折疊菜單選項如下圖：

圖41彈出固定菜單二級選項

5.6.1.6CSS卡片

終端支持解析并展示基于CSS的富媒體卡片消息，Chatbot可設(shè)置作用于其所有富媒體卡片

的通用CSS模板，在詳情信息中下發(fā)；也可設(shè)置只作用于某個富媒體卡片的CSS模板，隨該卡片

下發(fā)。終端應(yīng)支持CSS設(shè)置富媒體卡片如下元素的樣式：

標(biāo)題的顏色和字體

內(nèi)容的顏色和字體

建議操作和建議回復(fù)的顏色和字體

卡片背景顏色

卡片背景圖片

如果同時設(shè)置了卡片的背景顏色和背景圖片，則圖片置于顏色之上。

30

T/CAICIXXXX—XXXX

圖42CSS卡片示意圖

5.6.1.7設(shè)置

用戶應(yīng)可對接收到Chatbot下行消息長按消息可進(jìn)行復(fù)制、刪除、投訴、多選(可選)、標(biāo)記

重要消息（可選）等操作。富媒體卡片消息不支持復(fù)制。

圖43單條消息設(shè)置

31

T/CAICIXXXX—XXXX

5.6.1.8文件自動下載

在5G消息設(shè)置中，新增“自動下載附件”開關(guān)，包含兩個子開關(guān)，分別是“wifi環(huán)境自動

下載文件”開關(guān)與“非wifi環(huán)境自動下載文件”開關(guān)。

1）wifi環(huán)境自動下載文件：是指在wifi環(huán)境中自動為用戶加載媒體文件，按鈕默認(rèn)自動開

啟。

2）非wifi環(huán)境自動下載文件：是指在非wifi環(huán)境中使用流量為用戶加載媒體文件，開關(guān)默

認(rèn)關(guān)閉，需手動進(jìn)行開啟。

圖44下載附件開關(guān)

5.6.2向Chatbot發(fā)送消息

個人向Chatbot的上行消息同個人點對點消息發(fā)送（見5.5.2章節(jié)）。

5.6.3Chatbot設(shè)置

在Chatbot對話頁可對該Chatbot進(jìn)行設(shè)置，示意圖如下：

32

T/CAICIXXXX—XXXX

圖45Chatbot設(shè)置

界面要求：

1）Chatbot設(shè)置界面中，應(yīng)提供“詳情”、“設(shè)置”、“投訴”、“保存至我的”選項，可選

“置頂應(yīng)用號/取消置頂”、“重要消息”選項。

2）設(shè)置界面以列表排列，可以使用開關(guān)的方式，也可以進(jìn)入下一級進(jìn)行具體設(shè)置。

5.6.3.1Chatbot詳情

33

T/CAICIXXXX—XXXX

圖46Chatbot詳情折疊示意

界面要求：

1）在Chatbot詳情界面中，終端必須顯示平臺返回的該Chatbot詳情信息的所有字段。必須

顯示頭像、名稱、賬號信息（ChatbotID）、賬號主體、賬號認(rèn)證標(biāo)志（認(rèn)證過有）、服務(wù)描述、發(fā)

消息按鈕，如頁面顯示過多可對客服電話、短信號碼、郵箱、位置等字段折疊，用戶點擊展開查

看全部內(nèi)容。（參見圖46）

2）在Chatbot詳情界面中，應(yīng)包含進(jìn)入聊天的入口和保存至本地的入口。

3）查看詳情界面中菜單應(yīng)包含設(shè)置，可選置頂、加入黑名單、投訴。

4）賬號logo頭像建議大小為400*400px。

5）主題顏色：用于展示Chatbot聊天界面關(guān)鍵元素的顏色以及詳情頁的背景顏色，聊天界面

關(guān)鍵元素可包括建議選項、Chatbot圖標(biāo)、搜索/后退/更多等按鈕或圖標(biāo)。

6）背景圖片：用于展示在Chatbot詳情頁的背景圖片。

34

T/CAICIXXXX—XXXX

圖47主題顏色和背景圖片示意

5.6.3.2置頂應(yīng)用號/取消置頂

設(shè)置應(yīng)用號置頂后必須提供用戶取消置頂功能。

界面要求：多個置頂應(yīng)用號，按用戶設(shè)置置頂時間和消息接收時間降序排列。

5.6.3.3投訴

從Chatbot會話頁“更多”的彈出菜單，點擊“投訴”后即可對Chatbot進(jìn)行投訴。也可以

通過長按單條消息，對單條消息進(jìn)行投訴。

Chatbot投訴設(shè)計示意如下圖：

35

T/CAICIXXXX—XXXX

36

T/CAICIXXXX—XXXX

圖48Chatbot投訴

界面要求：

1）Chatbot或Chatbot消息投訴均須先選擇投訴類型后進(jìn)入投訴界面。

投訴類型應(yīng)包含：

欺詐

色情

不實信息

違法犯罪

騷擾

其他

3）投訴界面中應(yīng)包含賬號頭像、賬號名稱、賬號信息（ChatbotID）、投訴類型、投訴內(nèi)容和

“提交”按鈕。

5.6.4消息免打擾

用戶設(shè)置消息免打擾后，正常接收消息但無提示音，推薦在Chatbot消息對話頁增加免打擾

圖標(biāo)標(biāo)識。

5.6.5黑名單

用戶將Chatbot設(shè)置黑名單后，將不會收到該Chatbot的消息。應(yīng)急類Chatbot不支持加入

黑名單功能。

5.6.6清空內(nèi)容

應(yīng)提供清空該Chatbot本地消息內(nèi)容設(shè)置，用戶選擇清空，必須進(jìn)行二次確認(rèn)，確認(rèn)后本地

內(nèi)容刪除。

37

T/CAICIXXXX—XXXX

5.6.7標(biāo)記重要消息

對Chatbot的單條信息可標(biāo)記為重要消息，示意如下圖：

圖49標(biāo)記為重要消息

界面要求：

1）Chatbot會話頁中，通過長按某條消息，可以彈出菜單，選擇“標(biāo)記為重要消息”則該條

消息被標(biāo)記.

2）被標(biāo)記為重要消息的界面，可以通過右上角的角標(biāo)標(biāo)志與其他消息做區(qū)分，對Chatbot的

重要消息可進(jìn)行過濾提取，示意如下圖：

38