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

lCS 35. 240. 99 CCS L 67 DB42 湖北省山巳ETE, 万标准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.2-2021 目次前言. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . III 号|言.IV l范围. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2规范性引用文件. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3术语和定义. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 4旗舰店命名. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 4. 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专区服务. 7 9页面规范7 9.1全局要求. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 9. 2页面结构. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 9 DB42/T 1728.2一-2021参考文献. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 II DB42/T 1728.2-2021 目IJ1=1 本文件按照GB/T1. 1-2020 标准化工作导则第1部分:标准化文件的结构和起草规则的规定起草。本文件是DB42/T1728 ;:.地 v v 吕向称页不主可自修定改义茜内称页可全自自定主义义A -B阳图2菜单栏(仅一级页)6. 2. 2 头部(首页、一级页、二三级页)各级页面头部控件布局要求详见图3图50. 9 100%面-9:41 AM 区回切挠，日电台国市州(区县)服舰店各称Q酬店内田暨南置睛.1119 100%(1国昏9:41 AM 区崎切焕，巳王D因部门服舰店各称1Q曲四时归晤士冀a)市少|、I(区县)旗舰店图3首页头部自腹舰阳办事100%1 a)市州(区县)旗舰店图4一级页头部9:4、AM100% _ 园丁b)部门旗舰店9:41 AM 100; _. 9:41 AM 100% _ 因部门服舰店名称标题巳王Db)部门旗舰店E二|了标题品因|a)市州(区县)旗舰店图5二、三级页头部7 接入流程接入流程应符合0842/T1728.1-2021要求。8 功能规范9:41 AM 100% _ 相标题主Db)古IHJ旗舰店3 DB42/T 1728.2-2021 8. 1 旗舰店基础功能旗舰店应具备以下基础服务:便民服务、办事服务、搜索服务、用户中心、政务公开、咨询投诉。可添加新闻政策、政民互动、政务服务讯录、办事大厅等功能板块。8. 2 便民服务8.2.1 便民服务分类便民服务形式包括但不限于查询类、预约类和办理类，便民服务使用场景分为以下三类:a) 高频公共服务事项。例如:电力、燃气、水务、公交、客运等场景下的缴费、余额查询服务:b) 高频即办件服务。依申请事项中证明打印可作为查询类服务，例如:社保缴费证明打印作为缴费记录查询:用户实际办事中的高频事项可简化流程，将办牛材料表格形成电子表单，改造为办理类服务;对于办事中必须在线下窗口中确认的事项，可将预约流程(故在线上，为用户提供线上预约通道，减少线下办事的排队时间:c) 高频生活类服务，例如:乘车码、就医挂号、智慧停车。8. 2. 2 便民服务要求便民服务功能应满足以下要求:a) 服务可用性:产品功能应满足用户需要，符合实际使用场景，数据结果需准确，功能是可执行的，无明显报错信息:b) 服务无缺陷:服务不能出现无故自屏、无限等待加载、卡顿、闪退等问题。不应存在等级为致命和严重的缺陷，等级为一般的缺陷数量应小于3个:c) 业务流程真实性:接入单位应提供可供测试的真实账号，该账号应能走完全部业务流程，且测试结果与应用申请接入描述一致。若涉及隐私等情况不便提供真实账号，应在测试验收报告中提供完整的可清晰辨认的服务使用截图或者录屏(敏感信息可打马赛克处理)0 8. 3 办事服务8.3.1 总体要求旗舰店应接入在线办事服务，接入的在线办事事项应至少具备互联网咨询、互联网办理、互联网结果信息反馈的能力。可根据事项具体场景和地方(部门)网上政务服务建设需求提供在线咨询、在线预约、互联网电子证照反馈功能。对于无法满足以上三项要求的事工页，应提供办事指南展示功能供群众查阅。8.3.2 办事指南展示政务服务事项发布实施清单展示内容应包括实施编码、事工员名诈、事项类型、设定依据、行使层级、实施主体、法定办结时限、承诺办结时限、到办事现场次数、受理条科、材料日录信息、办理流程、是否收费、收费标准、收费项目名称、办件类型、办理地点、办理时间、咨询方式.常见问题、监督投诉方式等要素。8. 3. 3 事项在线办理自然人、法人和其他组织经过国家政务服务平台政务服务移动端用户注册和登录认证后可在旗舰店进行事项办理。8.3.4 办件查询4 DB42/T 1728.2-2021 自然人、法人和其他组织应通过事项编码或者用户身份信息，查询所办理事项信息。8.4 搜索服务应提供关键宇搜索服务，用于对旗舰店中的便民服务、办事事项、新闻政策、政务通讯录进行搜索，搜索功能应支持模糊检索、目录检索、整句搜索、多条件筛选、地理位置识别和全文检索等方式，并具有拼音和关键词联想、政务主题词库、错别字识别、亭用词识别、违禁词识别、热词推荐和智能推荐等辅助功能。搜索结果按分类、部门和地区展现，地区展现上实现省、市、县三级联动，对内容进行智能化排序，帮助自然人、法人和其他组织快速准确地定位信息、政策、事项和服务。8.5 用户中心自然人、法人和其他组织登录前，用户中心功能包括但不限于:旗舰店版本信息、旗舰店常见问题:自然人、法人和其他组织登录后，用户中心功能包括但不限于:用户基本信息、用户基本设置、用户办件信息、用户证照信息、用户推荐服务、用户收藏信息、用户支付信息、用户快递信息、用户办事材料信息。8. 6政务公开政务公开功能包括但不限于:权力清单、公共服务洁单、中介服务清单、收费清单、跑动次数清单、通办事项洁单、政策公告、政策解读、政府公报。8. 7 咨询投诉咨询投诉应包括咨询、投诉、业务办理建立、使用建议、诉求、好差评、12345热线功能。8.8 新闻政策8.8.1 新闻政策推送应对新闻、新产品发布和业界动态、政策解读等经常变动的信息进行集中管理，并通过信息共性进行分类实现系统化、标i比比发布。8.8.2 新闻动态展示应包含本地新闻、政情、民生、克建以及民(县)最新动态，并根据新闻动态时间进行相应图文推送。8.9 政务通讯录政务通讯录指群众办理政务服务事项时可以直接咨询的通讯录。用户可以从通讯录中获取咨询电话并直接拨打，或通过直接进行地图导航前往大厅办理。通讯录需具备示1所述要素。表1通信录要素要素名称示例要素类型大厅/部门名称XX市人力资源和社会保障局必备办理时问用一至周五8:30-12:0014:00-17:00 用六9:00-12:00必备咨询电话027-XXXXXXXX 必备5 DB42/T 1728.2-2021 表1通信录要素(续)要素名称示例要素类型咨询窗口2号咨询窗口可边在线咨询方式j放信公众号xx人社可边办理地点xx市xx区xx路10号社会保障服务大厅必备交通指引公交xx公交站(901、527、81)地铁xx车站可选大厅可办事项事项1:事项名称，办理窗口x号窗口事项2:事项名称，办理窗口x号窗口必备8.10 办事大厅用户根据区划选择办事大厅，优先用户当前位置所在地区/县级办事大厅，大厅包括市/州、区/县级大厅及街道/乡镇人民政府和各部门大厅，同时提供社区/村及管委会位置、导航、事项清单。办事大厅需具备表2所述要素。表2办事大厅要素结构要素名称要素类型大厅简介必备办事大厅图文简介必备服务电话必备网点导航地图展示必备大厅信息办理窗口必备窗口排队人数可选大厅指引可选其它服务可选网点导航必备我要由纠必备 -部门列表必备一一一主题列表必备事项检索必备在线填报必备我的预约列表必备我要办事当前排队人数必备办理窗门必备取消预约必 备在线取弓必备我的己办理列表口J边办理结果可j在6 DB42/T 1728.2-2021 和办事大厅要素(续)结构要素名称要素类型街道办/居委会可选社保网点可选使民生活网点医保网点可选公积金网点可选AED (急救设备)可边缴费网点可边8. 11 特色与创新建设方可在旗舰店中建设特色服务专区，建设内容参考如下:a) 办事服务。提供办事指南展示功能，可供群众查阅。自然人、法人和其他组织经过鄂汇办用户注册和登录认证后可在服务专区进行事项办理:b) 便民服务。为用户提供特色服务专区相关高频公共服务事项、高频即办件服务、高频生活服务:c) 营商环境优化，惠企好困、中小微企业扶持、利企政策解读、精准推送等。8.12 专区服务专区服务应围绕群众常用场景和主题，选择高频事项融合，关注重点人群和主题，服务类型包括但不限于查询类、预约类和办理类，专区模式包括但不限于高频事项、使用群体、相关政策、实时热点等。不同分类方式专区建设参考如下:a) 按高频事项分类包括但不限于:人社服务专区、医保专区、公积金专区、不动产专区等:b) 按群体分类包括但不限于:为弱势群体打造残疾人专区和老年人专区、大学生专区等;c) 按政策分类包括但不限于:关注普惠小微企业的金融服务专区、红色专区等:d) 按热点分类包括但不限于:实时关注热点建设疫情专区、高考专区、春运专区等。9 页面规范9. 1 全局要求鄂汇办旗舰店在显示效果、显示内容、交互设计等方面整体要求如下:a) 符合移动设备的交互方式，应兼容当前主流移动设备的屏幕尺寸与分辨率:b) 统一的识别性:保持统一的头部结构和A导航，以提升用户对旗舰店的识别度:c) 保持文字、色系、图标、控件等的统一性:d) 通用组件一致性:弹窗、缺省页、加载状态等使用鄂汇办统一的样式:e) 搜索交互一致性:接入鄂汇办搜索sdk，使用统一的搜索拉件:f) 分享交互一致性:集成统一分享功能，分享渠道支持当前主流社交平台软件1g) 图片需清晰无变形。9. 2 页面结构9.2.1 页面结构总体要求保持各旗舰店的统一识别性，故要有统一的头部、菜单栏，以保证全局性功能、交互操作的一致性，同时降低用户的学习成本。7 DB42/T 1728.2-2021 自定义区域内容不限，但须遵守基础元素中对边距、颜色、字体的统一要求。9. 2. 2 首页首页页面设计详见图6图7.图例基于1倍图尺寸设计并标注。首页示例见附录A。1 9 自:41AM 区崎切J虫，100目唾画面目也目全局控件一1m.111中自:41AM 区四切J虫，因市州(区县)旗舰店名称首页头部111国市州(区县)服舰店名称 O!UII1i向阳置直军向i跟国自定义自定义自定义a 日白己且a 日白爸贾办事自定义 E慧的爸页办事自定义a)布局b)标注.119 9:日飞国2 践的100% 画画!巳王D国且授的8 DB42/T 1728.2-2021 9. 2. 3 一级页一级页页面设计详见图8一图11，因例基于1倍图尺寸设计并标注。一级页示例见附录A。|全局控件一菜单桂圆a)布局b)标注图8市外I(区县)一级页布局和标注设计图.d亏9:41 AM 100%_ 国旗舰店各称自定义因自定义口曰 己吕首 E办事臼定义 . 畏的d号9:4、AM10()%I 因旗舰店各称办事因| a !lUl1ir句阳矗立嚣| 自定义已圄曰且a)布局liE EE 件头控页局级全-自定义全国控件一一带搜索的-摄页头部.亏9:41 AM E1E0咀I因扭I区l腹舰店各称自定义自定义口曰 巳且首页:hJ 自定义主动畏的固!t固E号9:41 AM E1E喃I因I因服舰店各称办事闺即向国置自定义已国 巳旦言页种.自定义台冕的自定义b)标注图9市外I(区县)一级页(头部带搜索)布局和标注设计图9 |全局刷一菜单桂圆|a)布局b)标注图10部门一级页面布局和标注设计图_ 1 :Ii守主局撞件_1回国部门各称办事包三D带搜索的一级页头部-11阿盟即时索预四| .111号9:41 AM 100% 国部门各称自定义已王D自定义白曰 曰且重页办事自定义至寰的. .1号9:4咱AM100;.0-. 国部门各称办事主D0盟四面向国索回直立军自定义已国 曰且茵贾事自定义 策的a)布局DB42/T 1728.2-2021 国EE 件头撞页局级主-.11中9:41 AM 100% .1区l部门名称自定义巳王DE国自定义白日 曰且芭页事自定义至副蟹的自定义自定义自定义|全局挂件一菜单桂叫王国巳罚。事自定义 且图11部门一级页(头部带搜索布局和标注设计图b)标注9.2.4 二、三级页一级页页面设计详见图12一图13，图例基于1倍因尺寸设计并标注。二、三级页示例见附录A。10 .111号.1号9. 3 基本元素9.3.1 颜色9:41 AM 标题标题自定义a)布局9:4咱AM标题标题自走义a)布局100% _ 因|主阳一二、三级页头部自定义图12市外I(区县)二、=级页布局和标注设计图d l :lL了二、=级页头部自定义|全局挂件一菜单桂L 图13部门二、三级页布局和标注设计图颜包要求分为主包、功能包、中性鱼、辅助包四个部分。a) 主鱼。主包+:t4269DBoDB42/T 1728.2-2021 9:41 AM 标题标题自定义b)标注9:41 AM 标题标题自定义b)标注10咀回回国.1因100% - 士D11 DB42/T 1728.2-2021 b) 功能色。错误:ttFFOOOO，告警:ttFFB92A，成功:ttOOC47A，正常:的OA1B7，超链接:tt4269DBo c) 中性色。中性色用于文本、背景和边杠颜色。通过运用以下不同的中性色，来表现层次结构: 主要文字ttOOOOOO100%，次要文字ttOOOOOO45%; 反臼文字ttFFFFFF100%，次要反白ttFFFFFF45%; 主要边框ttEBEBEB; 主要背景ttF1F4月100%，次要背景ttF9月刊。d) 辅助色。用于图标、卡片等需要用多色彩呈现的元素。色值在tt4E78E3、tt3EAAFB、tt17BEA9、ttOOB789、ttFFOOOO(85%)、ttF65B56、ttFF5774、ttFF6D1D、ttFF8C08、ttF5B32C、ttFFF2E3中选用。9. 3. 2 文字本部分内容涵盖页面中90%以上常用的文字标准，如果以下内容不能满足界面需求，可按实际需求上下调整2个字号。a) 字号: H1 :24 PX，适用于老人专区、无障碍专区的界面: H2:20 月，详情页标题，信息发布页、办事指南、在线办理等事项标题1 H3: 18月，大标题: H4: 16 PX，小标题: 曰:14 PX，正文，页面默认字号: H6: 12月，对旧的阵级，当内容拥挤时可使用曰: H7: 10 凹，辅助性文字，中老年用户阅读辨识度低，慎用。b) 宇体: 如无特殊标注，文字均使用非衬线体(t!p无边角修饰的等线体); MacOS默认中文:苹方:英文SanFrancisco; Android默认中文:思源;英文robotoc) 粗体。粗体用来强调、突出部分文字内容。9. 3. 3 布局页面左右两侧默认16px边距，悟，心根据场景不同可自由选择等分布局:左右预留16px边距的等分布局O9.3.4 间隔横向空间和纵向空间问距固定为三个类型。a) 横向空间的问距固定三个类型:小号问距:相同类组件之间的问距: 中号问距:相关联但不同类的组件间距: 大号问距:不关联也不同类的组件间距。注:若以上间且不能满足信息化分等级，可按实际需求在原有基础上增减4的倍数。b) 纵向空间的问距固定三个类型:小号问距:相同类组件之间的问距: 中号问距:相关联但不同类的组件间llE; 大号问距:不关联也不同类的组件间距。12 DB42/T 1728.2-2021 9.3.5 按钮按钮尺寸:默认为40 px高，特殊场景根据需要可机动递增或递减4pxo宽度(故限制，可根据需要做Jm栏或等分按钮，按钮间隔为8px; 圆角弧度:默认R=4px，无特殊场景不建议使用100%圆角。9.3.6 图标所有的图标尺寸都应基于4px的倍数，如16px丰16px、20 px丰20px、32px*32 px这样可以最大限度节省图片体积，并便于按倍数调整。切图能使用SVG格式尽量使用该格式，不能的，使用2x尺寸图片，即二倍图，以保持视网膜屏幕的正常显示。注:罔标风格样式不做统一要求，与自身页面保持统一即可09. 3. 7提示分普通提示和特殊提示两种类型，要求如下:a) 普通提示:所有提示调用系统默认dialog及toast样式，内容不做限制:b) 特殊提示:指可供调用的公共提示，场景如下:加载提示:网络问题提示样式:建设中提示样式:维护提示样式:加载失败提示样式:活动火爆提示样式:响应超时提示样式:搜索为空提示样式:留言为空提示样式:图片加载失败提示样式。提示场景样式固自吁合附录B的规定。13 DB42/T 1728.2-2021 附录A(资料性附录)旗舰店页面示例图A.CA.3给出了各级页面结构示例。问 -= 电子往俱i!Hlil-电子监目0iR盒咀函得问卡处理蓬i1!lO:桂:K&t2宝，运组险费国幅员更翩陪 6 .0 政贯通旧市民生，古医俱全16政-L开!Jg胆击- 位吉摘阜由于世置厅叽房电力回理.中ot!由于世置厅机房电力2;!(:，帽是主厅厅机部门结笑j且fJin办事处县提Il局县教育局县1斗争呈局县公安局旦R政局县司法局且明时日且人11口贾三服务专区入社服务专区，凹来2词11果园!. 医保专区保i!1坷旨:由民巳是便民服务本刽币。，.、171!1J口到时公职盒专区-担词l&.l :垣疫情防扭亏区 叫史罔户flf.础Jt但哩，m:t d 交通出行专区不矿R专区交通L圣洁魁唾骂 万1产飞E?-，句唱倒|?! a 日办事G 兰举巳M8 e 日办事. 13-13 巳li . 且的到的a)地市示侣。b)区县示例c)部门示例氢A.I 首页示例图14 DB42/T 1728.2-2021 .111-:;:-9:41 AM 100% -e潜易事办事5蜜.牡保1f;11公何主g 极圈渭!l!，丹事后南我的收藏:232哗J!去产个人办事j圭A办E盯在 ，Piii办理R约1):fU:P.t:F 人伍U9frJjl!问业设立E峰，ti包办1ft I牛阳思业面也f政纲梢月4斗;r!政民豆动fiSiID 飞i青拨打12345转9。自d 技警句!l:h.吃住在法以往lf o liII G巳吕酋页-盒;c!lilOlJ足的a)头部带搜索.11-;:-9:41 AM 100% - e区划各政务公开扭刀清单址共幅击中ftlll告收费清单清单清单跑础;自通办事项，言单d青单政府公1-问湖北省人民政府公报(2日19军第21号)政策公告政策解读2019茸4月1口日湖北省政府常务会议关于加快主省文化产业高质量发展的意见3推进言商环!Jl相政务服务能力进入全国第方阵，湖北今iF这样平l湖北省地充党政领导丰部安主主产责任制细则B士业经济z开门红.t自速日升趋预黯O巳回巳且首责办事1赏兔fi:!:i:rJI量的b)头部不带搜索图A.2 一级页面示例图.)C, ? 1:20 PM 市民笠;舌因 入冬之际;笛i工迎来微电子材料产业春天E回滔江南第二届中老军人电初才于7赛正式开赛全市防校匠，布正.主校园安全工作I!i!tii:i雄fr会召芥市委常委在l自:t 77%- 全市科级干部培训班学员共赴红安开展党性教育 潜江召开城市夜景亮化工程设计方案汇报会让滔江夜晚舰起来图A.3 二、三级页示例图15 图B.1给出了各类场景提示样式图。 正在阳在附录B(规范性附录)提示场景样式图? a:;a a) 1J日载提示b) 网络问题提示c) 建设中才是示样式。w DB42/T 1728.2-2021 口A d) 维护提示样式 e) .加载失败提示样式f) 活动火爆提示样式g) 响应超时提示样式h) 搜索为空叭提示样式 i) .留言为空提示样式j) 图片加载失败捏示样式图B.1 提示应用场景?羊式图16 参考文献lJ GB/T 22239-2019信息安全技术网络安全等级保护基本要求2J GB/T 25000系统与软件工程系列标准3J GB/T 39044-2020政务服务平台接入规范4J GB/T 32927-2016信息安全技术移动智能终端安全架构5J GB/T 37729-2019信息技术智能移动终端应用软件(APP)技术要求国JGB/T 39047-2020政务服务平台基本功能规范7J C 0103-2018 国家政务服务平台政务服务移动端建设要求国C工信部2021.4. 7) DB42/T 1728.2-2021 17