指尖政务 | 郑好办APPv6.0改版设计复盘

用户头像
郑州/设计爱好者/261天前/1107浏览
指尖政务 | 郑好办APPv6.0改版设计复盘
大家好,好久不见!今天来聊点设计吧~
近期完成了郑好办6.0的改版,此次改版是郑好办上线以来比较颠覆的一次改版。中间还经历生病住院,断断续续完成,虽然时间比较紧张但还是收获颇多。抽空将我的经验所想写下来形成文字图片,与大家进行交流,欢迎批评指正~
*此次感谢数郑的天鹏同学的全程跟进与动效设计
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzMyODQ=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
改版背景
·五周年品牌焕新
作为郑州市政务服务核心载体,郑好办迎来5周年关键节点,需通过视觉升级强化品牌城市形象。
·运营需求激增
平台上线3000+项事项服务,业务量倍增。营销活动缺乏统一载体,界面模块堆叠导致视觉“过载”。
·用户场景多元化
生活服务与政务功能混杂,信息架构臃肿,用户路径混乱。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2MjQ=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
产品现状
·视觉陈旧
产品沿用传统政务平台深色系,缺乏年轻化表达,且页面视觉差异化较大,品牌感弱。
·功能混杂
政务办事服务与生活服务未分层,用户认知负荷高。
·框架过载
5.0首页承载10+个功能入口和多个营销位,信息密度超载。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2Mjg=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
改版思路
围绕“郑好办,事事都好办”的服务承诺,聚焦破解企业和群众办事“难点”“痛点”,成功实现从“政务服务平台”向“城市生活服务总入口”的战略跃迁。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2MzI=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
1.核心理念
政务/生活双入口:
政务服务的严肃、规范性与生活服务的便捷、多元性存在本质差异,故在 APP 中明确区分二者。这既能让用户在办理政务事项时,感受到专业、严谨的服务氛围,又能在享受生活服务时,体验到轻松、愉悦的使用感受。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2MzY=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
2.
框架优化
通过对框架和功能的重新梳理,将原来的首页、办事、资讯、生活、我的板块分为郑好码、办事、首页、生活、我的,隐藏低频资讯板块,聚焦办事和城市生活,服务体验全面跃升。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2NDA=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
设计目标
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2NDQ=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
设计关键词
结合上述问题分析及优化点,我们从中可以提取出本次改版关键词
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2NDg=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
设计执行
1.品牌视觉焕新
郑好办6.0 的主题是“郑式生活”,它的变化从 APP 新图标开始
——更年轻、更具活力的红色
新标识在保留原特征和风格原则下进行造型细节调整。将品牌色由以往较为深沉的红色,调整为更具活力与现代感的明亮色系。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2NTI=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
简化图形结构:
新标识整体轮廓减少了矢量节点、调整了曲线之间相接的流畅度,一气呵成,以产生更轻量利落的视觉记忆。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2NTY=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
优化切口造型:
针对原标识锋锐的尖角切口进行统一圆角改良,使新图形整体线条弧度更律动,更具亲和感。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2NjA=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
整合视觉元素:
将原来背景上的郑州标志建筑“二七塔”,融入到字体logo中,整体更纯净,使用场景更广泛。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2NjQ=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
2.品牌色
呈现了全新的郑好办色系,品牌色采用了logo红色色系。与生活场景的蓝紫多彩色进行搭配。在保证质感的同时,又使得 APP 整体氛围更加轻快、活泼,符合年轻化的设计方向。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2Njg=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
APP应用场景
1.重构首页布局  
郑好办始终致力于让用户“好办快办”。随着业务的不断拓展,政务服务与生活场景交叉导致用户认知混乱、营销模块无序堆叠干扰核心办事路径。6.0全新框架语言,将以“政务·生活双轨重构”为突破口,重塑城市数字化服务体验标杆。
轻量头部导航
头部作为首页的一个重要区域,6.0版本升级中,将框架语言的背板色由政务的深蓝色调整为明亮的透明白,有效将视觉重心转移至核心功能区。同时,轻量的头部使页面更具呼吸感,缓解了旧版 “传统” 的视觉感受,让整个页面看起来更加清爽、舒适。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2NzI=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
双轨首页设计
新版首页在使用 6.0 框架的基础上,进行了大胆创新。在顶部用醒目的色块区分政务及生活两大入口,政务入口采用品牌色,体现政务服务的庄重与权威;生活入口则选用明亮活泼蓝紫渐变,激发用户对生活服务的探索欲望。鲜明的色彩对比增强了点击感,使用户能够快速准确地找到所需入口,从视觉上强化了政务与生活服务的区分理念。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2NzY=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
2.优化办事功能  
旧版办事页面层级较混乱,核心功能不够突出,影响用户的办事效率,且设计维护成本高(每项事务都需设计相应的视觉元素)。新版页面将侧重优化信息层级,对关键信息进行有效曝光,有效利用头部空间并且让视觉更通透。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2ODA=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
3.我的页面
各功能入口已不能满足业务需求,对于用户关注的核心功能不够突出。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2ODQ=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
情感化融入
1.政务男孩设定
我们希望郑好办成为市民的“城市综合服务平台”,所以我们将政务男孩融入APP的页面操作流程,增加情感触点,提升郑好办的品牌亲和力,让政务服务更有“人情味”。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2ODg=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
IP形象初期尝试从郑州相关元素出发-熊、锦鲤、杜甫、玉米。相关性都不是很大,最后设定政务男孩作为APP的小助手进行情感化设计,IP将会继续尝试别的方向。
2.情感化设计
政务页引入动态政务男孩在金刚区进行强化引导;生活服务页-政务男孩发券领券,采用动效吸引用户注意力,促进消费券领取;生活办事页-常驻顶部增加页面趣味性;个人中心页-客服及头像融入,保证页面统一。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2OTI=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
3.闪屏页
首次下载使用郑好办6.0版本时提示用户使用的的全新版本,默认闪屏设计使用政务男孩及新的logo,增加亲和力和品牌感。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM2OTY=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
设计沉淀
针对郑好办6.0,建立设计规范文档和组件库,可以让项目设计按照统一规范使用,提升整个产品的视觉交互一致性,减少开发样式,提升开发效率。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM3MDA=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM3MDQ=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
复盘总结
1.用户反馈收集与分析
在郑好办APP6.0上线后,通过各种渠道广泛收集用户反馈,主动了解用户对新版APP的满意度和期望。将用户反馈分类为界面设计、功能操作、服务内容等,针对每一类问题进行分析,为后续优化提供有力依据。
指尖政务 | 郑好办APPv6.0改版设计复盘(图ZMTUxNzM3MDg=) - 观点 - 站酷设计师夜游的鹤原创素材 - 站酷ZCOOL
Collect
2.经验总结与未来展望
▎设计规范验证:
此次改版建立的统一设计规范在实践中得到了一定验证。在字体、字号、色彩、图标样式等方面的统一,让 APP 各页面和功能模块呈现出较好的一致性,提升了整体专业性。
但部分规范在特殊场景下适应性不足,比如在小屏设备上,部分字号的显示效果欠佳。后续将针对不同设备屏幕尺寸,细化字体、图标等设计规范,增强规范的灵活性和适用性。
▎视觉语言适配:
品牌 logo 升级和品牌色调整在视觉焕新上取得了不错效果,新的设计更符合年轻化趋势,也增强了品牌辨识度。
在实际应用中,发现部分辅助色与主色调的搭配在部分页面中视觉冲击力过强,给用户带来一定的视觉压迫感。未来会进一步优化色彩搭配方案,通过调整色彩饱和度和明度,使视觉效果更加和谐舒适,同时保持品牌特色。
▎未来展望:
在后续迭代的版本中,郑好办 APP 将持续创新,不断提升服务质量和用户体验,为郑州市民提供更加便捷、高效、优质的数字化服务,助力郑州市数字化城市建设迈向新的高度。
END
36
Report
|
46
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in