《電力企業(yè)移動應(yīng)用界面設(shè)計指南編制說明》

《電力企業(yè)移動應(yīng)用界面設(shè)計指南》編制說明

（征求意見稿）

一、工作簡況

1主要工作過程

1.1起草（草案、調(diào)研）階段

2022年3月，成立標(biāo)準(zhǔn)起草工作組，確定主筆人、起草單位，確定工作方法

及工作內(nèi)容。

2022年3月至4月，成立標(biāo)準(zhǔn)編制工作小組，開展課題前期研究工作。

2022年5月至6月，標(biāo)準(zhǔn)起草工作組根據(jù)研究結(jié)果，形成《電力企業(yè)移動

應(yīng)用界面設(shè)計指南》初稿。

1.2征求意見階段

2022年7月，組織相關(guān)人員對《電力企業(yè)移動應(yīng)用界面設(shè)計指南》初稿開

展研討，編制工作組根據(jù)研討意見對文本進(jìn)行修訂、完善，形成《電力企業(yè)移動

應(yīng)用界面設(shè)計指南》草案。

1.3送審階段

2022年8月，將《電力企業(yè)移動應(yīng)用界面設(shè)計指南》草案送審。

1.4報批階段

2022年9月，編制工作組按照會議審查意見對標(biāo)準(zhǔn)送審稿作了進(jìn)一步的修

改、整理和完善，形成了標(biāo)準(zhǔn)報批稿、編制說明及其它相關(guān)文件，報至中國電工

技術(shù)學(xué)會。

2主要參加單位和工作組成員及其所做的工作

主要參加單位：本標(biāo)準(zhǔn)由國網(wǎng)信息通信產(chǎn)業(yè)集團(tuán)有限公司、北京中電普華信

息技術(shù)有限公司、四川中電啟明星信息技術(shù)有限公司、福建億榕信息技術(shù)有限公

1

司、北京國網(wǎng)信通埃森哲信息技術(shù)有限公司、安徽繼遠(yuǎn)檢驗檢測技術(shù)有限公司共

同負(fù)責(zé)起草。

工作組成員（按對標(biāo)準(zhǔn)的貢獻(xiàn)大小排列）：李強(qiáng)、宋衛(wèi)平、趙峰、張春光、

郭翔、劉澤三、李炳森、高勝杰、桂勝、門浩、黃璞、劉丹、楊蕊、趙慶華、李

曉珍、王慧、白海濱、吳琦、韓姝琪、胡蘋。

所做的工作：標(biāo)準(zhǔn)起草工作組主要成員查閱并收集了電力企業(yè)移動應(yīng)用界面

設(shè)計相關(guān)資料，通過整理分析，確立了主要規(guī)范內(nèi)容，同時根據(jù)專家建議完成對

標(biāo)準(zhǔn)的完善。

二、標(biāo)準(zhǔn)編制原則和主要內(nèi)容

1標(biāo)準(zhǔn)編制原則

1.1本標(biāo)準(zhǔn)根據(jù)《標(biāo)準(zhǔn)化法》及《標(biāo)準(zhǔn)化工作導(dǎo)則第1部分：標(biāo)準(zhǔn)的結(jié)構(gòu)

和編寫》的編寫原則制定，是對行業(yè)標(biāo)準(zhǔn)的補(bǔ)充，與相關(guān)技術(shù)領(lǐng)域的國家現(xiàn)行法

律、法規(guī)、規(guī)章、政策及相關(guān)標(biāo)準(zhǔn)保持一致。

1.2本標(biāo)準(zhǔn)的起草符合移動應(yīng)用界面設(shè)計原則，本著先進(jìn)性、科學(xué)性、合理

性和可操作性的原則以及標(biāo)準(zhǔn)編制的目標(biāo)、統(tǒng)一性、協(xié)調(diào)性、適用性、一致性和

規(guī)范性原則來進(jìn)行本標(biāo)準(zhǔn)的起草工作。

2標(biāo)準(zhǔn)主要內(nèi)容

本標(biāo)準(zhǔn)依據(jù)團(tuán)體標(biāo)準(zhǔn)編制要求進(jìn)行編制，規(guī)定了電力企業(yè)移動應(yīng)用界面設(shè)計

的范圍、規(guī)范性引用文件、術(shù)語和定義、移動應(yīng)用界面設(shè)計要求等內(nèi)容，適用于

電力企業(yè)移動應(yīng)用界面設(shè)計，旨在提高電力企業(yè)移動應(yīng)用界面的一致性和用戶體

驗。

2.1前言：標(biāo)準(zhǔn)起草單位和主要起草人。

2.2范圍

電力企業(yè)移動應(yīng)用界面設(shè)計具體包含信息結(jié)構(gòu)、布局、啟動、圖標(biāo)、色彩、

2

文本、動作、設(shè)計輸出等8個領(lǐng)域的設(shè)計標(biāo)準(zhǔn)。

2.3參考文件

本指導(dǎo)性技術(shù)文件引用了國外標(biāo)準(zhǔn)、國家標(biāo)準(zhǔn)等，以保證指導(dǎo)性技術(shù)文件條

款的可依性和可行性。

引用標(biāo)準(zhǔn)包括：GB/T18976—2003以人為中心的交互系統(tǒng)設(shè)計過程、GB/T

18978—2014系統(tǒng)交互工效學(xué)第151部分：互聯(lián)網(wǎng)用戶界面指南、GB/T

18978.11—2004使用視覺顯示終端（VTDs）辦公的人類功效學(xué)要求第11部分：

可用性指南、ISO9241-210-2010Ergonomicsofhuman-systemineteraction-

Part210:Human-centerddesignforinteractivesystems、DL/T600電力行

業(yè)規(guī)范編寫基本規(guī)定（規(guī)則）。

參考文獻(xiàn)包括：《國家電網(wǎng)公司品牌標(biāo)識推廣應(yīng)用手冊(第三版)》、AppleiOS

HumanInterfaceGuidelinesAppleiOS人機(jī)界面指南、GoogleMaterial

Design谷歌安卓材料設(shè)計、WindowsappsHumanInterfaceGuidelines

Windows應(yīng)用程序人機(jī)界面指南、HarmonyOSDeveloper鴻蒙通用設(shè)計指南。

2.4術(shù)語和定義

對本指導(dǎo)性技術(shù)文件中會使用的術(shù)語進(jìn)行定義，對后續(xù)內(nèi)容描述提供了術(shù)語

支持。包括：用戶、原型、使用情景、可用性、用戶體驗、以用戶為中心、容器、

移動應(yīng)用、信息結(jié)構(gòu)。

2.5移動應(yīng)用界面設(shè)計要求

移動應(yīng)用界面設(shè)計是在遵從iOS、Andriod和Harmony平臺總體設(shè)計要求基

礎(chǔ)之上制定的，包括信息結(jié)構(gòu)、布局、啟動、圖標(biāo)、色彩、文本、動作和設(shè)計輸

出8個部分。

（1）信息結(jié)構(gòu)設(shè)計要求，從導(dǎo)航、內(nèi)容和交互三個方面，圍繞相關(guān)設(shè)計要

求，明確各應(yīng)用場景分類導(dǎo)航、內(nèi)容展示、界面交互設(shè)計標(biāo)準(zhǔn)及各控件、容器使

3

用標(biāo)準(zhǔn)，同時為相關(guān)設(shè)計者提供對應(yīng)應(yīng)用場景下的詳細(xì)設(shè)計指導(dǎo)。

（2）界面布局設(shè)計要求，從移動應(yīng)用界面布局的設(shè)計單位、排版以及布局

的適應(yīng)性和響應(yīng)方式三個方面，針對iOS和Android平臺分別提供詳細(xì)的設(shè)計界

面元素、空間量等內(nèi)容標(biāo)準(zhǔn)，給予不同平臺的設(shè)計指導(dǎo)。

（3）啟動設(shè)計要求，從功能延后、啟動畫面和提供幫助三個方面，給予基

本標(biāo)準(zhǔn)設(shè)計指導(dǎo)。

（4）圖標(biāo)設(shè)計要求，從應(yīng)用圖標(biāo)和自定義圖標(biāo)給予設(shè)計指導(dǎo)。

（5）色彩設(shè)計要求，從主題色、中性色、功能色、色彩數(shù)量、信息層級、

交互鏈接和流行趨勢保持給予設(shè)計指導(dǎo)。

（6）文本設(shè)計要求，從字體、字重以及文字表述給予設(shè)計指導(dǎo)。

（7）動作設(shè)計要求，從手勢、動態(tài)給予設(shè)計指導(dǎo)。

（8）設(shè)計輸出要求，從圖片命名、圖片輸出格式以及標(biāo)注要求給予設(shè)計指

導(dǎo)。

2.6附錄

資料性附錄，包括移動應(yīng)用后退按鈕類型、設(shè)備與其倍率的對應(yīng)表、響應(yīng)式

布局設(shè)計方案、標(biāo)準(zhǔn)手勢、常見控件名稱等。

3主要技術(shù)差異

本標(biāo)準(zhǔn)通過調(diào)研釘釘、企業(yè)微信、飛書等行業(yè)領(lǐng)先企業(yè)移動應(yīng)用頁面設(shè)計標(biāo)

準(zhǔn)，從用戶出發(fā)，充分考慮用戶的使用體驗，并根據(jù)不同產(chǎn)品的戰(zhàn)略和具體情境，

進(jìn)行靈活變化。本標(biāo)準(zhǔn)定位為團(tuán)體標(biāo)準(zhǔn)，是對行業(yè)標(biāo)準(zhǔn)的補(bǔ)充，與相關(guān)技術(shù)領(lǐng)域

的國家現(xiàn)行法律、法規(guī)、規(guī)章、政策及相關(guān)標(biāo)準(zhǔn)保持一致。

4解決的主要問題

在電力行業(yè)，用戶對移動應(yīng)用需求越來越大，在產(chǎn)品建設(shè)過程中，產(chǎn)品設(shè)計、

命名、標(biāo)注和切圖等過程中很難做到行為統(tǒng)一，導(dǎo)致很多界面和場景用戶體驗不

4

一致，不利于電力企業(yè)移動應(yīng)用用戶體驗、業(yè)務(wù)拓展和業(yè)務(wù)融合。同時，電力企

業(yè)移動應(yīng)用界面設(shè)計缺少統(tǒng)一指引，造成移動應(yīng)用設(shè)計風(fēng)格不統(tǒng)一、視覺效果差、

缺少充分考慮用戶的使用體驗，造成電力企業(yè)移動應(yīng)用產(chǎn)生用戶體驗差、產(chǎn)品辨

識度低等問題，不利于電力企業(yè)打造品牌，增加用戶轉(zhuǎn)化率、留存率，提升產(chǎn)品

活躍度。因此面向電力企業(yè)移動應(yīng)用建設(shè)決策者、項目管理者、移動應(yīng)用設(shè)計者

以及界面設(shè)計者等制定本標(biāo)準(zhǔn)，通過規(guī)范電力企業(yè)移動應(yīng)用界面設(shè)計標(biāo)準(zhǔn)，有助

于統(tǒng)一界面設(shè)計風(fēng)格，優(yōu)化移動應(yīng)用界面設(shè)計質(zhì)量、提升用戶視覺體驗，增強(qiáng)產(chǎn)

品辨識度、提升品牌效應(yīng)和競爭優(yōu)勢，也為電力企業(yè)眾多移動應(yīng)用一致性提供可

靠保障，促進(jìn)電力企業(yè)移動互聯(lián)發(fā)展、打造企業(yè)品牌，以提升電力企業(yè)設(shè)計水平、

優(yōu)化用戶體驗，對今后打造電力企業(yè)移動應(yīng)用建設(shè)具有重要的指導(dǎo)意義。

三、主要試驗（或驗證）情況

以公司統(tǒng)一外網(wǎng)移動平臺（i國網(wǎng)）建設(shè)項目實踐，開展實施、應(yīng)用推廣工

作。該項目已在北京、上海、江蘇、浙江等全國31個網(wǎng)省實現(xiàn)試點應(yīng)用，同時

已建設(shè)成為國網(wǎng)統(tǒng)一移動平臺，當(dāng)前注冊用戶數(shù)134萬，日活41萬，完成783

個移動應(yīng)用集成，初步實現(xiàn)了對公司生產(chǎn)作業(yè)、辦公管理業(yè)務(wù)的全覆蓋，統(tǒng)一了

企業(yè)移動應(yīng)用界面設(shè)計。

四、標(biāo)準(zhǔn)中涉及專利的情況

本標(biāo)準(zhǔn)不涉及專利問題。

五、預(yù)期達(dá)到的社會效益、對產(chǎn)業(yè)發(fā)展的作用等情況

本標(biāo)準(zhǔn)批準(zhǔn)發(fā)布后，將為電力企業(yè)移動應(yīng)用界面設(shè)計提供統(tǒng)一明確的技術(shù)規(guī)

范，全方位詮釋電力企業(yè)移動應(yīng)用設(shè)計規(guī)范一致性的含義，為設(shè)計師提供一個有

效的索引，提高電力企業(yè)移動應(yīng)用設(shè)計迭代一致性和高效性，促進(jìn)電力企業(yè)移動

應(yīng)用業(yè)務(wù)拓展、融合以及平臺類移動應(yīng)用建設(shè)，填補(bǔ)電力企業(yè)移動應(yīng)用界面設(shè)計

相關(guān)標(biāo)準(zhǔn)的空白。同時本標(biāo)準(zhǔn)為設(shè)計師提供簡易性設(shè)計理念、通過用戶語言呈現(xiàn)

5

應(yīng)用界面的設(shè)計方式，為用戶提供統(tǒng)一性電力企業(yè)移動應(yīng)用界面設(shè)計風(fēng)格，提高

用戶友好性及交互體驗，促進(jìn)產(chǎn)品易用，增加用戶轉(zhuǎn)化率、留存率，增強(qiáng)產(chǎn)品辨

識度、提升品牌效應(yīng)和競爭優(yōu)勢。

六、與國際、國外對比情況

本標(biāo)準(zhǔn)有參照國外標(biāo)準(zhǔn)。

本標(biāo)準(zhǔn)的總體水平屬于國內(nèi)領(lǐng)先水平。

七、在標(biāo)準(zhǔn)體系中的位置，與現(xiàn)行相關(guān)法律、法規(guī)、規(guī)章及相關(guān)

標(biāo)準(zhǔn)，特別是強(qiáng)制性標(biāo)準(zhǔn)的協(xié)調(diào)性

本標(biāo)準(zhǔn)定位為團(tuán)體標(biāo)準(zhǔn)，是對行業(yè)標(biāo)準(zhǔn)的補(bǔ)充，與相關(guān)技術(shù)領(lǐng)域的國家現(xiàn)行

法律、法規(guī)、規(guī)章、政策及相關(guān)標(biāo)準(zhǔn)保持一致。

八、重大分歧意見的處理經(jīng)過和依據(jù)

本標(biāo)準(zhǔn)編制過程中廣泛征集了專家意見，所有意見均按照標(biāo)準(zhǔn)編制程序進(jìn)行

了采納，不存在重大分歧意見。

九、標(biāo)準(zhǔn)性質(zhì)的建議說明

本標(biāo)準(zhǔn)定位為團(tuán)體標(biāo)準(zhǔn)。

十、貫徹標(biāo)準(zhǔn)的要求和措施建議

1建議本標(biāo)準(zhǔn)批準(zhǔn)發(fā)布7天后實施。

2建議相關(guān)從事電力企業(yè)移動應(yīng)