首页

兰亭妙微设计分享:Transix货运车队管理整套响应式UI设计拆解

之晨 系统UI设计文章及欣赏

北京兰亭妙微 UI 设计公司,成立 16 年来,始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势,从中提炼可落地的设计方法论,分享给同样热爱设计的你。

一、项目定位与行业现存痛点
产品简介
Transix是面向全球货运运营商、企业物流团队的一站式供应链数字化SaaS平台,分为两大板块:对外品牌营销官网、对内运营管理后台。官网承载品牌介绍、功能展示、套餐定价、演示预约获客;PC仪表盘统一管控订单、车队运力、物流轨迹、营收数据;移动端完整适配官网浏览、轻量化数据查看、运单跟踪,支持海运、空运、陆运多渠道货运统一管理,实时追踪货物位置、核算营收、监控车队全年运输绩效。

截屏2026-06-30 11.59.00.png

传统物流数字化工具四大行业痛点
1. 官网与后台视觉完全割裂:获客官网、内部管理后台两套设计语言,品牌识别不统一,开发维护成本高;
2. 多运输渠道数据分散:海运、空运、货车订单拆分多个页面,管理者无法单屏汇总整体运力与营收;
3. 移动端适配简陋:仅PC端完整功能,手机只能简单查单,无法浏览完整数据、查看套餐方案;
4. 行业界面厚重沉闷:传统物流系统多深蓝、深灰硬核配色,缺少柔和轻量化视觉,长时间办公视觉压抑。

截屏2026-06-30 11.59.07.png

## 二、完整物流数字化业务闭环
一套视觉体系打通公域获客→企业转化→内部运营→移动随身查看完整业务闭环
1. 品牌营销官网层:顶部导航(功能/定价/产品/企业/服务),首屏品牌价值slogan、平台核心数据、转化行动按钮;依次展示产品后台演示、核心功能模块、阶梯付费套餐、底部品牌导航,完成线索收集与客户转化;
2. PC端运营Dashboard层:左侧固定物流分类导航,首页聚合总订单、已交付、待退货、在途运单核心指标,搭配车队年度绩效散点图、月度运单柱状图、实时运单轨迹卡片,一站式掌握全渠道物流经营数据;
3. 移动端自适应层:完整复刻官网宣传、定价页面,同时轻量化展示运单跟踪、运力数据,竖屏触控优化适配外勤物流人员随身查看;
4. 统一视觉组件体系:按钮、卡片、数据图表、表单一套规范,同步适配官网与后台,降低迭代成本。

三、核心页面模块设计拆解
模块1:PC品牌官网首页
纯净浅灰白基底,淡紫渐变流体图形作为视觉装饰,暖橙文字突出核心关键词
1. 顶部全局导航栏+右上角预约演示黑色行动按钮;
2. 首屏品牌价值区:活跃用户标签、大号主标题、产品简介,两大转化按钮(免费试用、立即启用);
3. 右侧环形信息模块:全球用户总量、交易总额、平台评分三大核心背书数据,环绕运输方式线性图标;
4. 下方嵌入后台仪表盘预览图,直观展示产品核心能力;
5. 全页面柔和淡紫渐变背景色块,弱化工业物流厚重感。

截屏2026-06-30 11.58.51.png

模块2:PC物流运营Dashboard
左侧多级侧边导航(仪表盘、配送、物流、线索、客户、任务),右侧多卡片网格数据面板
1. 顶部搜索、个人消息、用户头像快捷入口;
2. 四大核心数字指标卡片:总订单金额、已交付单数、退货占比、在途运单量,附带环比增减标识;
3. 两大可视化图表:车队全年运力散点分布图、月度运单统计柱状图,淡紫渐变填充区分数据层级;
4. 实时运单列表卡片:展示海运/空运货物编号、起止港口、客户信息、运输状态(已送达/延误),附带轨迹可视化短线;
5. 辅助数据板块:车队总吨位、各国访问量统计,完整覆盖物流经营维度。

截屏2026-06-30 11.59.26.png

模块3:移动端响应式页面
1. 移动端官网:压缩导航适配竖屏,保留首屏品牌、功能介绍、定价套餐全模块;
2. 移动端轻量化数据页:精简图表尺寸,适配单手滑动查看运单与运力信息;
3. 统一渐变品牌色、圆角卡片、线性图标,与PC端视觉完全统一。

模块4:定价套餐页面
双卡片阶梯套餐布局,区分初创个人版、企业商用版,清晰罗列功能权益,底部紫色订阅按钮引导付费转化。

截屏2026-06-30 11.59.14.png

四、视觉设计体系:淡紫暖橙渐变轻量化物流商务风
 1. 色彩系统
- 基底底色:低饱和哑光浅灰白,全天浏览柔和不刺眼;
- 品牌渐变主色:淡薰衣草紫为主操作色,搭配暖橙作为标题强调色,柔和渐变流体图形贯穿全站;
- 状态区分色:浅绿标识已送达运单、浅红标记延误订单,柔和低饱和不突兀;
- 辅助色:浅灰次要文字、纯白卡片面板,层级干净清爽。

2. 图形与可视化规范
1. 柔和渐变流体环形装饰图形,弱化物流行业工业硬核气质,提升现代柔和质感;
2. 轻量化散点、柱状数据图表,淡紫渐变填充,线条圆润无生硬棱角;
3. 大圆角悬浮卡片,极低柔和阴影,页面大量留白,多模块排布不拥挤;
4. 极简线性运输图标(飞机/货车/轮船),统一复用官网与后台。

3. 文字层级规范
纤细无衬线现代商务字体,三层清晰信息层级:订单金额、用户总量超大加粗数字→板块二级标题→运单地址、时间辅助小字,远距离快速抓取物流核心经营数据。

五、产品商业与物流企业落地价值
1. 官网+后台统一品牌视觉:一套设计规范覆盖获客与内部运营,强化品牌记忆,大幅降低前后端开发迭代成本;
2. 全渠道物流数据一站式聚合:单仪表盘同步海运/空运/陆运订单、车队运力、营收,管理者高效评估供应链经营状况;
3. PC/手机完整双端适配:内勤电脑精细化管控,外勤手机随身查运单、看套餐,覆盖全办公场景;
4. 柔和渐变轻量化配色差异化:跳出物流行业传统深蓝厚重界面,视觉清爽舒适,长时间运营办公不易疲劳;
5. 清晰分层转化链路:官网从宣传到定价预约、后台从数据查看至运单管理,完整承接获客、运营、付费全商业流程。

图片来自Behance

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微ui设计公司分享:设计总觉得不对劲?7个设计原则教你快速找问题!

清阳 设计思维

兰亭妙微ui设计公司分享:为什么有时候设计做出来总觉得哪里怪怪的?但又说不上来哪里不对。
很多时候可能不是设计稿不够好看,而是少了「设计原则」当底层支撑。
来看看这 7 个构建底层逻辑的设计原则:
01 格式塔法则
02 视觉层次
03 菲茨定律
04 希克定律
05 米勒定律
06 F 型阅读
07 80/20法则

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

 

 

转载:优设

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微ui设计公司分享:数据可视化系列—那些被你忽略的坐标轴设计细节

清阳 设计资源

兰亭妙微ui设计公司分享:坐标系是能够使每个数组在维度空间内找到映射关系的定位系统,更偏向数学/物理概念。在数据可视化中,最常用的坐标西分为笛卡尔坐标系和极坐标系,本文介绍的坐标轴设计主要也是围绕直角坐标系展开,enjoy~

什么是坐标轴

在说坐标轴之前先来介绍下什么是坐标系。坐标系是能够使每个数组在维度空间内找到映射关系的定位系统,更偏向数学/物理概念。

维基百科对坐标系的定义是:对于一个n维系统,能够使每一个点和一组n个标量构成一一对应的系统,它可以用一个有序多元组表示一个点的位置。

数据可视化中,最常用的坐标系有两种:笛卡尔坐标系和极坐标系,均为二维坐标系。

  • 笛卡尔坐标系即直角坐标系,是由相互垂直的两条轴线构成。
  • 极坐标系由极点、极轴组成,坐标系内任何一个点都可以用极径和夹角(逆时针)表示。用到直角坐标系的常见图表有柱状图、折线图、面积图、条形图等。

下文介绍的坐标轴设计主要也是围绕直角坐标系展开,用到极坐标系的图表有饼图、圆环图、雷达图等。

数据可视化系列:那些被你忽略的坐标轴设计细节

坐标轴是坐标系的构成部分,是定义域轴和值域轴的统称。系的范围更大,而轴包含在系的概念里。由于可视化图表绘制的数据大部分都有一定的现实意义,因此我们可以根据坐标轴对应的变量是连续数据还是离散数据,将坐标轴分成连续轴、时间轴、分类轴三大类。轴的类型不同在设计处理上也有差异。

数据可视化系列:那些被你忽略的坐标轴设计细节

坐标轴的构成要素

介绍坐标轴设计前,我们先将坐标轴拆分成“原子”要素,具体分为轴线、轴刻度、轴标签、轴标题/单位、网格线。

数据可视化系列:那些被你忽略的坐标轴设计细节

坐标轴易被忽视的设计细节

根据坐标轴的构成,分类讨论下每个构成要素容易被忽视的设计细节。

轴线一般只考虑是否显示,例如柱状图、折线图等,在有背景网格线的情况下,会隐藏y轴线,条形图则是隐藏x轴线,以达到信息降噪,突出视觉重点的目的。

轴刻度通常不显示,只有在肉眼无法定位到某个标签对应的数据点时,会显示刻度线,辅助用户定位,比如折线图,或抽样显示的柱状图。

网格线用于定位数据点的值域范围,跟随值域轴的位置单向显示,柱状图采用水平网格,条形图采用垂直网格。样式为虚实线的最多,斑马线由于感知过强,一般不用。

数据可视化系列:那些被你忽略的坐标轴设计细节

轴标题/单位主要用于说明定义域轴、值域轴的数据含义。当可视化图表标题、图例、轴标签已经能充分表达数据含义,无需单独显示标题/单位,“如无必要,勿增实体”。

数据可视化系列:那些被你忽略的坐标轴设计细节

轴标签的设计就比较复杂,涉及到的细节点很多,而且对于定义域轴和值域轴上的标签和单位设计要考虑的细节点还有差异。下文将定义域轴和值域轴看成x轴和y轴,便于说明。

1. x轴标签设计

x轴标签的设计重点在显示规则上,不同的坐标轴类型有不同的处理方式。

1.1 连续轴/时间轴的标签显示

连续轴/时间轴,是由一组前后包含同等差值的等差数列组成,缺少几个数值也能明显看出中间的对应关系。当多个标签在容器内全显示发生重叠,我们可以利用抽样显示的手段来避免这种情况。这里不推荐使用旋转,一方面从美观度上,旋转可能会破坏界面整体协调,另一方面,连续/时间轴非必须显示所有轴标签,抽样标签已经能满足用户对当前数组定义域的理解。

介绍一种常见的抽样方式:等分抽样。

当多个标签在x轴无法完全显示,优先保留首尾标签,其余标签按同等步长间隔显示。间隔等分的前提是间隔数是合数,能被1和其本身以外的数整除。如果间隔数为质数,就需要“-1”转成合数。

举个例子:11个标签,间隔数是10,能被2和5整除,即分成2等分和5等分。12个标签,间隔数是11,无法等分,需要在间隔数基础上再“-1”,转成合数10后再等分,此时最后一个标签显示在倒数第二个数据点上。

数据可视化系列:那些被你忽略的坐标轴设计细节

有人会问了,能被那么多数等分,到底该选哪个呢?这就要根据标签长度来定,选择能放下最多标签的等分值。由于连续轴/时间轴,一般是数值、日期、时间等,字符长度有限,即使抽样后也能保证显示出一定数量的标签。

等分抽样不太适用于表达某个时间周期内的走势折线图,因为最后一个标签不一定对应最后一个数据点。对于这类折线图,能清除表明起始时间和末尾时间相比显示更多时间标签重要性来的更高。设计上可以只显示首尾标签,或首尾+中间值。

数据可视化系列:那些被你忽略的坐标轴设计细节

1.2 分类轴的标签显示

分类轴是由几组离散数据组成,相互之间独立存在,无紧密逻辑关联。若采用抽样规则,隐藏一些标签,用户对图表认知就会有困难,违背了数据可视化清晰、有效的设计原则。分类轴最佳处理方式是标签旋转45度,若45度仍显示不下,继续旋转90度。如果90度还是放不下就要考虑结合图表交互或反转图表。

数据可视化系列:那些被你忽略的坐标轴设计细节

标签旋转方向也有讲究,因为人的视觉习惯是从左到右,从上到下,标签顺时针旋转45度更符合用户的浏览动线。

数据可视化系列:那些被你忽略的坐标轴设计细节

分类轴标签字段有长有短,长文本标签直接旋转不仅影响美观,而且也不利于用户阅读。如果数据量比较少只有2~4个,长文本标签更适合水平展示,显示不下省略即可;如果数据量比较多,就限定字符数后旋转。

数据可视化系列:那些被你忽略的坐标轴设计细节

2. y轴标签设计

y轴标签的设计重点在标签数量、取值范围和数据格式上。标签显示区域一般根据最长标签宽度自适应缩放。如果数组是固定的,就写成固定宽度,节省图表计算量,提高渲染速度。

2.1 y轴标签数量

标签数量不建议过多,太多的标签必定导致横向网格线变多,造成元素冗余,干扰图形信息表达。根据7±2设计原则,y轴标签数量最多不超过这个范围。

数据可视化系列:那些被你忽略的坐标轴设计细节

2.2 y轴标签取值范围

y轴标签的取值范围决定了图形在整个绘图区域的显示高度。

折线图y轴标签取值一般保证图形约占绘图区域的2/3,以更有效的传达数据波动幅度,避免掩盖和夸大变化趋势。2/3即斐波那契数列第二位起,相邻两数之比,也是黄金分割最简单的计算方法。

数据可视化系列:那些被你忽略的坐标轴设计细节

柱状图的y轴标签取值应从0基线开始,以恰当反应数值。如果展示被截断的柱状图,可能会误导观众做出错误的判断。

数据可视化系列:那些被你忽略的坐标轴设计细节

2.3 y轴标签数据格式

y轴标签的数据格式在ant.vision写的比较详细,重复内容不在此说明,重点讲下一些特殊的设计细节。标签保留的小数位数保持统一,不要因为某些轴标签是整数值,就略去小数点。

数据可视化系列:那些被你忽略的坐标轴设计细节

正负向的y轴标签,由于负值带“-”符号,整个y轴看起来会有视觉偏差,特别是双轴图的右y轴更明显。这里建议正负向y轴给正值标签带上“+”,以达到视觉平衡的效果。

数据可视化系列:那些被你忽略的坐标轴设计细节

总结

写了那么多关于坐标轴的设计,你是不是恍然大悟,原来小小的坐标轴还有如此之多的细节。往常我们做图表设计,可能只是用网上自动生成的图表简单调整下,或者按照通用样式来设计。然而,通用样式虽然能表达数据意义,但也缺少了对图表细节的把控,失了精致优雅的感觉。

作为数据可视化设计的一小部分,就是这些设计细节,决定了图表最终的传达效果。

 

 

转载:人人都是产品经理

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

三方协作避坑:设计师、对接人、决策者如何杜绝无效沟通|兰亭妙微

涛涛 设计思维

做设计项目最消耗精力的从来不是绘图,而是多层信息传递带来的反复改稿。深耕政企 UI、可视化与品牌设计多年的兰亭妙微,经手数百套外包、全案定制项目后发现,绝大多数无限返工、工期延误,根源都卡在设计师、中间对接人、决策负责人三方沟通断层。信息层层转述出现偏差、各方诉求无法同步,最终导致方案反复推翻,大幅拉高双方时间成本。

告别平淡界面:仪式感交互设计如何打动用户|兰亭妙微实战解读

涛涛 设计思维

生活里的节日庆典、专属仪式,总能赋予普通时刻独特情绪;放到互联网产品设计中,仪式感同样是打造差异化体验、拉近用户距离的关键抓手。深耕政企系统、移动端 UI 与可视化设计多年的兰亭妙微发现,多数产品功能完整却缺少记忆点,根源便是忽略了情感化仪式设计。恰到好处的仪式感,能把冰冷操作转化为有温度的专属体验,也是设计师拉开方案差距的核心创意切入点。

设计师必看:分清客户与用户,设计才不会做无用功|兰亭妙微

涛涛 用户研究

不少刚入行的 UI、平面设计师做项目时,很容易陷入一个思维误区:把付费对接的甲方等同于产品最终使用者,全程只盯着客户喜好做设计,忽略真实使用人群的需求,最后产出的方案甲方满意,终端使用者却很难上手。深耕政企 B 端界面、可视化设计多年的兰亭妙微,在数百套系统项目落地中发现,厘清客户与用户的边界,是做出有效商业设计的第一步。

UI 设计师必学视觉底层逻辑:格式塔设计原理|兰亭妙微实战解读

涛涛 设计管理与成长

很多人误以为 UI 设计只是打磨像素、美化界面图形,真正成熟的界面设计核心是高效信息传递、流畅操作体验与清晰用户引导。深耕 B 端可视化、政企软件 UI 设计十六年的兰亭妙微(蓝蓝设计),在数百套后台系统、大屏、管控软件项目落地中发现:优质界面的底层逻辑,全部源于人类天然的视觉感知规律,也就是格式塔原理。

我把关键词都分享出来了,以后别说不会做动效了!

之晨 设计资源

北京兰亭妙微 UI 设计公司,成立 16 年来,始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势,从中提炼可落地的设计方法论,分享给同样热爱设计的你。

一、全文速览图

image.png

二、生成前的预处理

1. 给素材进行预处理(加一个素材没有的颜色作为背景),这里进行预处理是为后期在AE中进行抠像处理做准备

image.png

2.把首尾帧的参考图给 AI,生成适配的动态提示词。因为要做 “从无到有” 的动效,推荐用首尾帧生成,在提示词里写清楚首尾帧的画面和运动过程即可

image.png

这是AI给到我的提示词

image.png

三、生成视频

1. 选择「首尾帧生成」模式,首帧上传纯蓝色图片,尾帧上传花朵碰到一起,花瓣爆开的图片。

首帧:

image.png

尾帧:

image.png

2. 查看生成的视频

现在生成的视频,在碰撞后有很多杂线飞出,整体太乱了,我们修改提示词,让他不要有杂线飞出。

我们直接描述问题发给AI,让AI给我们修改提示词。

image.png

这是AI给到我的提示词:

image.png

3. 把新的提示词给到AI,让AI重新生成视频。

4. 现在生成的动画是没有杂线飞出了,但是节奏不对,两朵花碰到一起后,延迟了一会花瓣才爆发出来,我希望他是两朵花碰到一起后花瓣就直接爆发出来,那我们就继续描述问题,让AI给我们修改提示词。

image.png

image.png

https://image.uisdc.com/wp-content/uploads/2026/07/cf7774965441bbe94e0bbe8dd1bf35ba.webp

四、AE实操

1. 素材导入AE,通过颜色范围,快速获取透明底视频(这里可以使用颜色范围一键吸取背景色是因为我们在最开始进行了预处理,添加了一个素材没有的颜色做背景)

2. 把透明背景的素材放到界面里面看一下效果:

https://image.uisdc.com/wp-content/uploads/2026/07/d4294b34e241951ec3215266d234cb91.webp

3. 现在看起来边缘有点生硬,我们给他加一个边缘虚化的效果,让边缘柔和一点。这里我们添加一个蒙版,调整蒙版的蒙版羽化就可以啦,这是调整好的效果:

https://image.uisdc.com/wp-content/uploads/2026/07/fb6a63beef359221e470b3592bf16158.webp

最后,来看下这个动效在其他页面的效果:

https://image.uisdc.com/wp-content/uploads/2026/07/d6078bbcf165cd0b62ce884c03ac1488.webp

转载自优设网

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

没想到我一个没有绘画基础的设计师,也能做这种海报!

之晨 平面设计

北京兰亭妙微 UI 设计公司,成立 16 年来,始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势,从中提炼可落地的设计方法论,分享给同样热爱设计的你。

全文速览图

image.png

对于一些视觉海报,有了创意,但效果不太处理得好,借助AI的力量,让你轻松拿捏!

首先是创意设定,草图这一块,我们运用夸张(大小对比)的创意技法,搭建好构图。

image.png

这也是我们在做海报会经常用到的创意技法,冲击力以及效果都嘎嘎好使。

像另一张番茄与猫的海报,同样是大小对比的上下结构构图:

image.png

技法其实没什么难度,结合好了那就是一张优秀的海报作品。

那我们再回到第一张的草图。

image.png

我们预想的是做逆光的光影氛围效果,但不明确光应该怎样打,于是找了如左图的参考,让背景类似于在室内,有道门溜了一条缝,光从室外通过门缝,照射到主体物上面,按此思路,铺个大效果,确认光源方向,明确受光面和投影方向。

image.png

接下来把图交给AI生成,写关键词要明确表达出:

  1. 画面风格
  2. 颜色调性
  3. 光源方向,其他具体的细节层面根据需要补充

image.png

细看生成的图,小猫不太精致,主要集中在头部的BUG,手动修正脸部五官的扭曲,以及明确头顶耳朵的结构。

image.png

用黑白画面来看下视觉重心,当前是巨大的主体物让画面的视觉重心集中到了右侧。

image.png

所以我们需要在画面的左上方加入元素来把视觉重心往回拉一些。

image.png

我们将文字标题放在了那个位置,并加入排版,让标题叠压在番茄的下面,做出层次,并选择深色字体,用于与小猫身上重色进行颜色平衡。

image.png

纯黑的标题与亮色背景对比太强,过于突出吸睛,于是将其变灰一些,减少对主体物的干扰。

image.png

将标题文字调整为深棕色,符合画面的暖色调,并加入一点背景的暖黄色,让其能融入进背景而不至于脱离于环境导致太割裂,然后加入一层杂色效果,增加整体画面质感细节。

image.png

以上就是我们出设定,用AI辅助结合局部手动调

转载自优设网

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

AI产品用户暴涨之后,产品经理该看哪些指标?

之晨 行业趋势

北京兰亭妙微 UI 设计公司,成立 16 年来,始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势,从中提炼可落地的设计方法论,分享给同样热爱设计的你。

一、全文速览图

image.png

QuestMobile 的数据显示,国内 AI 原生 App 月活已经到 4.99 亿,同比涨了 85.4%。

支付宝「碰一下」的用户规模过了 4 亿,千问的月活涨幅接近 58 倍。

这些数字这半年被反复引用,几乎成了「AI 产品在爆发」的标准论据。

这类报道通常只披露一件事,规模涨了多少。使用时长、复访比例、有没有留存下来,这些同样能拿到的数据,很少被放进同一篇报道里,也很少被追问。

但很少有报道会往下多问一句,这些涨起来的用户,有多少留下来了,有多少只是来试了一次就走。用户规模和用户是不是被真正留住,是两件事,前一件被讲了太多次,后一件几乎没人认真拆过。

这半年被反复引用的规模数字,也让「要不要跟进做一个 AI 功能」这类决策,变得比以前更容易被数字本身带偏。

二、传统指标体系失灵的地方

产品经理判断一个产品好不好,习惯性地看一条链路,获客、转化、留存。

这条链路背后有个默认假设,用户只要进来了、用起来了,价值就会自然沉淀,剩下的事交给时间。

这套假设在传统互联网产品上大体成立。做一个能用的产品需要门槛,门槛本身筛掉了一批凑热闹的用户,留下来的大多是真有需求的人。

AI 产品把这套逻辑打乱了。

调一个大模型 API,套一个现成的 RAG 框架,几天就能拼出一个看起来很能打的 Demo。门槛被拉到了历史最低,注册转化率、首页访问这些前端数字,因此也变得很容易做得好看。

举个例子,一个做 AI 写作工具的团队,两周就能上线一个输入主题就能生成一篇公众号文章的功能。用户点一下几乎零成本,注册转化率做得很漂亮并不难。真正难的是,用户拿到生成结果之后,愿不愿意把这篇文章真的发出去,这一步在老地图上是找不到的。

这套低门槛甚至体现在产品经理自己的判断习惯上。过去评估一个新功能值不值得做,往往先看它能不能带来注册量和访问量的短期上涨。AI 功能几乎都能满足这个标准,因为新鲜感本身就会带来一波点击,这也是为什么很多团队会在错误的方向上,做出一个看起来很成功的判断。

问题出在更深的地方。用户进来了,产品是不是真的把事情办成了,这件事和用户进来了完全是两回事。

传统产品里,进来和办成之间的距离很短。AI 产品里,这段距离被拉长了,而且大部分产品经理还在用老地图找这段新路。

这就是为什么同一套仪表盘,同一批产品经理,会在 AI 产品上判断失误。不是数据造假,是看的地方错了。

image.png

三、权重重新排序

看的地方错在哪,QuestMobile 的另一组数据说得比较清楚。

AI 原生应用用户的月均使用次数是 92.7 次,同类预装应用只有 51.4 次,接近两倍的差距。

豆包、DeepSeek、Kimi 三家,单次使用超过 10 分钟的重度用户占比都在 26%到 30%之间,而且这个比例还在往上涨。

这组数据指向同一件事,入口流量在 AI 产品里正在退位,使用深度顶了上来。使用深度不是一个笼统的说法,拆开看至少是三件事,用户来得勤不勤(使用频次)、每次待得久不久(单次时长)、一次任务有没有走完(任务完整度)。

这三个维度也不是随便拆的。使用频次要看的是一个固定周期内(比如 7 天或 30 天)用户主动打开产品的次数,不是被推送唤醒的次数。单次时长要排除挂机、开着不操作这类噪音,只算真正产生交互的时间。任务完整度要求先给「一次任务」下一个清晰的定义,一次面试、一次报告、一次生成,都算作一次完整任务,半途退出的不算。这三个维度定义不清楚,后面所有的判断都会跟着走偏。

传统产品看的是有多少人打开了 App。AI 产品要看的是打开之后,用户有没有真的把一次任务完整地做完,做完了愿不愿意再来一次。

北极星指标这个概念,本来就是用来提醒产品经理别盯着虚荣指标的。但现实是,很多团队在 AI 产品上依然把北极星定在注册量或者 DAU 这类入口指标上,等于用旧地图找新路的同一个错误又犯了一遍。

这背后还有一层现实原因。增长团队的考核指标、投资人熟悉的汇报框架,很多时候还是围着注册量和 DAU 转,这两个指标改起来最快,也最容易在一页 PPT 里讲出一个漂亮的故事。使用深度这类指标需要更长的观察窗口,也更难被一眼看懂,团队天然有动力去优化那个更容易被看见、也更容易被误读的数字。

市面上不少「套壳」AI 应用就是这么起来的,借一波热点把注册量做得很好看,用户进来点两下就再没回来,团队却还在为注册曲线开庆功会。

反过来看,一款真正解决问题的 AI 工具,早期注册量涨得可能没那么快,因为它依赖的是用户遇到具体问题时的搜索和推荐,不是一次性的流量爆发。但一旦有人开始用,复访和深度使用会持续爬升,这条曲线不好看,却更值钱。

我自己在做一款 AI 面试产品,叫 Lollipop。它后台的北极星指标定的不是注册量,是面试完成率,就是用户有没有走完一整轮模拟面试、拿到报告。

最近一个周期,首页访问、新增注册、开始面试这几个前端数字全都在大幅下滑,跌幅都在四成到七成之间。只看这几个数字,很容易得出产品在快速失血的结论。

但面试完成率这个北极星指标,同一个周期反而是往上走的。前端数字砸下去了,真正衡量产品有没有把事办成的指标却在变好,这组反差比任何单一数字都更能说明,入口流量不该排在第一位。

选面试完成率做北极星,也是因为这类产品的一次任务相对好定义。一场模拟面试有明确的起点和终点,用户走完全程、拿到一份报告,就算完整地体验了一次产品的核心价值。不是所有 AI 产品都有这么清晰的任务边界,判断使用深度之前,先想清楚自己的产品里,一次完整任务到底指的是什么,是能不能套用这套框架的前提。

image.png

image.png

四、转化率超 100%,未必是好事

权重排对了,接下来是怎么防止被数字骗。

第一个常见陷阱,是漏斗里某个环节的转化率超过了 100%,人数不减反增。

这种情况通常有三个来源。

统计口径没对齐,上一步按自然日去重统计新增用户,这一步却按一个更长的活跃窗口统计所有触发过这个动作的账号,两边的分母来自不同的时间尺度,下一步的人数比上一步多,是算法层面的必然,不是产品层面的奇迹。

采集标准不一致,前端埋点和后端日志各算各的,同一个动作在两套系统里可能被记成不同的数字,尤其是涉及 App、小程序、网页多端的产品,这种错位更常见。

用户行为本身有跳跃,用户离开又回来重新走了一遍这个环节,系统把这当成了两次独立事件,凭空多算了一次。这在允许用户中途退出再进入的 AI 产品里尤其常见,因为一次任务本身可能拆成好几轮交互。
遇到这种数字,正确的排查顺序是这样的。

先确认两个环节的统计窗口是不是完全对齐,再看这批用户里有没有掺进本不该算的老用户或回流用户,最后确认埋点逻辑会不会把同一个人的多次动作,算成了多次新增。三步查完,大概率能找到问题出在哪一环。

更具体一点,多数 BI 工具或者后台数据库里,可以直接把两个环节的用户 ID 拉出来做交叉比对,看下一环节里有多少用户 ID 没有出现在上一环节的名单里。如果这个数字不是零,说明确实有凭空出现的用户,顺着这批用户的行为记录往回查,通常能直接定位到问题出在统计口径、埋点还是回流。

这三步排查,靠翻埋点文档和拉后台原始数据就能做,不需要额外的工具。需要的是遇到反常数字时,先怀疑统计本身,再相信这是个好消息的习惯。

Lollipop 的后台就出现过更夸张的情况,注册转化的一个子环节里,「成功注册」的人数是「进入注册页」的十倍还多,转化率算出来超过了 1000%。

image.png

查下来是两个环节的统计时间窗口没对齐,「进入注册页」只挑了当日严格路径进来的用户,「成功注册」却把更宽时间窗口里所有完成注册的账号都算了进去,两边的分母压根不是同一批人。这类异常如果不查,很容易被当成一个值得庆祝的好消息,写进周报里。

五、功能上线不等于被采纳

第二个陷阱更隐蔽,一个 AI 功能上线了,不代表用户真的在用它。

微软自己披露的数据是一个很有分量的参照。

Microsoft 365 Copilot 上线三年后,付费企业里的实际采纳率不到 4.5%,每周还在用的用户比例只有 1%。

财富 500 强企业里七成拿到了 license,但每周真正被使用的付费席位只有两到三成。

一个全球最大的企业软件公司,尚且交出这样的采纳数据。说明这不是某个小团队的执行问题,是 AI 功能从上线到被真正采纳,中间天然有一道很宽的沟。

这道沟通常来自三个原因。

用户不信任 AI 给出的结果,宁可自己重做一遍,尤其是涉及需要担责的场景,比如财务数字、合同条款,用户会本能地想再核对一遍,AI 帮着做的这一步,等于白做。

功能藏得太深,不在用户原有的操作路径上。一个 AI 摘要功能如果放在三级菜单里,大多数用户根本不知道它存在,更不会主动去找。

功能确实存在,但比用户熟悉的手动方式并没有明显更好,缺乏切换的理由。如果 AI 自动填表的出错率比用户自己手动填还高,用户试过一次就会放弃,回到熟悉的老办法。

判断一个 AI 功能有没有真被采纳,可以拆成两层来算。第一层是尝试率,能接触到这个功能的用户里,有多大比例点开用过至少一次。第二层是复用率,用过一次的人里,有多少比例会用第二次、第三次。

尝试率高、复用率低,说明用户对这个功能有好奇心,但没有形成依赖,这正是大多数 AI 功能卡住的地方。用过一次约等于好奇,用过不止一次才约等于这个功能真的解决了问题。

微软的数据也印证了这一点。超过 1 亿月度 Copilot 用户,说明尝试的门槛已经很低,财富 500 强七成拿到 license,说明分发也做到位了,真正卡住的,是复用这一层。

我们 Lollipop 的简历漏斗里也有类似情况。用户确定简历之后,走到「Agent 对话」这一步的转化率只有个位数。功能是上线了的,但绝大多数用户走到这一步就停住了,没有再往前一步。

image.png

六、留存曲线才是终局判据

前两个陷阱都还只是排查具体数字,第三个陷阱要看的是一整条曲线,留存曲线的形状。

a16z 在一份关于 AI 消费应用的报告里提到一个说法,很多 AI 应用早期都会经历一波「AI 游客」。这批用户被新鲜感或者一次刷屏式的传播吸引进来,用几次就走,本身对产品没有真实需求。

AI 游客通常是被两种力量带进来的。一种是免费试用或者限时活动,用户抱着反正不要钱的心态点进来看一眼;另一种是社交媒体上的一次刷屏式安利,用户被大家都在讨论这件事本身吸引,而不是被产品要解决的问题吸引。这两类用户对产品本身没有真实需求,留存曲线注定要往下掉。

真正的分水岭在第三个月前后。如果留存曲线过了这个点还在持续往下掉,说明用户最初的新鲜感没有转化成长期愿意用的理由。具体到怎么看这条曲线的形状,可以连续观察三个月的环比降幅,如果降幅一个月比一个月收窄,说明曲线在走平,用户群体逐渐稳定下来;如果降幅稳定甚至扩大,说明流失还在加速,这是曲线持续下探的信号。

报告里也提到一个有意思的反例,头部产品比如 ChatGPT 呈现出一种回升式的留存曲线,用户在中途流失后,会因为产品能力持续提升、能处理的场景变多,重新回来使用。

回升式曲线不是靠运气出现的。头部产品做对的事情,通常是持续扩展产品能处理的场景,让一个因为某个具体需求流失的用户,后来因为另一个新场景被解决,重新想起这个产品,再加上恰当的触达(比如提醒、周报这类唤回机制),才能把回升曲线做出来。

看留存,不能只看前几天的数字,要看到第三个月这个节点之后曲线是往下探、走平,还是回升。前几天留存好看,只能说明第一次体验没让人失望,不能说明产品被真正需要。

Lollipop 的 30 日留存数字趋近于零,首页访问的流量并不小。

image.png

入口流量还在,但30天之后几乎查不到人回来,这组对比比任何一条好看的增长曲线都更能说明问题。

image.png

image.png

前面这三个陷阱,说的都是老指标怎么骗人。有一个容易被忽略的地方是,使用深度、功能采纳率这类新指标,同样可以被做出虚假的好看。

刷时长、机器人循环调用、把一个简单任务硬拆成好几轮交互凑次数,都能在不产生真实价值的情况下,把这几个新指标堆上去。看使用深度、看功能采纳率、看留存曲线,解决的是入口指标不够用的问题,不是给了一张可以不用再怀疑的新地图。遇到反常的深度数据,同样要用前面几节的排查方法再过一遍。

七、一份可复用的判断清单

把前面几节收拢成一份清单。

先看使用深度,用户打开之后有没有走完一次完整任务,来得勤不勤,待得久不久。

再看功能采纳率,新功能有没有被反复使用,不是浅尝辄止用一次就再没打开过。

最后看长期留存曲线的形状,第三个月之后是探底、走平,还是回升,不要只盯着首周数字。

入口流量、首日转化率这类老指标不是不看,是不能再排在最前面。

如果这三项同时不达标,修复的优先级也有讲究。

先修留存,留存趋近于零,说明产品可能根本没有解决用户的真实问题,这时候去优化功能采纳率或者入口转化率,投入产出比很低,方向可能就错了。

再修功能采纳率,留存还过得去,但某个 AI 功能没人用,通常是设计或者信任问题,不是产品根本没用,值得针对性优化。

最后才轮到入口转化率,这一层最容易优化,也最容易带来虚假的安全感,前两层没达标之前,把力气花在这里性价比最低。

这套优先级说起来容易,落地时最大的阻力往往不是数据本身,是团队内部的认知。如果汇报框架、老板的直觉判断都还锚定在注册量和 DAU 上,突然把留存曲线摆到第一位,很容易被当成在唱反调。更现实的做法,是把这几个新指标和老指标并排放进同一张报表里,让入口流量继续涨,同时用具体数字展示留存和采纳率的差距,用事实说话,比正面辩论更容易推动认知转变。

拿这份清单去看一个陌生的 AI 产品,可以这样用。

先找它公开披露过的使用时长或使用频次,没有的话看应用商店评论里有没有人提到「用了一次就没再打开」这类反馈。

再看它有没有单独披露过某个核心功能的复用数据,一次性使用和反复使用是两回事。

最后如果能查到第三方的留存报告,重点看第三个月前后的曲线走向,而不是首周数字。

举个具体的应用场景。假设在看一款新出的 AI 笔记应用,官方通稿里只写了用户破千万。这时候先翻一下应用商店评论区,如果高频出现用了一次觉得挺新奇、后来就没再打开这类留言,基本可以判断留存是个问题。如果通稿里进一步披露了周活跃或者人均使用时长,可以拿来和同类产品做个粗略对比,时长明显偏短,说明用户可能只是把它当成一次性的新鲜工具,没有形成使用习惯。

三步做完,基本能判断出这个产品的增长,有多少是真的。

image.png

八、结尾

增长曲线好看,这件事本身不需要否定。

真正决定一个 AI 产品能走多远的,是曲线背后那些不那么好看、但更接近真实的数字,有多少人真的把一次任务办成了,办成之后,愿不愿意再来一次。

这三层判断标准不需要复杂的工具,大多数时候翻一下后台数据、看一眼应用商店评论,就能做完第一轮判断。

 

转载自优设网

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档