首页

兰亭妙微设计分享:Vital SOS 个人健康管理随访平板应用全案设计解析

之晨 交互设计及用户体验

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

截屏2026-06-30 14.31.15.png

一、项目定位与行业现存痛点

Vital SOS 是一款面向个人用户的健康管理与医疗随访平板应用,集成实时心率监测、异常指标预警、AI 健康建议、处方药物管理、健康趋势分析、关联设备入口等核心功能,为用户打造一站式数字化健康管理平台。

截屏2026-06-30 14.31.11.png

当下健康管理类应用普遍存在四大行业短板:

健康数据分散无整合:心率、体温、血糖、运动、睡眠等数据分散在不同设备与平台,用户无法在统一界面查看完整健康画像,数据价值大打折扣;

异常预警滞后不直观:多数应用仅在数值超标时弹出数字提醒,缺少分级预警机制与可视化趋势图,用户难以第一时间感知健康风险变化;

医嘱与用药管理脱节:处方药物信息、服药时间、复诊提醒散落在日历、备忘录中,缺少与健康数据联动的用药管理模块,慢病患者依从性低;

界面信息堆砌缺乏层次:部分健康应用将大量数据指标平铺展示,缺少主次分层与视觉引导,用户浏览效率低,尤其对中老年用户不够友好。

截屏2026-06-30 14.30.13.png

本项目以「卡片式模块化布局 + 实时健康数据可视化 + AI 智能健康洞察 + 处方用药全流程管理」为核心设计逻辑,搭建健康总览、异常预警、趋势分析、药物管理、设备关联完整应用体系,兼顾日常健康监测与医疗随访两大核心场景。

截屏2026-06-30 14.30.54.png

二、完整健康管理业务闭环

健康数据实时采集 → 异常指标分级预警 → AI 健康建议推送 → 健康趋势图表分析 → 处方药物提醒管理 → 关联智能设备同步

整套链路覆盖日常健康监测、异常风险预警、医嘱用药管理、智能设备联动,平板大屏充分利用,健康数据一屏掌控。

三、四大核心模块分层体验拆解

1. 健康总览仪表盘模块(数据整合核心)

采用左右分栏布局,左侧以用户头像为核心,集中展示健康异常提醒、实时心率数据和 AI 健康建议卡片;右侧分布健康趋势折线图、体温/血糖指标面板、健康洞察分析区,各功能模块以圆角卡片承载,带有轻微阴影增强层次感。

截屏2026-06-30 14.31.42.png

 

顶部全局导航栏横向划分 Home、My Health、Members、Medicines 四大入口,用户可快速切换不同功能板块,解决健康数据分散、查看效率低的痛点,实现一屏掌控完整健康画像。

 

2. 实时异常预警与 AI 洞察模块(风险管控核心)

当心率、血糖等指标出现异常时,界面自动弹出悬浮式异常提示标签,以红色警示色标注异常项目,搭配分级预警文案,帮助用户第一时间感知健康风险。

2.AI 健康建议面板根据实时数据生成个性化健康指导,以卡片形式展示在显眼位置,无需用户主动查询,实现被动接收健康建议的无感体验,解决传统健康应用预警滞后、缺少智能分析的短板。

截屏2026-06-30 14.31.19.png

3. 健康趋势可视化分析模块(数据洞察核心)

折线图展示心率、体温、血糖等指标的历史变化趋势,支持按日/周/月切换时间维度;仪表盘样式呈现综合健康评分,直观量化健康状况。

数据图表采用浅蓝主色调,搭配红色异常标注、绿色正常标识,配色语义清晰,用户无需阅读文字即可快速判断健康状态走向,精准匹配慢病患者长期监测的数据分析需求。

截屏2026-06-30 14.31.07.png

4. 处方药物与设备管理模块(用药依从性核心)

处方药物列表以卡片形式展示药品名称、服用时间、剂量信息,搭配状态标识区分已服/待服/漏服,支持设置服药提醒推送。

关联设备入口集成智能手环、血压计、血糖仪等外设数据同步,用户可在应用内统一管理所有健康设备数据,打通设备与软件的数据壁垒,实现健康数据的完整闭环。

截屏2026-06-30 14.31.34.png

 

四、视觉与组件体系设计特色

色彩系统:纯白基底搭配柔和浅蓝作为数据图表与功能按钮主色调,红色用于异常指标警示,绿色标注正常状态,整体配色清新、专业,符合医疗产品的严谨感与信任感;

圆角卡片模块化组件:所有功能模块以圆角矩形卡片承载,带有轻微阴影增强层次感,卡片间距均匀,信息分区清晰,用户可快速定位目标功能;

清晰层级文字体系:采用无衬线字体,标题字号较大加粗,数据指标用醒目大字号突出,辅助说明文字用小字号浅灰色,可读性强,适配不同年龄段用户阅读习惯。

截屏2026-06-30 14.30.36.png

五、产品商业与用户综合价值

卡片式模块化布局将分散的健康数据整合为统一视图,用户无需切换多个页面即可掌握完整健康状况,大幅提升日常管理效率;

实时异常预警搭配 AI 健康建议,实现健康风险的主动管控,从被动就医转变为主动预防,降低突发健康事件的发生概率;

处方药物管理模块提升慢病患者用药依从性,减少漏服、错服情况,辅助医疗随访效果提升;

健康趋势可视化帮助用户与医生共同评估长期健康变化,为诊疗决策提供数据支撑;

清新专业的视觉风格兼顾医疗严谨感与用户友好度,适配中老年用户与年轻用户群体的审美需求。

 

图片来自Behance

 

 

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

 

image.png

兰亭妙微UI设计公司:在大厂做 B 端定制化设计是什么体验?

清阳 交互设计及用户体验

 
钉钉从诞生之初便依托客户共创落地产品,多年来始终坚持「产品功能源于真实客户需求」的设计核心思路。
 
不少免费客户升级付费专属版后,受制于自身设计、研发能力短板,即便平台开放全套定制工具与能力,也很难打造出贴合自身企业调性、满足业务预期的钉钉应用。
基于此,我们推出大客户超级服务体系,以此破解企业定制落地难题。下文将以钉钉专属版大客户超级服务为例,拆解 ToB 定制服务完整链路,分享 B 端设计服务的落地方法论。

一、穿透表层问题,深挖客户底层真实诉求

image.png

客户提出的需求往往直白、片面,大多停留在表面观感与功能取舍:比如 “工作台界面观感简陋、不够大气”“页面模块冗余,希望直接删减”。
 
如果仅针对这类表层诉求做修改,只能治标不治本,很难建立长期稳定的客户信任。想要交付匹配企业业务的定制方案,必须跳出问题本身,从三大维度完整拆解客户真实需求:
  1. 厘清行业专属特征
     
    不同行业对视觉风格、交互逻辑的需求差异巨大。以传统媒体行业为例,产品页面需适配纸媒阅读习惯,侧重文字可读性、规整排版,整体视觉严谨克制;若设计风格与行业属性脱节,作为企业门户核心的工作台,很难获得客户认可。
  2. 区分客户生命周期阶段
     
    客户可按使用阶段划分为免费版、付费专属版两类。当企业完成付费升级后,若界面、功能无明显差异化感知,极易产生负面认知:“付费后没有任何升级体验,投入没有价值”,界面视觉作为用户第一感知触点,是化解该痛点的关键。
  3. 兼顾多方角色差异化诉求
    image.png
    B 端产品链路涉及多层人群,需求立场各不相同:决策者是付费买单方,项目执行者负责落地对接,企业管理者、普通员工是日常使用者。
     
    设计过程中,既要拆解各岗位员工的使用痛点,也要精准抓住决策者的核心关注点,同时输出完整落地素材,方便对接执行者向内部管理层汇报方案价值。

二、不止解决显性问题,交付超出预期的定制方案

客户带着负面评价提出修改诉求时,单纯整改问题只能平息不满;而设计师依托可视化设计产出,能够直观传递专业度、建立客户信任感。整套方案遵循「先解决刚需,再延伸增值体验」的思路落地:

1. 优先落地客户明确提出的核心优化项

image.png

围绕客户反馈的操作效率、业务适配、行业视觉三大核心痛点,结合前期实地走访、多角色需求调研完成迭代。
 
以传统媒体工作台优化案例为例:针对采编、审核、行政等岗位高频操作路径精简页面布局,调整版式字体适配内容阅读需求,剔除企业无用模块,直接解决客户直观不满。

2. 基于深度洞察延伸增值品牌方案

image.png

image.png

付费客户的核心隐性诉求,是拥有专属企业数字化门户,弱化 “通用钉钉” 感知,强化自有品牌归属感。
 
我们覆盖登录注册、办公应用、即时沟通全流程页面,植入企业品牌视觉与企业文化元素,打造专属化使用体验。
 
一方面让决策者直观感受到付费升级的差异化价值,认可方案贴合企业定位;另一方面为项目执行者提供完整、可视化的汇报素材,便于对内展示数字化建设成果。

三、用客户故事赋能方案汇报,建立长效持续服务

 

对内汇报时,我们能精准匹配汇报对象关注点调整表达逻辑;但对接外部客户时,常因不熟悉企业组织架构、业务场景,导致方案讲解难以引发共鸣。对此,我们将前期实地调研、一线采风素材转化为「客户真实故事」,融入方案汇报,让客户沉浸式感知设计价值。

1. 交互层:以「角色 - 行为 - 价值」讲清业务逻辑

遵循 Who(使用角色)-What(操作行为)-Value(落地价值)三要素,还原员工完整工作链路。
 

image.png

例如传统媒体编辑,日常需跨多套系统完成选稿、采编、校版,同时还要处理园区打卡、饭卡充值等行政事务。我们完整还原全流程工作场景,展示定制化设计如何打通业务断点、简化操作流程,让客户感知方案完全贴合自身业务。

2. 视觉层:实景采风传递企业文化共鸣

image.png

实地记录企业园区环境、员工真实工作场景、品牌视觉标识,将线下企业气质转化为线上界面设计语言。
 
设计方案不再是冰冷的界面改版,而是企业线下文化、办公氛围的线上延伸,更容易打动客户,契合企业对内传递文化形象的需求。

3. 倾听客户反馈,沉淀产品迭代机会,长效服务

每一次大客户走访,既能解决企业个性化定制难题,也能收集大量具备普适性的产品优化建议。
 
举例:不少企业管理者提出需要一键清除消息小红点功能,钉钉现有功能虽支持该操作,但入口隐藏较深。办公场景下,普通员工需要消息提醒避免遗漏工作,而管理者常被无关消息干扰,现有产品未针对不同角色做差异化适配。
 
这类来自一线客户的真实反馈,会同步沉淀为产品迭代思路,持续优化产品与配套服务。

写在最后

一套高质量 B 端定制服务,核心根基是深度洞察客户底层诉求,而非被动整改表层问题。
 
汇报环节依托真实业务场景故事传递设计内核,同时持续收集决策者、一线员工的使用反馈,反向推动产品迭代。只有精细化打磨适配企业全角色的每一处产品细节,才能让大客户超级服务真正落地到数字化服务的全流程中。
 

转载:钉钉用户体验官方账号

 

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

 

image.png

5 组产品设计高频易混术语辨析,90% 设计师都在用错

清阳 交互设计及用户体验

前言

日常做界面、写功能文案时,不少产品、UI 设计师常会混用形近义异词汇:登录 / 登陆、稍后 / 稍候、预订 / 预定…… 仅一字之差,语义边界却完全不同。用词失准不仅拉低界面专业度,还会误导用户、割裂操作认知。本文整理 5 组互联网产品高频混淆术语,结合真实业务场景拆解区分标准,给大家一套可直接落地的界面用词规范。

一、登录 vs 登陆

核心定义区分

  1. 登录(login)—— 互联网专属术语
     
    指用户进入系统、App、网页的身份核验流程,核心目的是完成身份校验,授予用户数据读写权限:
  • 读权限:查看个人专属信息;
  • 写权限:留存用户操作、交互数据至后台。
     
    适用场景:账号密码登录、短信验证码登录、扫码登录、「当前未登录,登录后解锁完整功能」。
  1. 登陆(land)—— 通用实景 / 营销词汇
     
    本义指船只、台风抵达陆地,军事领域指渡水上岸;引申为新品、新功能正式上线、切入市场。
     
    适用场景:诺曼底登陆、台风登陆、「全新 CRM 产品即将登陆,敬请期待」。

    image.png

总结判断标准

  • 进入账号系统、核验身份 → 登录
  • 产品上新、实体抵达陆地 → 登陆

二、删除 vs 移除

二者核心差异:操作对象是否永久留存于系统数据库。
  1. 删除:不可逆永久清除,数据从底层彻底销毁,系统无留存记录。
     
    场景示例:商家后台废弃整场无效大促活动、通讯录永久删除客户。
  2. 移除:仅从当前视图 / 分组中隐藏,原始数据完整保存在系统,可恢复。
     
    场景示例:活动列表移除多余商品、企业微信「移出群聊」(成员账号不会被删除,仅脱离当前群组)。

    image.png

落地设计思路

不必机械二选一,用词贴合用户直观认知优先。以企业微信为例:
  • 移出群聊:弱化永久删除感,用户清晰知晓对方账号仍存在;
  • 删除客户:明确告知操作不可逆,永久清除联系人数据。

三、新建 vs 添加

image.png

区分逻辑:对象是「从零创造」还是「调取已有对象」。
  1. 新建:从 0 到 1 生成全新对象,需手动配置参数、属性,无前置存量数据。
     
    行业案例:Mac 系统「新建文件夹」、Sketch「新建图层 / 画板」、后台「新建商品」。
  2. 添加:调取系统内已存在的对象,归入当前集合,无需重新创建主体。
     
    行业案例:添加本地组件库、添加银行卡、添加已有联系人、照片库添加本地图片。

image.png

判断口诀

从零搭建、全新创建 → 新建;
 
调取存量、归入集合 → 添加。

四、稍后 vs 稍候

image.png

二者均表等待,但语法结构、使用句式严格区分。
  1. 稍候:独立完整祈使短句,可单独收尾,侧重「当前正在处理,请等待片刻」,对应英文 wait a moment。
     
    界面示例:加载弹窗文案「数据加载中,请稍候…」。
  2. 稍后:副词,不能单独成句,后必须搭配动词,指代「延后一段时间再执行操作」。
     
    界面示例:加载失败提示「系统加载异常,请稍后重试」。

快速区分

句末单独使用、无需追加动作 → 稍候;
 
后面紧跟操作动词(重试、提交、刷新) → 稍后。

五、预订 vs 预定

image.png

差异核心:是否涉及资金交易。
  1. 预订(订):关联钱款、交易行为,提前支付定金锁定商品 / 服务。
     
    适用:预订酒店、预订机票、预订线下课程。
  2. 预定(定):仅规划、敲定时间、计划、节点,无资金往来。
     
    适用:预定会议时间、预定婚期、项目预定上线节点。

极简区分

涉及付费、交易 → 预订;
 
规划时间、方案、目标 → 预定。

写在最后

不少从业者会觉得:只是用词差异,用户看得懂就行,没必要抠细节。但乔布斯曾提出:精准表达是产品设计的底层内核。
 
界面文字是产品和用户沟通的唯一文字载体,术语混用、用字错误,本质是设计细节把控不到位,直接损耗用户专业感知。作为产品、体验设计师,规范基础用字是做好用户体验的第一道门槛。
如果你在工作中遇到其他易混淆的界面术语,欢迎留言交流补充。
 

转载:优设

 

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

 

image.png

兰亭妙微设计分享:Pure Luxe 高端奢侈品生活杂志响应式官网全案设计解析

之晨 交互设计及用户体验

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

截屏2026-06-29 10.32.08.png一、项目定位与行业现存痛点
Pure Luxe 是聚焦顶级游艇、豪车、豪宅、名表珠宝、高端旅行的垂直奢侈品线上杂志网站,面向高净值精英人群,同步线下纸质杂志内容,打造图文深度阅读、品牌资讯、期刊展示一体化轻奢媒体平台。
当下高端奢侈媒体网站普遍存在四大行业短板:
品类内容杂乱无分层:豪车、游艇、豪宅、腕表资讯混排,高净值用户无法快速筛选感兴趣赛道内容,浏览效率低;
视觉质感廉价同质化:多数资讯网站堆砌色块、繁杂按钮,缺少奢侈品专属极简高级留白版式,无法匹配高端客群审美;
纸刊与线上内容割裂:线下实体杂志、线上网页内容不互通,缺少期刊预览、翻刊展示模块,难以引导用户订阅纸质刊物;
多端适配断层:电脑端精致版式在手机端严重压缩,图文排版拥挤,高端图文大片失去视觉冲击力,流失移动端流量。
本项目以「极简高级留白版式 + 多奢侈品赛道分类阅读 + 纸刊线上联动预览 + 全设备自适应响应式」为核心设计逻辑,搭建首页封面大图、分类资讯库、期刊专区、文章详情、移动端适配完整网站体系,兼顾资讯浏览、纸刊推广、奢侈品牌广告展示三大核心业务。

截屏2026-06-29 10.32.19.png

二、完整奢侈品媒体业务闭环
首页封面视觉引流 → 多赛道分类导航栏 → 近期 / 热门资讯图文库 → 单篇深度文章详情页 → 纸质杂志期刊预览专区 → 手机 / 平板自适应移动端浏览
整套链路覆盖线上资讯阅读、实体杂志曝光、高端品牌广告植入,PC、平板、手机三端版式统一,图文质感无损耗。

 

三、五大核心模块分层体验拆解
1. 首页沉浸式封面视觉模块(品牌形象引流核心)
全站采用全屏大图首屏设计,游艇、豪宅、豪车高清实景大片铺满页面,弱化多余装饰元素;顶部极简细线条导航栏横向划分八大奢侈品赛道,搭配右上角社媒入口与杂志订阅按钮,强化媒体属性。
页面底部设置滚动资讯快捷栏,轻量化卡片预览最新短文,无需下拉即可快速浏览新鲜内容,平衡大片视觉质感与资讯浏览效率,精准契合高端用户慢阅读、重质感的浏览习惯。

截屏2026-06-29 10.33.30.png


2. 多维度资讯分类阅览模块(内容分发核心)
拆分「近期文章、热门文章、本期杂志专题」三大独立内容板块,采用规整网格图文卡片布局;卡片仅保留高清实景图、标题、简短导语、发布时间,大面积留白弱化信息密度,贴合奢侈品克制美学。
支持按品类筛选游艇、豪车、豪宅、珠宝腕表内容,分页加载更多资讯,解决高端媒体内容杂乱、用户筛选成本高的痛点,精准匹配不同精英人群兴趣偏好。

截屏2026-06-29 10.32.34.png3. 纸质杂志线上预览专区(线下刊物转化模块)
独立期刊板块模拟实体杂志翻页效果,左右滑动切换刊内跨页图文;搭配期刊主题标题、刊期介绍文字,清晰展示当期杂志核心内容,设置直达阅读入口,打通线上流量向线下纸质杂志订阅转化的路径,是区别普通资讯网站的独有差异化模块。
4. 深度图文文章详情页(用户留存核心模块)
文章内采用大字号衬线标题、首字母放大经典杂志排版,穿插高清实景大图、人物专访配图;段落间距宽松,搭配引用语录高亮区块,复刻高端纸质杂志阅读质感。侧边预留品牌广告位,自然植入腕表、香氛、游艇商业物料,在不破坏阅读体验的前提下完成商业变现。
5. 全设备统一响应式适配体系(全域流量保障模块)
一套视觉组件适配电脑、平板、手机三端:PC 端宽幅网格多栏展示海量资讯;平板平衡大图与图文列表;移动端自动压缩导航为侧边折叠菜单,单列卡片简化排版,保留完整大图与宽松留白,无论大屏还是手机,都能维持奢侈品专属高级视觉质感,杜绝移动端拥挤廉价的观感。

截屏2026-06-29 10.33.14.png

四、视觉与组件体系设计特色

截屏2026-06-29 10.33.04.png
色彩系统:纯白基底 + 纯黑文字,无多余装饰色,仅依靠高清实景大片作为视觉焦点,极简黑白灰配色塑造克制、奢华、高级的媒体调性,适配游艇、豪宅、名表各类高端素材;
经典杂志版式文字体系:采用衬线标题字体搭配无衬线正文,复刻高端印刷刊物排版逻辑,首字放大、宽松行间距、大段留白,打造沉浸式慢阅读体验;
轻量化无装饰组件:全部资讯卡片、按钮、翻页控件去除厚重阴影、渐变,仅用细线条分割内容,极简克制,完全契合奢侈品低调奢华的审美标准。

截屏2026-06-29 10.34.03.png

五、产品商业与用户综合价值
八大奢侈品垂直赛道精准分层,精准捕获高净值细分人群,提升用户停留时长与复访频次;
线上纸刊预览模块打通线上线下媒体联动,有效带动纸质杂志订阅销量,拓宽媒体营收渠道;
极简黑白留白高级视觉,区别市面花哨资讯网站,塑造高端奢侈品媒体独特品牌调性,提升奢侈品牌广告合作吸引力;
三端完整响应式适配,电脑、手机浏览质感统一,不流失移动端高端流量,全域覆盖精英用户阅读场景;
宽松杂志化图文排版,降低长文阅读疲劳,提升深度文章完整阅读率,强化用户媒体认同感。

 

图片来自Behance

 

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

 

image.png

兰亭妙微设计分享:AI 植物健康监测多终端产品全域ui设计拆解

之晨 交互设计及用户体验

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

Zolve 是一款搭载叶片 AI 扫描识别技术的智能绿植养护系统,面向家庭园艺爱好者、室内绿植商家、小型种植工作室,覆盖手机扫码检测、平板数据精细化管理、PC 官网品牌获客三大终端。整套设计围绕「AI 扫描诊断 — 植物数据可视化 — 专业养护指导 — 会员升级转化」完整产品链路落地,融合自然极简美学与专业数据可视化体系。本文将从赛道差异化机会、用户分层行为路径、多终端差异化功能架构、自然系数据视觉语言、商业化增长设计五个全新维度拆解,为园艺科技类数字化产品提供可落地的设计参考。

截屏2026-06-17 17.51.46.png

一、园艺数字化赛道空白与三类目标用户行为分层

1. 传统绿植养护工具现存三大核心短板

诊断手段单一:多数绿植 APP 仅提供图文百科,缺少实时叶片扫描、叶绿素、土壤湿度等量化数据检测功能,养护建议主观模糊;

数据呈现割裂:生长曲线、水肥光照记录分散无统一看板,用户无法直观追溯植物长期健康变化;

多端体验断层:移动端仅做简易识别,缺少批量管理功能,PC 官网与 App 视觉割裂,品牌辨识度弱。

2. 三层用户差异化界面权重分配

轻度用户:家庭绿植新手(手机端核心人群)

核心诉求:一键扫码识别、快速获取简易养护提醒。手机端首页前置「Plant Scan」扫描入口,简化复杂数据图表,仅展示缺水、光照不足等关键风险提示,操作流程控制在 3 步内。

中度用户:园艺爱好者 / 室内绿植店主(平板端核心人群)

核心诉求:多植株批量管理、月度生长数据复盘、专业音频养护课程。平板采用宽屏多卡片并行布局,同时陈列多株植物档案、健康指标面板、历史生长曲线,支持横向对比多株绿植长势。

潜在付费用户:种植工作室 / 园艺从业者(PC 官网转化人群)

核心诉求:了解产品专业检测能力、批量管理会员权益、申请免费试用。PC 官网首屏放大 AI 扫描核心功能,用可视化数据图表凸显技术优势,底部设置免费试用转化按钮,主打 B 端批量管理方案。

截屏2026-06-17 17.51.53.png

二、AI 驱动的植物养护完整服务链路(五阶用户体验闭环)

整套设计以「扫描检测」为产品核心差异化卖点,串联完整用户生命周期,三端数据实时同步:

感知引流层(PC 官网):极简自然风落地页,用 3D 植株、生长曲线直观展示 AI 检测技术,吸引用户下载 App、领取试用;

核心交互层(手机移动端):首页环形扫描动效为视觉核心,镜头对准叶片即可实时测算叶绿素、叶片含水量,即时输出健康评分;

数据沉淀层(平板精细化管理端):单株植物专属档案,整合水分、湿度、光照、施肥四大环境指标,月度生长趋势图表可视化;

专业服务层:内置园艺专家音频解析、图文养护教程,针对植株异常数据推送定制化改善方案;

商业留存层:内置 Upgrade 会员升级入口,解锁批量植株管理、专业深度数据分析、一对一专家咨询等付费权益。

三、三大终端差异化功能架构拆解(功能适配 + 交互逻辑双视角)

模块 1:移动端手机端 —— 轻量化 AI 扫描诊断载体(获客与高频操作核心)

整机界面做极致轻量化减法,底部固定简易导航栏,核心扫描功能居中置顶:

环形渐变绿色扫描动效作为产品识别符号,扫描过程可视化,降低 AI 科技的冰冷感;

检测结果极简卡片排布,仅高亮「缺水 / 光照不足」等风险项,次要历史数据折叠收纳;

简化图表组件,仅保留月度简易生长折线,适配手机竖屏快速浏览,单手即可完成扫码、查看提醒全部操作。

截屏2026-06-17 17.52.26.png

模块 2:平板端大屏管理后台 —— 精细化多植株数据中枢(深度用户留存核心)

利用平板横向大屏优势,采用自由流式卡片模块化布局,实现多信息并行展示:

左侧植株档案栏:快速切换不同绿植,新增植株快捷按钮常驻侧边;

中部核心健康指标区:四宫格卡片展示水分、湿度、光照、施肥实时数值,状态标签直观区分Low/Moderate/High;

右侧增值服务区:生长趋势图表、专家音频分析、养护教程三大付费功能卡片并排展示,强化升级引导;

底部动态更新日志:自动记录每一次扫描后的植株状态变化,完整留存生长时间线。

模块 3:PC 官网品牌营销落地页 —— 产品价值传递与转化载体(公域引流核心)

摒弃繁杂后台控件,侧重视觉化技术展示,面向潜在客户传递产品专业度:

超大字号「PLANT SCAN」作为视觉主标题,搭配 3D 幼苗、联动生长曲线图形,直观传递 AI 检测核心能力;

关键检测数据(生长速率、叶片含水量、土壤湿度)用标注连线附着植株图形,降低普通用户对专业指标的理解门槛;

页面底部双转化入口:「Start Now」即时试用按钮、「Download App」下载引导,搭配用户数据背书(72K 用户改善植物健康)提升信任感。

截屏2026-06-17 17.52.08.png

四、自然治愈系专属数据可视化视觉体系

1. 色彩语义系统(贴合绿植赛道情绪感知)

主色调低饱和嫩绿色,代表植物健康、生机,用作扫描动效、数据高亮、主操作按钮;基底采用米白、浅灰低明度中性色,弱化屏幕视觉刺激;状态色统一规范:绿色 = 健康充足、浅灰 = 适中、深灰 / 黑色 = 缺失偏低;整体无高饱和艳色,营造舒缓治愈的园艺氛围。

2. 轻量化玻璃拟态卡片组件规范

全站统一低圆角、极淡阴影的纯白卡片,无厚重分割线,区分「基础数据卡片、图表卡片、课程卡片、操作按钮卡片」四类标准化组件,统一圆角、内边距、透明度参数,降低多终端视觉割裂感。

3. 专业数据轻量化转化设计

将叶绿素浓度、生长速率、土壤湿度等专业农业指标,转化为大众易懂的百分比、分级标签(Low/High),搭配折线趋势图直观展示长势变化;复杂音频波形图简化为柔和灰调,作为专家课程视觉标识,平衡专业度与美观度。

4. 跨终端视觉适配差异化规则

手机端:信息垂直堆叠,删减多并行图表,突出扫描交互;

平板端:自由流式多卡片横向排布,完整展示全维度数据;

PC 官网端:图形化视觉优先,弱化表单控件,主打品牌与技术展示。

截屏2026-06-17 17.52.03.png

五、产品设计落地商业核心价值

AI 扫描打造赛道差异化壁垒:市面绿植工具仅做图文科普,本产品以叶片实时量化检测为核心卖点,精准抓住用户 “看不懂植物缺水缺光” 核心痛点,大幅提升用户粘性;

三端全域场景覆盖全人群:手机满足随手快速检测,平板满足深度爱好者批量管理,PC 官网承接公域引流转化,完整覆盖新手、爱好者、从业者全圈层用户;

自然极简视觉降低用户使用门槛:柔和低饱和绿调、轻量化卡片、可视化数据,弱化科技产品的距离感,适配园艺赛道治愈、休闲的产品定位;

模块化组件体系降低迭代成本:统一卡片、图表、色彩规范,前端可快速迭代新增植株品种、检测指标、会员套餐,产品迭代效率更高。

 

图片来自Behance

 

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

 

image.png

 

兰亭妙微UI设计公司:一个按钮可能定义下一代AI交互入口

清阳 设计资源

当AI战争在手机屏幕上如火如荼,一个更隐秘的战场正在方向盘后悄然成型。本文揭示了通勤场景中被忽视的认知红利——每天流失的碎片化思考如何通过一个简单的物理按钮转化为结构化资产,并深入解析字节跳动为何是最适合打造'车载语音工作台'的玩家。从交互范式革命到商业价值重构,这是一场关于AI如何真正融入物理世界的深度思考。

五一后的那个周末,我花了整整两天在研究一件事:怎么把豆包搞到 CarPlay 上。

起因很简单。我的 iPhone 刚升级到 iOS 26.5,这个版本对 CarPlay 的开放度明显提高了——ChatGPT 已经可以像一个原生 App 一样常驻在 CarPlay 界面上,方向盘语音键直接唤起,对话直接在中控屏上滚动。体验很流畅。

我的第一反应是:豆包行不行?

于是开始了各种折腾。查设置、找插件、搜教程。两天下来,结论很明确:不行。豆包在 CarPlay 上暂时无法完美适配,短时间内也不知道具体的适配规划。

但正是在这次折腾的过程中,我脑子里冒出来的,不是一个”功能缺失”的遗憾,而是一个更大的问题:就算豆包上了 CarPlay,又能怎样?

你想想看。开车的时候,我需要的真的是在屏幕上跟 AI 聊天吗?我需要在方向盘切歌和导航之间,再多一个”点击屏幕上的对话框”的动作吗?

当然不是。

我在车上真正需要的东西,比这原始得多:我希望有一个”容器”,能在我开车的 30 分钟里,把我脑子里正在流淌的那些东西——对昨天评审会的复盘、一个突然想通的产品逻辑、待会到公司要跟研发说的三件事——安全地、无摩擦地接住。

不需要屏幕,不需要打字,不需要任何视觉确认。

按一下,开始说。再按一下,结束。到停车场,一份整理好的文档已经在手机里了。

当前的 AI 战争,几乎都打在屏幕上。

字节的豆包、阿里的通义、腾讯的元宝、月之暗面的 Kimi——这些超级应用和 AI 助手,正在手机桌面和电脑任务栏里贴身肉搏。所有人都在追问同一个问题:用户什么时候打开我?每天开几次?

这是典型的 App 思维。它的假设是:交互必须发生在屏幕上,价值必须通过一个”超级入口”来捕获。

但我想提出一个反直觉的判断:最有价值的 AI 交互,多数可能恰恰发生在你根本看不到屏幕的时候。

证据就在你每天的方向盘后面。

汽车,尤其是私家车,是全世界最昂贵的”注意力占用空间”。对于知识工作者——产品经理、销售、创业者、咨询顾问——通勤的 30 到 60 分钟,是大脑高度活跃但眼睛和手被强制离线的”真空时间”——你在这段时间里复盘昨天的会议,推演接下来的提案,或者突然想通了某个产品逻辑。

但问题随之而来:这些高质量的思想,此刻正以最原始的形态在你的大脑里流淌,却没有一个”容器”可以接住它。你无法打字,不敢看屏幕,传统车机语音助手只会回答”今天天气怎么样”或者”导航去公司”。

于是,一个隐秘的认知红利被所有人忽视:通勤路上的碎片化思考,其实是知识工作者尚未被编码的”脑力资产”。它是一种每天流失、从未被结构化的信息原油。

谁能捕获它,谁就凭空创造了一块新的信息增量。 更重要的是,这背后藏着一个交互范式的转移机遇——这个机遇,至今未被任何一个大厂真正抓住。

这个机遇,可能长成一个”按钮”。

别急着觉得它简陋。在车载场景里,按钮恰恰是最被低估的交互形态。

过去十年,车机行业一直在做加法:屏幕越来越大,语音唤醒词越来越花哨,菜单层级越来越深。但一个核心问题始终没解决:驾驶时最可靠的交互,不是语音唤醒词,也不是复杂触屏,而是一个可以盲操作、有触觉反馈、动作路径极短、不需要视觉确认的实体按键。

我们用一个真实场景来推演。

你刚见完客户,坐上驾驶位,发动引擎。趁记忆还滚烫,你按了一下方向盘旁边的实体 AI 按钮,说:“豆包,记录一下刚才拜访 XX 客户的情况。客户主要关心三个问题:价格、交付周期和售后。他们现在用竞品 A,但对稳定性不满意……”

AI 只做了极轻的回应:“收到。到公司后帮你整理成纪要。”

到停车场,你熄火下车。手机推送来了:一份结构完整的客户拜访纪要,包含客户背景、核心异议、商机阶段、下一步跟进话术,甚至一封写好的回访邮件草稿。

整个过程中,你没看过一眼屏幕,没打过一个字。

这就是”按钮”交互模型的魅力。它不是把 AI 助手搬进车机,而是创造了一个全新的交互范式:按下即工作,松开即结束;思考在驾驶中完成,结果在停车后交付。

这背后是一套完全不同于传统语音助手的交互逻辑。传统车载语音是”命令-响应”式的:你说“打开空调”,它执行一个动作。而这个 AI 按钮是“会话-沉淀”式的:你陷入一段思考,它持续收音、理解、追问、整理,最后生成一份可交付的结构化资产。

换句话说,它不是帮你“控车”的工具,而是一个车内的语音工作台。

有人可能会问:为什么这个按钮不能只是 App 里的一个“车载模式”?为什么必须是硬件?

这个问题问得很好。答案在于:驾驶场景里,信任和确定性比功能更重要。

现有的语音助手都有一个盲点——你永远不确定它“什么时候在听”。唤醒词也好,屏幕点击也好,都有摩擦和误判:你喊了没反应,或者没喊它却亮了。这种不确定性在办公场景尚可容忍,但在驾驶场景是致命的。它会消耗驾驶员的注意力,更会制造一种“被持续监听”的心理不适。

实体按钮解决的就是这个问题。

当你的手指触到那个按钮的瞬间,一种清晰的心理契约就建立了:“我现在开始工作了,我的想法正在被记录。”松开,契约终止。它不是在全天候收集你的数据,而是在响应你的工作意图。

这一点在隐私层面极为重要。车内对话可能包含客户信息、商业机密、个人隐私。一个明确的物理开关动作,比任何隐私条款都更能建立信任——你清楚地知道“我刚才说了什么被记录了”,而不是“它刚才是不是听到了什么”。

这也是为什么我认为:敢在交互上“做减法”的硬件,反而可能成为 AI 时代最重要的入口。

如果只是讲一个车载硬件的产品故事,那这篇文章到此就可以结束了。但真正让我兴奋的,不是这个产品本身存不存在,而是放眼望去,有一家公司几乎已经凑齐了做这件事的所有拼图。

这家公司叫字节跳动。

让我们做一个推演。如果你现在要启动“车载 AI 按钮”这个项目,你需要什么?

第一,你需要一个能解决复杂声学环境下定向收音的硬件能力。 车里不是安静的办公室——它有胎噪、风噪、空调声、音乐声、导航播报、乘客说话。你需要麦克风阵列、降噪算法、主驾声源区分能力。这些不是软件能解决的。

字节在 2026 年 4 月和影石 Insta360 做了一件事:TRAE SOLO 上线语音输入功能,同时推出了一个联名套装,搭配 Insta360 Mic Air 麦克风。官方宣传是“Voice Working 硬件”,主打办公场景,让用户通过语音输入快速让 AI 主导任务。

Insta360 有什么?消费级音频硬件设计能力、复杂环境降噪经验、小型化和低功耗能力、对户外和移动场景的深度理解。这些东西,正好是车载场景最需要的。

第二,你需要一个能把语音流变成结构化工作流的 AI Agent 能力。 用户口述的是一段乱糟糟的口语,输出的必须是一份会议纪要、一个 PRD 草稿、一条 CRM 跟进记录。这需要多轮对话理解、意图识别、模板匹配、长上下文管理。

TRAE 在做的事情——AI Coding、Vibe Coding、从自然语言到结构化输出的 Agent 工作流——恰好就是这块能力。它的底层逻辑就是让用户说”我想要什么”,AI 负责拆解、推理、生成可用的交付物。这件事从代码领域外溢到通用办公领域,几乎是一条直线。

第三,你需要一个 C 端用户愿意张嘴说话的 AI 品牌。 产品经理和销售不需要知道 TRAE是什么,但他们大概率听说过豆包。豆包目前的品牌心智是“能聊天、能问答的 AI 助手”,从聊天到“帮我整理会议纪要”,再到“开车时我说你记”,迁移路径非常顺滑。

第四,你需要 B 端的云基础设施和行业解决方案。 ASR、TTS、RTC、大模型 API、数据安全、企业知识库、飞书/CRM/邮箱的接口打通——这些是火山引擎的阵地。

把这几块拼在一起:Insta360 做物理收音入口,TRAE 沉淀 Agent 工作流能力,豆包做 C 端交互品牌,火山引擎做 B 端技术底座和车企渠道。

一套完整的”移动语音 Agent 工作流”闭环,每一块都有现成的积木。

这不是我幻想出来的路径,而是从他们已有动作中自然浮现的战略延伸。如果字节内部有人能看到这几块资源之间的引力,这个产品不需要从零开始——它只需要把已经散落在各处的拼图对起来。

那么,第一枪应该从哪里打响?

我给出的判断可能和很多人不一样:不是“驾驶中和 AI 长聊”,而是”路上复盘”。

“开车时和 AI 深度辩论 30 分钟”听起来很酷,但它有两个致命伤:一是安全风险,长时间沉浸在复杂对话中必然分散驾驶注意力;二是用户习惯——大多数人在驾驶时并没有那么强的“讨论欲”,但复盘欲、记录欲,每个人都有。

销售刚见完客户,上车。产品经理刚开完评审会,上路。咨询顾问做完客户访谈,返程。此刻他们的脑子里装满了滚烫的信息,这些信息如果不立刻记录下来,几小时内就会衰减、变形、甚至消失。

认知心理学有一个概念叫“短时记忆的脆弱窗口”——人脑的临时记忆在没有复述和编码的情况下,15 到 30 分钟内就会显著衰退。对于知识工作者来说,这意味着每次通勤的前 15 分钟,是一天中信息密度最高、也最容易被浪费的时间。

这个场景下,他们不需要 AI 和他们深度辩论,只需要一个不会丢东西的“容器”。

按一下按钮,花 3 分钟口述,AI 自动分类、整理、结构化,停车后一份文档生成完毕。

这才是真正的刚需。 它的价值不是“让驾驶更有趣”,而是把人类最短的短时记忆,无损转化为可检索、可复用、可协作的结构化资产。

这也是为什么我认为这个产品的第一批用户,不是“所有车主”,而是高频知识工作者:产品经理、销售、创业者、咨询顾问、律师、投资人、管理者。这群人在驾驶时有大量的“想法流”,但今天这些想法很大一部分流进了黑洞。

谁先堵上这个黑洞,谁就创造了一个新的信息增量。 而这个增量,正是飞书、CRM、知识库这些企业系统最渴望的“元数据”——未经过滤、未经组织、最接近真实认知的第一手输入。

当然,任何产品构想最终都要面对“落地”的问题。

我的判断是,五步走,而不是一步到位。

第一步:桌面语音工作流。 就是 TRAE + Insta360 现在在做的事。先验证用户愿不愿意对 AI 说正经事,专用麦克风体验是否显著优于手机收音,语音输入能否真正提升 AI Agent 的任务完成质量。

第二步:手机 App 移动办公。 豆包或相关 App 支持外接麦克风,实现长语音连续记录、一键总结、多种模板输出(产品方案、销售纪要、日报、会议复盘)。这一步不需要和车厂发生任何关系,只需要手机 + 蓝牙 + 麦克风。但这一步已经可以验证“移动语音工作流”的核心价值。

第三步:驾驶模式。 App 内推出一个极简的“通勤模式”——大按钮、少视觉元素、简明语音确认、不长篇播报、驾驶结束后推送摘要和文档。这一步依然不依赖车机,但开始真正切入车载场景。

第四步:独立车载硬件。 如果前三步验证通过,独立硬件就会出现:方向盘附近的实体按钮、主驾定向麦克风、车载供电、蓝牙连接手机、一键唤醒、停车同步。这才是最接近“车载 AI 按钮”的完整形态。

第五步:车厂前装合作。 车机原生的方向盘 AI 键、座舱麦克风阵列、车机账号打通、企业系统同步。这是终局,也是壁垒。

我认为,这件事不会一步到位,但它大概率会发生。因为它满足了一个新技术范式落地的所有必要条件:有明确的高频场景、有清晰的用户价值、有现成的技术拼图、有合理的落地路径。

最后,回到标题。

“杀死 App”当然是一个夸张的修辞。App 不会被杀死,就像网站没有被 App 杀死一样。但交互的重心,正在从“屏幕里的那个方框”向“物理世界的各种锚点”转移。

当我们看到一个产品经理在车里按下按钮、口述了一个 PRD 草稿,到公司打开飞书文档直接编辑;当我们看到一个销售在返程路上复盘完客户拜访,CRM 里已经多了一条跟进记录——在这些时刻,“打开 App”这个动作本身被消灭了。

交互的起点,从屏幕上的一个图标,变成了物理空间中的一个按钮、一句话、一次触碰。

而能定义这个按钮的人,定义的不只是一个硬件,而是下一代 AI 交互的接入范式。

现在回到那个假期后的周末,当我折腾了两天 CarPlay,终于意识到豆包上不上 CarPlay 根本不重要的时候,我脑子里想的其实是另一件事:

最重要的战场,可能根本不在那个屏幕上。

它在每一个手脚被占用、大脑却高速运转的时刻。在驾驶座,在厨房,在跑步机,在流水线。在每一个你“想和大模型互动但却腾不出手”的瞬间。

谁先在这一刻按下一个按钮,谁就拿下了通向物理世界 AI 交互的入场券。

而在我看来,最接近这张入场券的玩家,车牌号已经能看清楚了。

 

 

转载:人人都是产品经理

 

 

 

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

 

image.png

兰亭妙微原创作品 |中国棉花网UI案例拆解

丽洁 网站设计文章及欣赏

做B端或者门户网站设计的宝子们看过来!今天分享一个兰亭妙微原创作品——非常典型的行业门户改版案例。

这种传统垂直行业的网站,容易出现的问题就是“界面老化”和“信息杂乱”。这次改版的核心目标非常明确:在保持权威性的同时,提升视觉美感和交互体验。来看看设计师是怎么化腐朽为神奇的吧!

一、 项目背景:打破沉闷

原网站作为中储棉花信息中心的直属网站,虽然内容权威,但视觉呈现已经跟不上时代,关键信息呈递杂乱,用户阅读体验较差。 改版重点:

重塑形象:契合用户需求与市场期待。

交互升级:实现视觉美感与流畅性的融合。

信息降噪:让专业权威的讯息更易读。

二、方案探索:风格博弈

兰亭妙微设计团队给出了三种截然不同的主页方案,这个思考过程很值得参考:

方案1(蓝色系):主打国际化,创新的报告布局动效,内容条理更清晰。

方案2(绿色系):优化资讯层级,布局稳重,强调信息的易读性。

定稿方案:结合了视觉美感与功能性的平衡点。

三、 核心优化亮点(划重点!)

这次改版不仅仅是换个皮,在交互细节上做了很多巧思:

1、资讯层级重构

痛点:旧版内容分类不清晰。

解法:将文字标题分为“置顶/推荐/往期”三个等级。首屏位置就能展示不同重要性的推荐内容,主次分明,用户一眼就能抓取重点。

2、检测报告动效化

痛点:旧版是枯燥的列表,很难快速定位特定报告。

解法:进行了模块分类整理,增加了鼠标移入的动效展示。详情页显示信息与简要描述,通过“往期”可回溯,极大增加了趣味性和互动性。

3、地图可视化交互

亮点:在地图上直观反映供求公司。

功能:支持通过筛选快速获取某地区棉花信息,清晰查看产业总数据与各地占比,把枯燥的数据变成了直观的地理信息。

ScreenShot_2026-06-26_143627_294.png

ScreenShot_2026-06-26_143642_073.png

ScreenShot_2026-06-26_143650_392.png

ScreenShot_2026-06-26_143703_176.png

四、设计感悟

对于这种B端门户类项目,设计的难点往往不在于“炫酷”,而在于如何在海量信息中建立秩序。通过层级划分、动效引导和数据可视化,让专业内容变得“平易近人”,这才是高级感的来源。

大家在做类似项目时,也可以多参考一下这种资讯层级的处理方式哦!

一个验证码背后的产品逻辑:短信风控全链路拆解

清阳 交互设计及用户体验

短信验证码看似简单的6位数字,实则暗藏复杂业务链路与风控挑战。从游戏行业的账号体系保护,到黑灰产攻防的成本平衡,短信防控需要在体验、安全与通道稳定性间寻找微妙的平衡点。本文将深度拆解短信风控的三层防御体系,揭秘那些隐藏在发送按钮背后的业务逻辑与产品设计哲学。

一、短信不是一个按钮,而是一条高风险链路

最近 vibe coding 很火,一句话可能就能生成一个登录框。输入手机号、点击获取验证码、填验证码、完成注册,看起来非常顺滑。但真正做过账号体系的人都知道,登录框只是冰山露出来的一角。它下面藏着短信通道、验证码校验、账号注册、设备识别、渠道投诉、供应商评级、黑名单联动等一整套业务链路。

游戏行业尤其明显。游戏是典型的大 ToC 业务,用户规模大、账号价值高、充值场景多、权益体系复杂,只要一个手机号能注册账号,背后就可能对应礼包、首充、拉新返利、渠道结算、虚拟资产交易等利益。利益足够大,黑灰产自然会围上来。

短信验证码本身又是一个很特殊的入口。正常用户收不到验证码,会影响注册转化;异常请求大量消耗短信,会带来直接费用;更严重的是,如果某个短信签名短时间内投诉过多,运营商和通道商可能会对签名降频、拦截,甚至封禁。到这个时候,受影响的就不是几个异常手机号,而是整条正常业务链路。

我之前做过一段时间短信产品经理,对短信下发机制有一些了解。最近在账号风控治理中又重新接触短信相关防控,发现短信这件事看似基础,但真正要做好并不简单。它不是单纯“加一个验证码”或者“限制一分钟一次”就能解决的问题,而是要在成本、体验、识别能力和处置策略之间不断平衡。

这篇文章不讲短信供应商商务选型,也不讲具体攻击脚本。这里我只从产品和风控落地视角,聊一聊比较通用的短信防控实践。

二、先建立一个共识:短信风控要看全链路

很多团队做短信防控,第一反应是卡“发送验证码”这个动作。这个方向没错,但不够。一条验证码短信从用户点击按钮开始,至少会经过五个关键环节:用户请求、基础频控、风险决策、短信网关、验证码提交。短信发送成功也不是终点,后面还要看验证码是否被提交、是否注册成功、是否触发投诉。

如果只看发送动作,就会漏掉很多重要信号。比如某批请求发送频率并不高,但验证码提交几乎都是秒过;某批手机号分散在不同 IP 上,但设备指纹高度相似;某批请求没有造成注册成功,却造成大量短信投诉。这些都不是单点频控能发现的。

所以短信风控的目标不是“让短信少发”,而是让该发的短信稳定发出去,让不该发的请求在合适的位置被拦下或被二次验证

这句话听起来像废话,但它决定了产品设计方向:不能只追求拦截率,也不能只追求用户体验。规则太紧,正常用户注册会受影响;规则太松,短信通道和账号体系都会暴露在风险里。

我会把短信防控拆成三层:成本门槛层、行为识别层、分级处置层

第一层是成本门槛层,用低成本规则挡住最明显的异常请求。第二层是行为识别层,通过设备、请求、提交行为、黑名单等多维数据识别复杂机器流量。第三层是分级处置层,对疑似风险请求不简单误杀,而是通过上行短信、扫脸、人机挑战等方式进一步确认。

三、第一层:成本门槛层,先挡住最明显的异常

短信风控最基础的能力一定是频控。不要嫌它简单,很多线上事故就是因为最基础的频控没做好。

频控通常围绕手机号、IP、设备、账号、业务场景展开。比如同一手机号 1 分钟内最多发送 1 次,1 小时最多发送 5 次,24 小时最多发送 10 次;同一 IP、同一设备或同一浏览器指纹也要有对应阈值。

这里有一个容易被忽略的问题:自然时间和滚动时间

自然时间是按照固定时间边界计数,比如“今天 0 点到 24 点最多 10 次”。滚动时间是从当前请求向前回看,比如“过去 24 小时最多 10 次”。对于短信风控来说,最佳实践通常是滚动计数。

为什么?因为自然时间存在边界漏洞。假设系统按自然日计数,攻击者可以在 23:58 打满当天额度,0:01 之后额度清零,又继续请求一轮。规则看起来没问题,实际防控被时间边界绕开了。

滚动时间实现成本更高,尤其在数据量大时会涉及缓存、滑动窗口、聚合统计,但它更符合风控场景。产品经理在写需求时,不要只写“24 小时最多 X 次”,最好明确口径:是自然日还是过去 24 小时;是按手机号计数,还是手机号 + IP + 设备组合计数;命中阈值后是直接拦截,还是延长冷却时间。

除了频控,图形验证码也是成本门槛层的重要工具。很多人觉得图形验证码很基础,但从攻防视角看,它贯穿整个短信盗刷防控过程。

常见的图形验证码包括滑动拼图、文字点选、图标点选、语序选词、空间推理、障碍躲避等。验证码的价值不只是“让用户做一道题”,而是提升机器请求成本,并给系统提供行为数据,比如轨迹是否自然、完成时间是否异常、同一设备是否高频通过。

当然,验证码不是越难越好。注册登录是高转化场景,如果一上来就给所有用户弹复杂验证码,正常用户会被一起惩罚。更合理的方式是分层触发:低风险用户无感通过,中风险用户触发轻量验证码,高风险用户触发更强验证。

号段识别也属于基础能力。比如 170、171、165 等虚拟运营商号段在某些业务里风险更高,可以根据业务情况做更严格的策略。但不建议把虚拟号段简单等同于黑名单,直接全量拦截会带来误伤。更稳妥的做法是提高验证等级、降低发送频次、叠加设备和 IP 风险判断。

成本门槛层解决的是“别让明显异常请求轻松进来”。它不追求特别聪明,但必须稳定、清晰、可解释。

四、第二层:行为识别层,把孤立规则变成风险判断

第一层规则可以挡住一部分粗糙流量,但挡不住更成熟的黑灰产。成熟黑产不会只用一个 IP、一个手机号、一个设备猛冲,它会拆散请求,分布式地试探系统阈值。这时候就需要进入行为识别层。

行为识别层的核心是多维数据。产品上至少要能拿到手机号、IP、设备指纹、账号、渠道、业务场景、验证码生成时间、验证码提交时间、提交结果、失败次数、请求来源、前端环境等信息。没有这些埋点,风控就只能靠猜。

设备指纹是这里的关键能力。它不是单纯拿一个设备 ID,而是综合浏览器、系统、分辨率、时区、字体、Canvas、网络环境、客户端版本等信息,生成相对稳定的设备标识,用来识别“换手机号、换 IP,但设备特征高度相似”的请求。

前端请求加密和参数校验也很重要。它不能从根本上防住所有攻击,但可以提高脚本化请求门槛。比如短信发送接口不应该裸奔,前后端需要对关键参数、时间戳、随机串、业务场景进行校验,避免接口被直接复用。注意,这类能力的定位是提高成本,不是绝对安全,真正的风控仍然要靠服务端决策。

验证码提交行为同样值得关注。正常用户收到短信后,通常会有一个阅读和输入过程。如果大量验证码都在极短时间内提交成功,就要怀疑是否存在接口自动化、短信接收平台、批量控制设备等风险。这里不用把规则写死成“多少秒一定异常”,而是结合业务基线做分层判断。

黑名单库是行为识别层的另一个基础设施。它不应该只是一个静态表,而应该是动态更新的风险资产库,至少包含以下几类:

黑名单最怕两个问题:一是更新慢,等运营手动导入时风险已经过去;二是没有过期机制,半年以前的风险数据一直影响正常用户。比较好的方式是给名单设置来源、等级、命中原因、过期时间和复核机制。

行为识别层的重点不是把规则写得多复杂,而是把原本分散的数据串起来。手机号、IP、设备单独看都正常,组合起来可能就不正常。风控能力的差距,很多时候就在这个“组合判断”里。

五、第三层:分级处置层,别把风控做成一刀切

短信风控最难的地方,不是拦截黑产,而是不误伤正常用户。尤其在游戏业务里,用户注册和登录往往发生在高情绪场景:新游开服、活动领取、好友邀请、充值回流。这个时候如果正常用户收不到验证码,或者被连续拦截,很容易直接流失。

所以对疑似风险请求,不一定要直接拦截。更好的方式是分级处置。

低风险请求直接放行;中风险请求增加轻量验证,比如图形验证码或冷却时间;高风险但不确定的请求增加强验证,比如上行短信、人脸识别、实名校验;已确认风险请求再直接拦截。

上行短信是一个特别值得重视的能力。所谓上行短信,就是用户主动发送指定内容到指定号码,系统收到后完成验证。它本身不复杂,但在实践中并不是所有短信供应商都能稳定支持上行能力,而且接入、解析、回调、状态同步都需要额外建设。

为什么它有效?因为它把验证动作从“企业给用户发短信”变成“用户主动发短信给企业”。对正常用户来说,虽然多了一步,但能完成;对批量盗刷来说,成本会明显上升。尤其在疑似风险但不敢直接拦截的场景,上行短信是一个不错的中间态。

扫脸、人脸识别、实名校验也属于强验证手段,但要谨慎使用。它们的验证强度高,用户打扰也高,不适合放在短信发送前的常规链路里。更合理的触发场景是:高价值账号、疑似批量设备、异常领取权益、异常充值返利、账号找回等风险更高的业务节点。

把这些动作放在一起看,可以整理成一张风险分级处置矩阵。它的价值不是给所有业务一个固定答案,而是帮助产品、风控、研发和客服对齐“什么情况该怎么处理”。

这里有个产品细节:强验证的提示文案要解释清楚。不要只弹一句“请求异常”,可以写成“当前环境存在安全风险,为保护账号安全,请完成验证后继续”。这类文案不是为了好看,而是为了减少用户的不确定感和客服压力。

分级处置层的本质是把风险决策从“是/否”变成“放行/观察/验证/拦截”。这会让系统更复杂,但也更符合真实业务。

六、落地时要补齐三套后台能力

如果要把短信风控真正跑起来,前台策略只是其中一部分,后台能力更重要。

第一套是规则配置后台。产品和风控同学需要能按业务场景配置规则,比如注册、登录、换绑、找回密码、领取礼包分别使用不同阈值。不要把所有场景套一套规则,注册场景可以更严格,登录场景要更重视老用户体验,找回密码则要更重视账号安全。

规则配置后台最小要支持“业务场景、统计维度、时间窗口、处置动作”四类配置。配置粒度太粗,规则会互相误伤;配置粒度太细,又会难以维护。比较稳妥的方式,是先搭一个能覆盖 80% 场景的基础模型。

第二套是监控看板。短信风控必须看数据,至少包括发送请求量、发送成功率、验证码提交率、注册转化率、拦截量、强验证通过率、短信成本、供应商失败率、投诉量、签名状态等。只看拦截量没有意义,拦截量升高可能代表风控有效,也可能代表正常用户被误伤。

监控看板的核心不是把指标堆满,而是同时回答三件事:黑产有没有变多、正常用户有没有受伤、短信通道有没有变差。

第三套是应急开关。短信通道一旦异常,影响会非常快。比如某个供应商失败率升高,要能快速切换通道;某个规则误伤,要能快速降级;某个签名投诉异常,要能暂停对应场景或切换备用签名。没有应急开关,风控系统本身也会变成风险源。

我个人建议,每一条核心规则都至少配三样东西:命中原因、处置结果、回滚方式。命中原因用于排查,处置结果用于复盘,回滚方式用于止损。

还有一个容易被忽略的点:短信风控需要和客服对齐。用户收不到验证码时,第一反应通常是找客服。如果客服后台看不到用户为什么被拦截,只能回复“请稍后再试”,体验会非常差。

七、几个容易踩的坑

第一个坑,是把短信成本当成唯一目标。短信确实有成本,但短信风控不是省钱项目。它的核心价值是保护账号体系、保护通道稳定性、保护正常用户体验。如果只盯着短信费用,很容易把规则收得过紧,最后省了短信费,丢了注册转化。

第二个坑,是只做发送频控,不做提交校验。短信发出去以后,验证码是否提交、提交是否成功、多久提交、失败几次,都是重要信号。只管发送不管提交,就像只看门口排队,不看进店以后发生了什么。

第三个坑,是规则没有分场景。注册、登录、换绑、找回密码、支付确认的风险完全不同,规则必须和业务语义绑定。

第四个坑,是黑名单只进不出。风控名单不是垃圾桶,不能什么都往里扔。没有过期、没有降级、没有复核,时间久了必然误伤。

第五个坑,是把图形验证码当万能药。验证码能提高攻击成本,但也会提高用户成本。它应该是动态策略的一部分,而不是所有用户都必须跨过的一堵墙。

八、写在最后

短信本身是个很简单的服务:生成验证码、调用供应商、用户收到、输入校验。简单到很多人会觉得这不就是一个接口吗?

但在真实业务里,短信又一点都不简单。它连接着账号注册、用户体验、营销成本、通道稳定、投诉治理和黑灰产攻防。尤其在游戏这种高用户量、高利益密度的行业里,短信入口做不好,后面会牵出一串问题。

我理解的短信防控,不是单纯把黑产挡在门外,而是建立一套可持续的平衡机制:前面用成本门槛层挡住明显异常,中间用行为识别层判断复杂风险,后面用分级处置层减少误伤。再配合规则后台、监控看板、应急开关和客服可解释能力,整个体系才算真正能跑起来。

回到开头说的 vibe coding。AI 可以很快帮你做出一个登录框,但登录框之下的业务,不会因为页面生成得快就自动消失。短信风控就是这类“看起来不起眼,但出了事很疼”的底层能力。

产品经理真正要补的,往往不是某个按钮怎么画,而是按钮按下去之后,系统如何判断、如何保护、如何兜底。

短信验证码只有 6 位,但它背后的产品设计,远不止 6 位。

 

 

转载:人人都是产品经理

 

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

 

image.png

日历

链接

个人资料

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

存档