项目背景

产业互联网的设计本质

从设计视角出发解读消费互联网和产业互联网的差异

目标对象

消费互联网的设计对象是类似价值主张的个体集合，他们是拥有类似价值追求的同一个人群。比如从宏观上分析拼多多的用户，其本质都是对价格敏感度高、追求性价比的同一类人

产业互联网的设计对象是同一利益链上的群体集合，他们是在同一个业务链路上，拥有各自利益追求的群体聚合，通常不是同一类人，而这些群体对于易用性的评价标准是彼此独立、互不相干扰的

竞争内核

消费互联网的竞争内核主要在于功能的丰富性和体验的易用性，竞争时往往拼的是产品对于‘人性善恶’的掌控度

产业互联网则不然，很难想象某企业用户会为了些许‘小便宜’，将搭建在云平台上的服务，迁移到云平台B上，显然其竞争内核除了功能和易用性外，更考验品牌力、依赖性、服务力及行业口碑

设计抓手

因为目标对象和竞争内核的不同，面向消费互联网的设计抓手通常是关键用户场景、核心用户痛点，甚至是着力于满足用户显性/隐性的情感诉求，这些也是UX最熟悉和擅长的设计切入点

面向产业互联网的设计抓手则不然，除了用户场景和痛点，产业UX更需要关注在基于业务需要的多利益平衡，完美对内更直白的要求是‘面向产业互联网，设计要业务化’，强调UX必须在通透业务的前提下，切实为业务创造可衡量的价值，这也是横桓在所有产业UX面前，必须跨越的门槛

价值聚焦

消费互联网设计的价值聚焦于‘主观的价值收益’

产业互联网设计的价值聚焦于‘客观的价值收益’，这里的收益必须是客观可衡量

设计本质

消费互联网赛道上，设计的本质是‘体验设计’

产业互联网赛道上，设计的本质是价值体验设计

数据服务中台升级

为了构建统一标准，打通数据通道，实现数据规范化管理，搭建、提供提供数据服务和H5页面服务，实现数据能力共享、多样化数据服务、跨源数据服务等功能，需要重新设计首页交互，与控制台做区分，并增加产品服务页面

修改原因

业务增长需要

平台阶段性战略不同，DATA API 实现从API服务到API交易平台的业务目标

用研走查发现优化点

通过收集业务反馈，对之前设计进行走查并针对走查的问题进行优化

原型探索

核心价值

官网是接触潜在客户的最重要触达层，所以介绍产品及服务是最重要的产品层价值

数据服务作为产业互联网产品服务，基本不存在冲动性的客户消费行为，所以官网更多要承担“帮助客户快速收集、比对信息，最终促成购买的决策层价值

由产业互联网服务的高成本特征决定，官网必须最大化透传品牌本身，在行业知名度、业务稳定性等方面的优势，起到增强客户决心的信心层价值

设计目标

面向数据服务中台官网的价值体验分析结论：

官网是接触潜在客户的最重要触达层，所以介绍产品及服务是最重要的产品层价值

页面布局及价值定义

针对用户实际浏览动线，基于‘核心价值专注化’的理念，我们在不改变内容的情况下，梳理了各板块在价值透传维度的聚焦核心

设计方案

图标设计

为满足不同的业务诉求，我们对展示性/功能性图标做了区别性的设计定义

UI品牌渗透

Icon

展示性

• 抽象几何图形+基础点线
• 吸引用户注意，强调差异性和统一度的结合

功能性

• 单色线性
• 引导用户理解和操作

插图

Banner

• 主题突出，渲染氛围
• 以2.5d几何图形为基础元素表现物理数据场景

场景插图

• 与用户互动，塑造用户感知
• 通过富有情感化的故事性插图塑造出有分量、易读、耐人寻味的场景

设计方案

对于插画/banner系统，我们在设计表达手法方面做了价值化处理，兼顾了日常运营需求对响应效率的追求和官网本身对视觉品质的要求

背景层

根据主题文案及图形灵活设定，一般为纯色 便于多端适配

纹理层

由几何半透明图形构成，填充画面空间感

图形层

基于数据中台设计语言进行图形延展，利用 基础几何图形营造空间

文案层

对文案进行字体设计，降低设计成本

LOGO设计

结合产品调性对LOGO进行设计

设计思路

首先提取产品名称首字母D和饼图的图标形象，通过布尔运算将两者结合，表达了数据服务中台的数据产品基调

品牌关键词

科技、信任、服务

运营设计

项目背景

投产海报设计，需要投产完成的海报模版交付开发

设计构思

结合B端产品的风格采用扁平插画样式，对开发的线下场景进行刻画

项目背景

FOCUS系统迭代版本上线海报设计，需要表达版本的更新和亮点

设计构思

将网页作为画面主视觉进行立体化设计，搭配服务器样式的周围建筑， 尝试2.5D风格表现科技感，选用轻质感手法丰富画面细节

方案A在质感和结构上有差距，故放弃

方案B采用橙色的暖色系配色，在科技感上不如蓝色，所以放弃

系统亮点清晰表达

真实还原改版的设计点，让用户提前了解操作教程，有利于新版系统的准确操作

标题字体优化

对无版权字体优设标题黑进行拐角的优化，去除折角使其更简洁，字色调成垂直方向的蓝白渐变，提升品质感

卡片板块优化

由原来的票据卡片样式改为破形扁平样式，减少不必要设计，使用户更聚焦于文案本身