打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

在数字化浪潮席卷全球的今天,政务产品的设计已经不仅仅局限于满足基本功能需求,更多的是如何在用户体验、政府效能与社会责任之间找到最佳平衡点。

为此,我们有幸邀请到我们的客户杭州城市大脑有限公司的设计总监郭凯,一同探讨政务产品设计背后的“设计密码”与智慧。

本期嘉宾
郭凯杭州城市大脑有限公司设计总监
拥有十年以上的数字政务设计服务经验,深度参与浙江政务服务网、浙里办APP、杭州亚运行APP、杭州城市大脑市级平台数字驾驶舱等多个项目的设计工作。
杭州城市大脑有限公司设计团队
该团队熟悉政务类产品设计,参与过杭州、温州、台州、义乌、嘉善、安吉、淄博等多地的城市大脑及数字政府项目,包括志愿浙江、浙里好家政等数字化改革应用的设计工作。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

众所周知,做政府类项目,不是一件容易的事情,郭凯向我们总结了其十余年来,他观察到的政务数字产品设计的经验:

用户跨度大

要做“老少皆宜”的设计

“与更细分的互联网 C 端产品不一样的是,面向市民用户的政务类数字产品所覆盖的人群年龄跨度大、职业跨度大、使用习惯也大相径庭。同时政务类产品要更注重稳定性和可靠性,强调隐私保护与安全性。

因此产品的设计和用户体验需要在尊重、满足不同用户需求和使用习惯的基础上,更加严谨和细致,尽量做到老少皆宜、众口调和。”

业务场景复杂

设计师变身六边形战士

“政务类产品的需求会涉及多个横向政务系统的整合,比如卫健系统、交通系统和金融系统等等。但每个系统对我们来说,都是有知识壁垒的。这就要求我们的设计师不仅要懂 UI/UX,还要懂政府业务的范围和逻辑、更要懂市民办事的诉求。比如,我们有的设计师就非常懂交通、有的就非常熟悉卫生医疗,这也是我们的团队能够快速响应新项目的重要原因之一。”

通用是 60 分

想要 100 分就要挖掘特色

做政务类项目是需要一定的沟通成本的。为了降低沟通成本,首先要与政府部门保持一致的话语体系,其次需要通过前期调研和咨询,挖掘政务类项目的“共性”设计元素,寻找通用的解决方案,实现从0到1的基础搭建。

然而“‘通用'是远远不够的,标准化的统一解决方案无法满足政府体系数字化创新的趋势。我们的客户都希望定制化、本地化,并且体现本地特色。不过有了‘通用’模板,我们能够节省大量的时间成本,节约精力做好定制化设计。”

打开网易新闻 查看精彩图片

杭州亚运行 APP:

要兼顾多个国家和地区用户的使用习惯,也要体现中国特色

杭州亚运行 APP 是杭州亚组委根据关键参赛场景建设打造的一体化数字参赛服务平台,让运动员、随队官员等代表团成员、技术官员等参赛人群享受一次便捷、实用、智能的参赛之旅。

在做杭州亚运行的设计时,遇到的一个很大的挑战,就是文化的兼容。

来自不同国家和地区的用户不仅在文化上有很大的差异,对于互联网产品的认知也会不同,国内外的互联网产品设计元素并不是完全一致的。“我们面对的问题是,在拉齐所有用户认知、为大家提供流畅的使用体验的前提下,还要凸显中国特色以及浙江与杭州韵味。即不仅要降低认知门槛,更要有特色和创新。”

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

因此,杭州亚运行 APP运用杭州亚运会的主色彩系统来构建 APP 的整体视觉风格,以引导用户进入一个充满活力和运动精神的氛围。

同时,在辅助图形上,使用杭州亚运会核心图形“润泽”,图形代表了丝绸的流动与律动。

界面卡片的设计上使用大圆角处理,给人温润细腻、挥洒灵动的感觉,在辅助图形色彩上使用柔和的渐变色调描绘杭州山水与地标建筑,是杭州宋韵文化与亚运特色的完美结合。

此外,也考虑到不同文化背景用户群体的认知差异,在设计中采用直观、易于理解的图形和通用标识,字体使用更易于识别的黑体,确保界面信息简洁明了。

以包容性设计方案为各类用户无障碍的提供便捷、高效的使用体验。

浙里有戏:

挖掘本地文化特色

为了激发民营文艺表演团体活力和创造力,破解基层文艺院团发展中的痛点难点,由浙江台州临海市委宣传部、临海市文化和广电旅游体育局联合打造了“浙里有戏”应用场景。该应用入选了文化和旅游部评选的 2023 年文化和旅游数字化创新示范优秀案例。

在打造这款应用的时候,面临的一个问题就是如何挖掘本地的传统文化,在视觉上独树一帜。

打开网易新闻 查看精彩图片

当设计浙里有戏数字驾驶舱和移动端应用时,杭州城市大脑有限公司设计团队查阅了大量当地文化、传统和特色元素的资料,使设计更具吸引力,能够引起本地用户的共鸣。以下是项目的设计理念:

1. 文化元素的融入:通过研究目标地区的文化,包括艺术、建筑等,以寻找可以融入设计的元素。例如,使用临海古城作为头部的背景,以展现本地韵味。

打开网易新闻 查看精彩图片

2.文字设计:在主标题和展台标题设计中运用了书法体和楷体,以传达中华文化的博大精深和艺术美感,为用户带来一种具有历史底蕴和独特韵味的视觉体验。

3. 国风元素的设计:戏曲是中华民族文化的重要组成部分,因此考虑运用中国传统的图案和纹饰元素,来装饰按钮、图标的设计,以展示中国传统艺术的美感和独特性。选择具有中国传统色彩的调色板,以墨绿为主题色,搭配朱红、秋金等,为设计增添国风氛围。

郭凯表示,“在上述设计中,用到的更多的方式是‘组合创新’。但是其实我们早期做城市大脑的设计都是无先例可参考的,比如数字驾驶舱,因为当时并没有数字驾驶舱这个概念,设计也无从参考。我们想到的办法就是看科幻电影,看相关的文学作品,去解构‘数字’‘驾驶舱’的图形和释义,寻找能具象化这个概念的共识性的设计元素,将其迁移至我们的设计当中。”

打开网易新闻 查看精彩图片

密集、高频的项目需求给杭州城市大脑有限公司设计团队的设计师们提出了很高的要求。能否将设计师从重复化、机械化的劳动过程中解放出来,提升设计产出的效率,让这些设计师有更多的时间精力去做设计与业务场景的深度结合、关注用户体验的优化是杭州城市大脑有限公司设计团队当前最关心的问题。

打开网易新闻 查看精彩图片

在寻找工具替代的过程中,即时设计出现在了设计团队的面前,为该团队提供了可行性的解决方案,对杭州城市大脑有限公司设计团队而言,即时设计就是一款恰好正确的工具。

打开网易新闻 查看精彩图片

“设计组件的沉淀与快速复用对于很多行业来说都非常重要。通过组件的沉淀,我们可以快速响应设计需求,将组件化的东西拼接成模块和整个模板。此外,在政府项目中,组件化和规范需要贯穿整个项目,因为项目可能需要从最初的表层方案逐渐演变为系统化的检测。组件管理和沉淀不仅能够帮助我们提高设计效率和质量,还能为后续的实际设计方案提供参考方向。”

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

“在设计工作中,前期准备阶段非常重要,我们需要快速创建多个方案并选择最佳的模板来搭建这些方案。为了提高响应速度和效率,在日常工作中就要积累和沉淀我们的模板和设计稿。通过使用这些模板,我们可以快速拼出前期给客户的方案草稿,并在短时间内提供多个方案供用户选择。这样不仅可以为自己争取更多的时间来思考业务和进行优化迭代,还可以提高设计质量和效率,满足客户的需求。

即时设计的社区中内置了 16000+ 的开源资源,还有250+ 可视化设计资源,像fast chart插件、高级图表插件、浅色系可视化组件等等,都可以很好地给我们设计灵感、辅助设计草稿产出。”

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

“自从杭州城市大脑有限公司成立以来,我们不仅承接浙江省域、市域和县域的项目,我们的解决方案也走出了浙江,在省外城市落地。在这样的快速发展节奏下,项目多、时间紧,就需要多设计师配合作业。在部署即时设计之后,大家就可以协同产出设计稿,产品经理也可以在线标注,节约修改的沟通时间。”

打开网易新闻 查看精彩图片

“与 B 端或 C 端不一样的是,G 端项目的对接客户需要更直观地了解产品全貌、数字政务产品的功能、特点和操作流程,提升决策效率。对我们在做客户沟通的过程中,即时上线解决了非专业设计师的预期难题,沉浸感更强,通过即时上线得到的展示效果也更贴近真实情况。即时上线可以完整还原交互动效,轻松搞定远程原型展示,优化了提案汇报的流程,提升了服务质量和效率。

郭凯表示,“希望通过即时设计的全面迁入,能够让团队的设计师有更多的精力去提升设计的能量,使设计与业务场景进行深度的结合,最终将设计价值量化,实现从定量到定性的飞跃。”

打开网易新闻 查看精彩图片

在政务类产品打造等 G 端项目中,安全、稳定是重中之重,每一个环节、流程都要以安全为第一要务。

基于安全性的考虑,杭州城市大脑有限公司设计团队最终选择了即时设计的私有化部署解决方案。

郭凯强调,他们选择即时设计私有化部署的主要原因是安全性和稳定性。一方面,他们从事的是政府项目,因此安全性是至关重要的。另一方面,他们希望平台具备稳定性,即时设计是国内最早的在线设计协作平台,具备丰富的经验,能够提供所需的持续性和可扩展性。

对于那些对数据资产安全性有严格需求的企业,即时设计提供私有化部署服务,包括单机版与高可用版(集群)。这些解决方案保障了性能和数据的安全性,并支持高并发场景,使平台的稳定性更高。此外,即时设计的私有版还提供成员管理、团队管理等企业管理功能,并支持与企业门户登陆打通,同时,还提供了插件和优质设计资源,使用户无需连接外网即可使用。

即时设计始终关注安全合规性,并积极符合国家最高标准的合规要求。目前已获得国家高新技术企业认证、ISO 质量体系认证等 7 项行业认证。此外,即时设计还完成了与中科方德、统信UOS、银河麒麟等系统的适配工作,以确保其解决方案在各种环境中的稳定性和兼容性。