探索中前行 | G端产品设计之路

这篇文章来源于我做智慧城市四年多的一些积累。对于设计师来说，我们都比较熟悉B端产品（面向企业）和C端产品（面向用户），但对于G端可能不经常听到。

G端行业发展历史和市场规模

什么是G端

ToG是由ToC和ToB衍生出来的一个词汇，即To Government，也有人认为G端是B端的一个重要分支。ToG字面意义的理解即是面向政府，也包括和政府相关的党组织、事业单位、机关单位、军事单位等组织机构，备注：学校和医院是否属于ToG，业内还没有统一的定论，因属于事业单位，本文暂将其归入ToG。

G端市场的规模

ToG并不是一个新的行业，到现在至少已经有20年的发展历史，数年前ToG市场还是传统IT硬件厂商争夺的对象，产品主要还是交换机、路由器、服务器等硬件设备。近几年云计算和大数据、AI、IoT的蓬勃兴起，政策上国家大力推进数据化信息化和互联网＋的政策，G 端软件行业逐渐释放万亿规模市场。互联网公司、云服务公司、物联网公司纷纷开始布局ToG市场，阿里的“城市大脑”、华为的“智慧城市”等，就是其中的代表。

G端产品主要应用场景

1.智慧城市

2008年IBM在《智慧地球：下一代领导议程》中首次提出“智慧地球”概念：“借助新一代的信息技术、互联网技术让地球上的各行各业实现智能化管理”   智慧城市即是从智慧地球的概念延伸出来的。智慧城市的定义的是：利用云计算、大数据、IoT、空间地理信息等技术来提升城市实现智能化、信息化，面向教育、医疗、就业、社保、环保、交通、灾备等领域为市民提供公共服务。可以分为基础设施、安全服务、产业发展、社会管理等方向，各方向下又有很多细分。

2.垂直行业内信息化、数字化解决方案

政府部门、机关单位、事业单位跟随互联网发展的趋势，在国家大力推进互联网+的政策推动下，各个部门、事业单位、机关单位进行信息化系统的建设。比如医院的预约挂号系统、患者管理、报告查询；学校的教务管理系统、走班排课、学工管理等；公安部门的治安管理系统；党组织的党务管理系统等。还有最近网络上很火的段子《地府后台管理系统》也可以归为G端产品的范畴。

3.互联网＋政务

互联网＋政务是以服务群众为导向，目的是优化群众办事流程、精简办事环节、扩展网上服务渠道、提高服务效率，减少出现“证明我妈是我妈”这样的情况。以“让信息多跑路，市民少跑腿”为目标，提升城市便民服务水平。主要产品是面向广大民众开设的网上服务办理平台（包括web网站、微信公众号、APP）、信息查询平台。

4.智慧办公

政府部门和事业单位、机关单位为了提高工作效率使用的OA系统、财务系统、人事系统，类似B端产品。不同点在于不同地区、不同部门的管理方式和业务需求区别很大，所以大部分定制化程度比较高。

G端产品的业务分类和用户类型

G端产品的业务分类

一、G2C：业务主要是服务群众，即面向广大民众开设的网上服务平台和城市服务APP，如税务部门开发的个税扣除APP、政府部门开发的房屋租赁管理平台等，是群众和政府各部门沟通的桥梁。

二、B2G：是企业为G端客户开发，面对的用户是政府公务员、党员、部分事业编人员。按角色来分B2G产品有决策人员、管理人员、业务人员，以某局为例：决策人员：局长/书记等直属领导；管理人员：各部门的主任和负责具体事务中层领导；业务人员：科员/办事员

G端产品用户的核心诉求

决策人员：树立标杆、体现政绩；管理人员：做好监管、规避风险；业务人员：流程规范、操作流畅；广大群众：减少环节、方便快捷

G端行业通常都有那些设计需求

1.数据大屏和数据可视化

G端项目最常见的需求，用来展现大盘数据、监控，和对数据的统计，面向对象主要是决策人员和管理人员。G端项目有一个特色就是领导来考察的时候，可以作为政绩给领导展示，这时一个炫酷的大屏就会很吸引眼球。

2.门户平台网站

一.面向广大民众开设的网上服务办理平台、官方网站、信息查询平台等

二.自身产品宣传和推广，在网站的官网上展示各个系列所面向的行业和产品解决方案。

3.后台管理系统

G端产品逻辑最复杂的一部分，也是最“重”的一部分。用来处理复杂的业务流程，或者是对硬件产品的后台控制。如教育行业的教务系统、走班排课系统，医疗行业的医护协同、医疗云平台、其他的如项目运营监控平台等。

4.开放平台

开放平台是产品开发者将自己产品的API接口开放出来，让其他第三方开发者根据需求直接调用，例如第三方登陆、第三方支付、天气显示、物流查询等等，这样一方面帮助开发者节省大量的时间，另一方面可以吸引服务商入驻平台，合作共赢，一起打造产品生态。

4.移动端（APP、小程序、webApp）

分为面向广大群众的G2C产品和面前业务人员的B2G产品，G2C通常被认为是C端，设计风格往往更接近互联网产品。

产品形态

1、解决方案

解决方案是G端市场的一个重要的组成部分，G端客户往往组织结构差别较大，业务流程复杂，领导决策不同，强地域性（民情不同、法规不同、制度不同）所以解决方案就是针对不同的客户做个性化定制，有些项目甚至需要驻场开发。

2.行业标准化产品

类似于ToB产品，对特定行业提供通用的解决方案，比如：教育、医疗、党建等。首先要梳理行业通用的基本业务需求和功能模块，作为产品框架。其次要满足一些客户的个性化需求，对部分功能进行定制化开发，将业务需求做成可以即取即用的模块化设计。

3.基础软件应用

对业务属性依赖程度比较低的基础软件应用，如视频会议、学习考试等

G端和B端的区别

1.产品形态不同

B端产品面向中小企业多采用SAAS（软件即服务）模式，常见的B端产品有ERP、OA、CRM、CMS、BI等类型，产品化程度比较高，而G端软件产品形态多种多样很难有一个完全满足所有业务场景的解决方案，产品化程度比较低。

2.部署方式不同

B端产品多为公有云部署，G端产品多为私有云部署，在这里简单的介绍一下公有云和私有云的区别，公有云和私有云是云计算存在的两种类型，公有云是第三方提供的服务（例如：阿里云），而私有云是企业自己搭建的供企业自用的云服务。打个比方，公有云相当于饭店，私有云相当于自己家的厨房，饭店只要付钱人人都可以去吃饭，而自己的厨房只为自己服务。出于对数据安全性的考虑，很多政府部分只接受私有云，一些保密要求较高的部门是要严格进行内外网分离。

3.竞品获取难度不同

由于G端产品保密性比较强，一般外网无法直接登录，所以很难有其他同类的竞品来分析，而B端产品多采用SAAS部署，很多注册就可以试用，G端产品竞品获取的方式一种是友商网站公开的资料，另一种是由售前、销售通过内部渠道获取的资料

4.产品价格不同

B端产品面向中小客户往往产品价格较低或采用SAAS的付费模式，即按照功能模块和使用时间、人数进行定价。而G端客户通常有固定的项目预算，不太考虑价格问题，项目金额从数十万到数亿不等。

5.面向的行业不同

目前行业内所讲的B端(To Business)，一般是企业用户，典型代表就是“钉钉”。而G端产品面向的是政府主导下的各行各业，如交通、环境、安防、政务等领域。学校和医院是否属于G端并没有统一的定论，有一种说法是医院属于To D ，学校属于To B。因为每个人对行业的理解不同，所以并没有什么完全正确的答案。

G端产品的设计理念

G2C产品通常按照C端互联网风格设计即可，这里重点讲B2G产品，B2G类似B端产品，但又比B端产品有更复杂的使用场景。

1.对页面空间的把控

在B2G后台类产品中，避免因为过度追求设计感，页面出现大面积的留白，造成页面空间的浪费。有统计数据反馈，G端后台类产品客户对设计提出最多的意见就是页面空白太多。需要注意的是，不同分辨率显示器呈现的效果差异很大，有时间的话至少要做出1366px和1920px两种宽度的设计图，如果设计师忽略了这一部分内容的话，前端做出来的效果很可能会不理想。

下图是G端后台常见的表单设计，有一种观点根据“眼动追踪测试”证明向下浏览更符合人的视觉习惯，得出单行表单比两行表单更好的结论。但结合业务场景来看的话，当数据量较大时，单行表单需要不断滚动才能向下预览，而且大分辨率屏幕表单两侧会出现大面积留白，造成页面空间的浪费，所以一定要结合业务场景才能得出最合适的方案。

2.避免信息展示残缺不全

一、由于G端客户有一定的特殊性，应该尽量避免设计稿上的照片或人名、组织名称显示不全或被裁减遮挡的情况

二、要考虑组织名称或人名字段非常长的情况，党组织或机关单位的名称往往是有几十个文字，而少数民族的名字往往也会很长，根据资料显示中国最长的姓名达到了12个字。设计师在设计过程中应考虑极端情况，做好应对策略。

3.操作流程连贯性

交互层级和特效尽量要少，效率优先作为首要的设计目标，页面跳转和交互层级不能太多，保持用户操作流程的连贯性，尽量不要打断用户的思考过程和信息获取。数据录入和展示要结合信息量来判断，能点的绝不输入，能看的绝不点击。能用浮层就不用弹窗，能用弹窗就不跳转新页面

4.数据展示或录入

数据展示或录入时信息量较大的时候应参考循米勒定律和格式塔原理（接近、相似、连续、简单）。（站酷上理论很多，这里就不再多说）我们把数据信息根据业务进行分类，并尽可能使描述词清晰易懂。

5.注意页面的定制化部分

如果是地方政府或组织，客户几乎都会要求在页面上体现地方特色。如果是定制化程度比较高的产品，则可完全按照客户要求进行设计。如果是行业标准化产品，那么在产品设计的初始阶段，设计师就要考虑到哪些页面可能会有客户的个性化要求。比如Logo部分或网站背景，客户往往会要求做成可替换的图片。

6.可复用性

2G项目往往产品庞大、业务流程复杂、工期短，因此交互规范和UI组件的可复用性就很重要。如果有条件最好搭建自己的UI设计组件库，方便直接调用，一个完整的组件库可以大大的提高设计和开发的工作效率，客观上也可以降低用户的学习成本。

7.可扩展性

很多G端产品采用MVP（最小可行产品）开发模式，对于行业标准化产品，往往前期开发通用的核心功能，然后在产品推向市场后，根据客户的需要，在一个一个项目中慢慢完善。设计师在进行设计时要注意可能会出现扩展的功能，预留好足够的位置。

8.复杂流程分部引导

G端业务流程往往很长很复杂，各行各业差异很大，而且不像B端产品有成熟的模板可以借鉴。很多行业的信息化建设仍然处于开荒阶段。如何将复杂的业务流程清晰展示出来，是需求设计师思考的问题。复杂长流程设计建议使用分部引导，首先绘制出完整的业务流程图，然后提取关键节点，一个关键节点里包含若干个小步奏，最后将所有节点分部展示。

G端项目的工作流程

G端项目的工作流程一般分为5个阶段。1.售前  2.设计 3.开发  4.交付  5.验收  此流程也适用于部分B端项目。

一、售前阶段

主要参与人员：市场、销售、售前工程师、商务

1.销售人员拜访客户，向客户了解项目基本情况，向客户介绍公司和公司的产品，并引入售前工程师与客户深入交流。

2.售前工程师向客户了解项目上的需求和相关政策，对客户提出的问题提出解决方案。

3.客户邀请公司参加投标，售前工程师编写投标书。

4.客户召开投标会，售前工程师和商务现场进行技术、商务上的讲解和答疑、演示产品。

5.顺利中标，商务起草项目项目合同、技术协议书和需求清单。

二、调研/设计

主要参与人员：产品经理（项目经理）、设计师

产品经理面向一线业务人员，进行调研访谈，真实体验业务人员工作场景，挖掘客户真实需求。

1、产品设计师与产品经理或项目经理沟通设计方案，把客户的原始需求细化成可以落地的方案。

2.由产品经理或设计师制作原型。

3.设计图制作和评审。

4.客户确认。

三、开发

主要参与人员：产品经理、设计师、前端、后端、测试

1.UI和交互规范讲解。

2.开发工程师确认需求进入开发阶段。

3.设计稿校对，设计师检查设计稿还原程度，提出还原度问题清单。

4.测试通过后进入项目交付阶段。

四、交付

主要参与人员：实施工程师

1.对产品进行安装部署    2.对客户进行产品培训

五、验收

客户确认功能开发和需求全部实现后对项目进行验收，项目进入售后阶段。

G端产品设计师的瓶颈和发展方向

G端设计师主要集中在哪些公司

G端行业的设计师分布在传统硬件厂商的软件业务、云计算厂商、软件外包公司、AI技术公司、物联网公司等。在数年前还没有C、B、G端概念的时候，G端是设计师最避之不及的行业。

设计师遇到的瓶颈

Ant Design和其他一系列开源UI组件库的出现和不断发展壮大，使得G端和B端产品视觉设计的生产效率不断提升。B端和G端产品经理和交互设计师通过开源UI组件库甚至可以直接搭建出不亚于效设计稿的高保真原型图，而更多的企业选择搭建自己的UI设计组件库。在可以预测的未来几年内B端和G端视觉设计的需求程度将进一步降低。虽然客观上来说减轻了UI设计师的工作负担，但同时也增加了UI设计师的可替代性，因此UI设计师急需拓展自己的职责边界。

设计师如何破局

随着行业的不断发展和完善，G端产品已经从过去的重业务、重流程、轻体验、轻视觉。转变为重业务、重流程、重体验、重视觉，随着大量企业开始布局G端市场，竞争更加激烈，产品同质化严重，单靠功能堆砌已经无法产生优势。所以界面美观、体验流畅的产品往往可以加分很多。而G端项目具有工期短，因为业务复杂而导致的高沟通成本、功能模块复用性高等特点。所以UI设计师应该将工作内容向上游拓展，将交互和视觉设计职责合并产生的产品设计师是最适合的方案之一。工作流程：由产品经理进行需求的挖掘和用户调研，产品设计师制定可以落地的设计方案，并运用UI组件库快速搭建高保真原型图并输出交互设计规范。下图是在B2G项目中对设计师的各项能力要求

G端产品设计师的价值和责任

由于G端产品的决策者是领导而不是真正使用系统的人，所以有些人认为，应该重点满足决策者的关注点，引导项目顺利验收，而产品的体验没有那么重要。理性分析，满足决策者无可厚非，但是因为产品难用、设计不美观而被使用者频繁吐槽，这是作为一个设计师最不希望看到的，因为G端产品最终帮助的，不仅仅是我们自身，还有可能是在乡村做扶贫工作的网格员、负责气象灾害预警的工作人员、高速公路上巡逻的交通警察等和我们生活息息相关的基层工作人员。

在最初做G端和B端产品的那两年里，我常常会羡慕做C端产品的设计师，因为他们可以做出惊艳而有趣的设计。但后来我慢慢发现，能把一个复杂的流程梳理清晰，设计出最合理的交互。是一个很有成就感的事情。在加上我比较喜欢发散性的、严谨而有逻辑性的思考方式。所以渐渐的喜欢上自己的工作。很多人对G端产品的印象就是界面土、交互差、体验差、功能多，的确现在还有相当一部分G端产品不注重用户体验。但随着互联网C端产品的普及，提升了大众的审美和对体验的追求，反过来促进了G端产品体验的发展。仔细想想这不就是设计师实现自己价值的地方吗？近两年来B端产品飞速发展，产品体验开始被越来越多的人重视。而G端产品至今仍是一片蓝海。而这个行业恰恰却是和我们生活息息相关的部分。G端产品做得好，国家部门效率得到提升，人民群众办事更方便，这就是G端产品设计师的价值所在，也是肩负的责任。