DB42 T 1728.2-2021 政务服务移动端建设规范 第2部分：旗舰店建设.pdf

《DB42 T 1728.2-2021 政务服务移动端建设规范 第2部分：旗舰店建设.pdf》由会员分享，可在线阅读，更多相关《DB42 T 1728.2-2021 政务服务移动端建设规范 第2部分：旗舰店建设.pdf（22页珍藏版）》请在麦多课文档分享上搜索。

1、ICS 35.240.99 CCS L 67 DB42 湖北省 地 方 标 准 DB42/T 1728.2 2021 政务服务移动端建设规范 第 2 部分：旗舰店建设 Specification for government service mobile terminal construciton Part 2: Flagship store construction 2021 - 08 - 06 发布 2021 - 10 -06 实施 湖北省市场监督管理局 发布 DB42/T 1728.22021 I 目 次 前言 . III 引言 . IV 1 范围 . 1 2 规范性引用文件 . 1 3

2、 术语和定义 . 1 4 旗舰店命名 . 1 4.1 命名规则 . 1 4.2 旗舰店简介 . 1 4.3 旗舰店主体 . 2 5 总体要求 . 2 6 旗舰店功能 . 2 6.1 功能设置原则 . 2 6.2 全局控件范围 . 2 7 接入流程 . 3 8 功能规范 . 4 8.1 旗舰店基础功能 . 4 8.2 便民服务 . 4 8.3 办事服务 . 4 8.4 搜索服务 . 5 8.5 用户中心 . 5 8.6 政务公开 . 5 8.7 咨询投诉 . 5 8.8 新闻政策 . 5 8.9 政务通讯录 . 5 8.10 办事大厅 . 6 8.11 特色与创新 . 7 8.12 专区服务 .

3、 7 9 页面规范 . 7 9.1 全局要求 . 7 9.2 页面结构 . 7 9.3 基本元素 . 11 附 录 A（资料性附录） 旗舰店页面示例 . 14 附 录 B（规范性附录） 提示场景样式图 . 16 DB42/T 1728.22021 II 参考文献 . 17 DB42/T 1728.22021 III 前 言 本文件按照 GB/T 1.1-2020标准化工作导则 第 1部分 ： 标 准化文件的结构和起草规 则的规定起 草。 本文件是 DB42/T 1728政务服务移动端建设规范的第 2部分。 DB42/T 1728已经发布了以下部分： 第 1部分：应用接入 ； 第 2部分：旗舰店

4、建设。 本文件由湖北省大数据中心提出。 本文件由湖北省政务管理办公室归口。 本 文件起草单位 ：湖北省大数 据中心、湖北省标准化与质量研究院、湖北省楚天云有限公司。 本文件主要起草人：卢 文 军、 李新宇、 冯 金平、 李 柏、刑小娟、王臻、韩 雨 静、郭伟 、曹磊、冯霞 、 肖世达、罗亮、韩吉威、 张 红娟、黄渊蓉、张微 。 本文件实施应用中的疑问。 可 咨 询湖北省政务管理办公 室，联系电话： 027-87234066，邮箱： ；对本文件的有关修改意见建议请反馈至湖北省大数据中心，联系电话： 87230616， 邮箱 。 DB42/T 1728.22021 IV 引 言 为了对全省各省级部

5、门、各市（州） 政务服务资源 进行应用聚合 ，构建本地一体化服务能力，达到 提高网上政务服务能力和方便群众办事的目的， DB42/T 1728.2-2021按照国家政务服务平台政务服务 移动端建设要求有关要求，结合我省实际情况，为规范 政务服务 移 动端建设 提供指引， 文 件 由两个部 分 构 成。 第 1部 分： 应 用接入 。目 的在于 确 立 第 三方 应 用接入 政 务服务移动端的要 求和 操作规范 。 第 2部 分：旗 舰 店建设 。 目的在于 统一各 级鄂汇办旗舰店 的 建设 风格和 功能要求 。 DB42/T 1728.22021 1 政务服务移动端建设规范 第 2 部 分：旗

6、舰店建 设 1 范围 本文件规定了鄂汇办旗舰店命名、总体要求、旗舰店功能、接入流程、功能规范以及页面规范。 本文件适用于湖北省鄂汇办旗舰店的建设。 2 规范性引用文件 下列文件中的内容通过文中的规范性引用而构成本文件必不可少的条款。其中，注明 日 期 的引用文 件，仅该日期对应的版本适用于本文件；不注日期的引用文件，其最新 版本（包括所有的修改单）适用 于本文件。 DB42/T 1728.1-2021 政务服务移动端建设规范 第 1部分：应用接入 3 术语和定义 DB42/T 1728.1-2021界定的以及下列术语和定义适 用于本标准。 3.1 鄂汇办旗舰店 E-Huiban flagshi

7、p store 各级政府部门 以 鄂汇办 APP为 基础建设的政务服务站点，是各级政府部门移动端政务服务站点入口。 4 旗舰店命名 4.1 命名规则 各级鄂汇办旗舰店命名规则为“鄂汇办旗舰店名称”。 命 名 宜使用地方、部门的名称、简称或能 够体现地方、部 门政务服务特色的名称。旗舰店名称应以全称形式显示在旗舰店头部标识区。 4.2 旗舰店简介 旗舰店简介是指在各应用市场中向用户介绍政务服务移动端内容及功能的说明文字，需在旗舰店简 介中简要描述旗舰店可提供的服务内容和功能。 4.3 旗舰店主 体 旗舰店主 体应使用 旗舰店管理部门名称。 5 总体要求 DB42/T 1728.22021 2 鄂

8、汇办旗舰店的总体建设要求如下： a) 应与鄂汇办 APP统一用户体系， 不能出现用户二次登录的情况 ； b) 应兼容当前主流移动端的屏幕尺寸与分辨率，具备与鄂汇办统一的用户体验和交互方式； c) 显示内容中图片、 附 件 、视频等应有 效可用，名称应准确。图片、附件、视频采用 JPG、 PNG、 OFD、 PDF、 MP4等主流常用格式，附件宜使用网页阅读（避免使用浏览器差距）模式，便于跨 平台的兼容性和浏览的流畅度； d) 不宜使用弹出窗口、漂浮窗口，确需使用时，不能使用多个窗口，且窗口应提供关闭按钮 ； e) 集成统一 分享功能 ，分享渠道应支持当前主流社交平台软件； f) 涉及系统关联的

9、信息由系统自动填写，需要用户填写的信息内容，输入方式应以点选或勾选为 主，关键实质内容以文字方式输入； g) 旗舰店应支持信息无障碍浏览和适老化大字模式浏览。 6 旗舰店功能 6.1 功能 设 置 原则 旗舰店应具备与鄂汇办 APP统一的“全局控件”，如：统一的地域切换入口、统一的办件信息。 可在“全局控件”的基础上自主设计地域性页面结构和服务模块，自主设计应遵守必要的字体字号、 控件样式要求。 6.2 全局控件范围 全局控件包括头部（首页及二三级子页面）和菜单栏（仅一级 页），布局要 求应遵循图 1要求。 a)市州 （ 区县 ） 旗舰店 b)适用于部门旗舰店 图 1 全局控件示意图 6.2.

10、1 菜单栏（仅一级页） DB42/T 1728.22021 3 菜单栏控件仅在一级页面显示（如图 2所示），菜单栏页签中，中央页签可自定义图标和名称 ， 其 它 4个页签不可自定义。“首页”、“自定义”内页可完全自定义页面内容；“办事、互 动、我的”内 页由鄂汇办提供服务能力、各旗舰店根据业务做深化设计。 图 2 菜单栏（仅一级页） 6.2.2 头部（首页、一级页、二三级页） 各级页面头部控件布局要求详见图 3-图 5。 a)市州 （ 区县 ） 旗舰 店 b)部门旗舰店 图 3 首页头部 a)市州 （ 区县 ） 旗舰店 b)部门旗舰店 图 4 一级页头部 a)市州 （ 区县 ） 旗舰店 b)部

11、门旗舰店 图 5 二、三级页 头 部 7 接入流程 接入 流程应符合 DB42/T 1728.1-2021要求。 8 功能规范 DB42/T 1728.22021 4 8.1 旗舰店基础功能 旗舰店 应具备以下基础服务：便民服务、办事服务、搜索服务、用户中心、政务公开、咨询投诉。 可添加新闻政策、政民互动、政务服务讯录 、办事大厅等 功能板块。 8.2 便民服务 8.2.1 便民服务分类 便民 服务 形式包括 但 不限于查询类、预约类和办理类， 便民服务 使用场景分为以 下 三类： a) 高频公共服务事项。例如：电力、燃气、水务、公交、客运等场景下的缴费、余额查询服务； b) 高频即办件服务。

12、 依申请事项中证 明打印可作为查 询类服务 ，例如：社保缴费证明打印作 为缴 费记录查询；用户实际办 事中的高频事项可简化流程，将办件材料表格形成电子表单，改造为 办理类服务；对于办事中必须在线下窗口中确认的事项，可将预约流程做在线上，为用户提供 线上预约通道，减少线下办事的排队时间； c) 高频生活类服务 ，例如：乘车 码、就医挂号 、智慧停车。 8.2.2 便民服务要求 便民服务功能应满足以下要求： a) 服务可用性：产品功能应满足用户需要，符合实际使用场景，数据结果需准确，功能是可执行 的，无明显报错信息； b) 服务无缺陷：服务不能出现无故白屏、无限等待加载、卡顿、闪 退等问题。不应存

13、在等级为致 命和严重的缺陷，等级为 一般的缺 陷数量应小于 3个； c) 业务流程真实性：接入单位应提供可供测试的真实账号，该账号应能走完全部业务流程，且测 试结果与应用申请接入描述一致。若涉及隐私等情况不便提供真实账号，应在测试验收报告中 提供完整的可清晰辨认的服务使用截图或者录屏（敏感信息可打马赛克处理）。 8.3 办事服务 8.3.1 总体要求 旗舰店 应接入在线办事服务，接入的在线办事事项应至少具备互联网咨询、互联网办理、互联网结 果信息反馈的能力。可根据事项具体场景和 地方（ 部门 ） 网上政务服务建设需求 提供在线咨询、在线预 约、互联网电子证照反馈功能。 对于无法满足以上三项要求

14、的事项，应提供办事指南展 示功 能供群众查 阅。 8.3.2 办事指南展示 政务 服务事项发布实施清单展示内容应包括实施编码、事项名称、事项类型、设定依据、行使层级、 实施主体、法定办结时限、承诺办结时限、到办事现场次数、受理条件、材料目录信息、办理流程、是 否收费、收费标准、收费项目名称、办件类型、办理地点、办理时间、咨询方式、常见问题、监督投诉 方式等要素。 8.3.3 事项在线办理 自然人、法人和其他组织 经过国家政务服务平台政务服务移动端用户注册和登录认证后可在旗舰店 进行事项办理。 8.3.4 办件查询 DB42/T 1728.22021 5 自然人、法人和其他组织 应通过事项编码或

15、者用户身份信息，查询所办理事项信息。 8.4 搜索服务 应提供关键字 搜索 服务 ， 用于 对旗舰店中的便民服务、办事事项、新闻政策、政务通讯录进行搜索， 搜索功能应支持模糊检索、目录检索、整句搜索、多条件筛选、地理位置识别和全文检索等方式，并具 有拼音和关键词联想、政务主题词库、错别字识别、停用词识别、违禁词识别、热词推荐和智能推荐等 辅助功能。 搜索结果按分类、部门和地区展现，地区展现上 实现省、市、县三级联动 ， 对内容进行智能化排序 ， 帮助自然人、法人和其他组织快速准 确地定位信息、政策、事项和服务。 8.5 用户中心 自然 人、法人和 其他组织登录前 ， 用户中心 功能 包括但不限

16、于： 旗舰店版本信息、 旗舰店常见问题； 自然人、法人和其他组织登录后， 用户 中 心功能 包括但不限于： 用户基本信息、用户基本设置、用户办 件信息、用户证照信息、用户推荐服务、用户收藏信息、用户支付信息、用户快递信息、用户办事材料 信息 。 8.6 政务公开 政务公开 功能 包括 但不限于 ：权力清单、公共服务清单、中介服务清单、收费清单、跑动次数清单、 通办事项清单、政策公告、政策解读、政府公报。 8.7 咨询投诉 咨询投诉应包括咨询、投诉、业务办理建立 、使用建议、诉求、好差评、 12345热线功能。 8.8 新闻政策 8.8.1 新闻政策推送 应对新闻、新产品发布和业界动 态、政策解

17、读等经常变动的信息进行集中管理，并通过信息共性进 行分类实现系统化、标准化发布。 8.8.2 新闻动态展示 应包含本地新闻、政情、 民生、党建以及区（县）最新动态，并根据新闻动态时间进行相应图文推 送。 8.9 政务通讯录 政务 通讯录指群众办理政务服务事项时可以直接咨询的通讯录。用户可以从通讯录中获取咨询电话 并直接拨打，或通过直接进行地图导航前往大厅办理。通讯录需具备表 1所述要素。 表 1 通信录要素 要素名称 示例 要素类型 大 厅 /部门名称 XX 市人力资源和社会保障局 必备 办理时间 周一至周五： 8:30-12:00 14:00-17:00 周六： 9:00-12:00 必备

18、咨询电话 027-XXXXXXXX 必备 DB42/T 1728.22021 6 表 1 通信录要素（续） 要素名称 示例 要素类型 咨询窗口 2 号咨询窗口 可选 在线咨询方式 微信公众号： XX 人社 可选 办理地点 XX 市 XX 区 XX 路 10 号社会保障服务大厅 必备 交通指引 公交： XX 公交站（ 901、 527、 81） 地铁： XX 车站 可选 大厅可办事项 事项 1：事项名称，办理窗口 ： X 号窗口 事项 2：事项名称，办理窗口： X 号窗口 必备 8.10 办事大厅 用户 根据区划选择办事大厅，优先 用户当前位置所在地区 /县级办事大厅，大厅包括市 /州、区 /县

19、 级大厅及街道 /乡镇人民政府和各部门大厅，同时提供社区 /村及管委会位置、导航、事项清单。办事大 厅需具备表 2所述要素。 表 2 办事大厅要素 结构 要素名称 要素类型 大厅信息 大厅简介 必备 办事大厅图文简介 必备 服务电话 必备 网点导航地图展示 必备 办理窗口 必备 窗口排队人数 可选 大厅指引 可选 其它服务 可选 网点导 航 必备 我要办事 我要预约 必备 部门列 表 必备 主题列表 必备 事项检索 必备 在线填报 必备 我的预约列表 必备 当前排队人数 必备 办理窗口 必备 取消预约 必备 在线取号 必备 我的 已 办理列表 可选 办理结果 可选 DB42/T 1728.22

20、021 7 表 2 办事大厅要素（续） 结构 要素名称 要素类型 便民生活网点 街道办 /居委会 可选 社保网点 可选 医保 网点 可选 公积金网点 可选 AED（急救设备） 可选 缴费网点 可选 8.11 特色与创新 建设 方 可 在 旗舰店中建设 特色服务专区，建设内容参考如下 ： a) 办事服务。提供办事指南展示功能，可供群众查阅。自 然人、法人和其他组织经过鄂汇办用户 注册和登录认证后可在服务专区进行事项办理； b) 便民服务。为用户提供特色服务专区相关高频公共服务事项、高频即办件服务、高频生活服务； c) 营商环境优化，惠企纾困、中小微企业扶持、利企政策解读、精准推送等。 8.12

21、专区服务 专区服务应围绕群众常用场景和主题，选择高频事项融合，关注重点人群和主题，服务类型包括 但 不限于查询类、预约类和办理类，专区模式包括 但 不限于高频事项、使用群体、相关政策、实时 热点等。 不同 分类方式专区建设参考如下： a) 按高频事 项分类包括但不限于：人社服务专区、医保专区、公积金专 区、不动产专区等； b) 按群体分类包括但不限于：为弱势群体打造残疾人专区和老年人专区、大学生专区等； c) 按政策分类包括但不限于：关注普惠小微企业的金融服务专区、红色专区等； d) 按热点分类包括但不限于：实时关注热点建设疫情专区、高考专区、春运专区等。 9 页面规范 9.1 全局要求 鄂

22、汇办旗舰店在显示效果、显示内容、交互设计等方面整体要求如下： a) 符合移动设备的交互方式，应兼容当前主流移动设备的屏幕尺寸与分辨率； b) 统 一 的识别性：保持 统一的头部结构和一级导航，以提升用户对“旗舰店” 的识别度； c) 保持文字、色系、图标、控件等的统一性； d) 通用组件一致性：弹窗、缺省页、加载状态等使用鄂汇办统一的样式； e) 搜索交互一致性：接入鄂汇办搜索 sdk，使用统一的搜索控件； f) 分享交互一致性：集成统一分享功能，分享渠道支持当前主流社交平台软件； g) 图片需清晰无变形。 9.2 页面结构 9.2.1 页面结构总体要求 保持 各旗舰店的统一识别性，故要有统一

23、的头部、 菜单栏 ，以保证全局性功能、交互操作的一致性， 同时降低用户的学习成本。 DB42/T 1728.22021 8 自定义区域内容不限 ， 但须遵守 “ 基础元素 ” 中对边距、颜色、 字体的统一要求 。 9.2.2 首页 首页页面 设计 详 见图 6-图 7， 图 例 基于 1倍图尺寸设计并标注 。 首页示例见 附录 A。 a)布局 b)标注 图 6 市州（区县）旗舰店首页布局和标注设计图 a)布局 b)标注 图 7 部门旗舰店首页布局和标注设计图 DB42/T 1728.22021 9 9.2.3 一级页 一级页 页面设计 详 见图 8-图 11， 图 例基于 1倍图尺寸设计并标注

24、 。 一级页示例见 附录 A。 a)布局 b)标注 图 8 市州（ 区县）一级页布局和标注设计图 a)布局 b)标注 图 9 市州（区县）一级页（头部带搜索）布局和标注设计图 DB42/T 1728.22021 10 a)布局 b)标注 图 10 部门一级页面布局和标注设计图 a)布局 b)标注 图 11 部门 一级页 （头部带搜索）布局和标注设计图 9.2.4 二、三 级页 一级 页页面设计 详 见图 12-图 13， 图 例基于 1倍图尺寸设计并标注 。 二 、 三级页示例见 附录 A。 DB42/T 1728.22021 11 a)布局 b)标注 图 12 市州（区县）二、三级页布局和标

25、注设计图 a)布局 b)标注 图 13 部门二、三级页布局和标注设计图 9.3 基 本元素 9.3.1 颜色 颜色要求分为主色、功能色、中性色、辅助色四个部 分 。 a) 主色 。 主色 #4269DB。 DB42/T 1728.22021 12 b) 功能色 。 错误： #FF0000，告警： #FFB92A，成功： #00C47A，正常： #90A1B7，超链接： #4269DB。 c) 中性色 。 中性色用于文本、背景和边框颜色。通过运用 以下 不同的中性色，来表现层次结构 ： 主要文字： #000000 100%，次要文字： #000000 45%； 反白文字： #FFFFFF 100

26、%，次要反白： #FFFFFF 45%； 主要边框： #EBEBEB； 主要背景： #F1F4F9 100%，次要背景： #F9F9F9。 d) 辅助色 。 用于图标、卡片等需要用多色彩 呈现的元素。 色值在 #4E78E3、 #3EAAFB、 #17BEA9、 #00B789、 #FF0000（ 85%）、 #F65B56、 #FF5774、 #FF6D1D、 #FF8C08、 #F5B32C、 #FFF2E3中 选用 。 9.3.2 文字 本部分内容涵盖页面中 90%以上常用的文字标准，如果以下内容不能满足界面需求，可按实际需求 上下调整 2个字号。 a) 字号 ： H1:24 PX,适用

27、于老人专区、无障碍专区的界面； H2:20 PX,详情页标题，信息发布页、办事指南、在 线办理等事项标题； H3:18 PX,大标题； H4:16 PX,小标题； H5:14 PX,正 文， 页面默认字 号； H6:12 PX,对 H4的降级，当内容拥挤时可使用 H5； H7:10 PX,辅助性文字，中老年用户阅读辨识度低，慎用。 b) 字体 ： 如无特殊标注，文字均使用非衬线体（即无边角修饰的等线体）； MacOS 默认中文：苹方；英文： San Francisco； Android 默认中文：思源；英文： robot。 c) 粗体 。 粗体用来强调、突出部分文字内容。 9.3.3 布局 页

28、面 左右两侧默认 16 px边距， 版心 根据场景不同 可自由选择等分布局；左右预留 16 px边距的等分 布局。 9.3.4 间隔 横 向空间和纵向空间间距固定为三个类型。 a) 横向空间的间距固 定三个类型： 小号间距：相同类组件之间的间距； 中号间距：相关联但不同类的组件间距； 大号间距：不关联也不同类的组件间距。 注： 若以上间距不能满足信息化分等级，可按实际需求在原有基础上增减 4的倍数。 b) 纵向空间的间距固定三个类型： 小号间距：相同类组件之间的间距； 中号间距：相关联但不同类的组件间距； 大号间距：不关联也不同类的组件间距。 DB42/T 1728.22021 13 9.3.

29、5 按钮 按钮 尺寸 ： 默认为 40 px高，特殊场景根据需要可机动 递增或递减 4 px。宽度做限制，可根据需要做 通栏或等分按钮，按钮 间隔为 8 px； 圆角弧度： 默认 R=4 px，无特殊场景不建议 使用 100%圆角 。 9.3.6 图标 所有的图标尺寸都应基于 4 px的倍数，如 16 px*16 px、 20 px*20 px、 32 px*32 px 这样可以最大 限度节省图片体积，并便于按倍数调整。 切图能使用 SVG格式尽量使用该格式，不能的，使用 2x尺寸图片，即二倍图，以保持视网膜屏幕的 正常显示。 注： 图标风格样式不做统一要求，与自身页面保持统一即可。 9.3.

30、7 提示 分普通提示和特殊提示两种类型 ，要求如下： a) 普通提示：所有提示调用系统默认 dialog及 toast样式，内容不做限制； b) 特殊提示： 指可供调用的公共提示，场景如下： “加载 ”提示； “网络问题”提示样式； “建设中”提示样式； “维护”提示样式； “加载失败”提示样式； “活动火爆”提示样式； “响应超时”提示样式； “搜索为空”提示样式； “留言为空”提示样式； “图片加载失败”提示样式。 提示场景样式图 应 符合 附录 B的 规定 。 DB42/T 1728.22021 14 A A 附 录 A （资料性附录） 旗舰店页面示例 图 A.1A.3给出了各级页面结构

31、示例。 a) 地市示例 b) 区县示例 c)部 门示例 图 A.1 首页示例图 DB42/T 1728.22021 15 a) 头 部带搜索 b) 头 部不带搜索 图 A.2 一级页面示例图 图 A.3 二、三级页示例图 DB42/T 1728.22021 16 B B 附 录 B （规范性附录） 提示场景样式图 图 B.1给出了各类场景提示样式图。 a) “加载 ”提示 b) “网络问题 ”提示 c) “建设中 ”提示样式 d） “维护 ”提示样 式 e） “加载失败 ”提示样式 f） “活动火爆 ”提示样式 g） “响 应超时 ”提示样式 h） “搜索为空 ”提示样式 i) “留言为空 ”

32、提示样式 j） “图片加载失败 ”提示样式 图 B.1 提示应用场景样式图 DB42/T 1728.22021 17 参 考 文 献 1 GB/T 22239-2019 信息安全技术 网络安全等级保护基本要求 2 GB/T 25000 系统与软件工程 系列标准 3 GB/T 39044-2020 政务服务平台接入规范 4 GB/T 32927-2016 信息安全技术 移动智能终端安全架构 5 GB/T 37729-2019 信息技术 智能移动终 端应用软件 (APP)技术要求 6 GB/T 39047-2020 政务服务平台基本功能规范 7 C 0103-2018国家政务服务平台政务服务移动端建设要求 8 移动互联网应用（ APP)适老化通用设计规范（工信部 2021.4.7） _