首页

兰亭妙微ui设计公司:HAI 交互设计法及「探索」场景解析

清阳 行业趋势

回溯本账号首个系列文章——《AI 时代,人机交互即将消失?》,我们重访了 HCI 的演进史,探究当机器开始思考时所引发的人机交互变革。在此基础上,提出了面向未来的新生交互形态——人与智能体交互(Human-Agent Interaction Design)

HAI 旨在以人为中心的前提下,深度整合智能体和服务,交付直观、优雅、简单的设计方案。目标既定,便需探索具体的抵达路径。

技术不断革新,重塑着人机交互的表象,但回归人机交互的第一性原理,人心深处的底层需求其实从未改变,变的只是技术赋能下信息交互的路径与形态。

基于这种“变与不变”的辩证洞察,我们将探索后的路径归纳为一套全新的设计方法模型——HAI 交互设计法。其核心在于:通过 「深度理解」 锚定不变的本质需求,并借由「自然交流设计」顺应变化的技术演进,最终以最自然的形态重塑人与数字世界的连接方式。具体而言:

深度理解

深度理解是 HAI 设计的原点。以人为中心的场景化认知框架,解析人在不同场景中的行为,直抵不变的底层需求与场景心智。教会 AI 读懂人心,为自然交流设计指明了北极星目标。

自然交流设计

自然交流设计是 HAI 设计的核心方法。致力于顺应技术的变革,以实现更加自然的交互、更加智能的服务、更加情感化的体验、以及更加安全的设计。

体验验证

聚焦用户对设计方案的体验与感受。既是对设计方案合理性的验证,也是对深度理解的补充与修正。当前阶段主要基于现行的成熟方法(量化数据与定性洞察等)进行验证,模型内将不再展开探讨

本次我们将聚焦「深度理解」

我们在车上跟 AI 小助手说出目的地,助手在计算大量数据后迅速列出三条路线,用不同颜色标注了时间和拥堵情况,还贴心地推荐了从算法上看最快到达的那一条。

但当我们下意识选择这条路开到一半后,发现不太对劲。

路窄得刚好只能通过一辆车,两旁是随时可能打开的车门和突然窜出的小孩。我们精神高度紧张,不停地抱怨,而助手不为所动。于我这个新手司机而言,AI 小助手推荐的这条最优的道路却成为了最远的路。

——来源:HAI Design《拨云见日:与智能体共建意图》

或许你还记得之前文章中的这个小故事,而它正是变与不变之间的一个矛盾缩影:技术向前,AI 似乎能算天算地,但却往往算不准人心。

那此次,我们延续这段小小旅程,深度探索其所属的场景——探索,这个大家日常鲜有提及的场景,去透视藏在行为背后的人心秘密,并正式开启「深度理解」的首文——《深度理解:探索》

01 关于探索的想象

1911年,阿蒙森首次抵达南极点;1969年,阿姆斯特朗在月球踏下脚印;十多年前,“蛟龙号”在深海亮起光束。

提及“探索”,往往浮现出宏大的、甚至带有英雄主义色彩的画面。也正因如此,探索于我们而言显得如此遥远。

此次聚焦探索,你或许疑惑:“探索是我们日常生活场景的一环吗?”

婴孩时,你伸手抓碰悬挂的玩偶。少年时,放肆冲浪于互联网。如今的你在假期踏上旅行。也许你不自知,但其实这些行为皆为探索。

探索不仅是那些壮举,更是一种与生俱来的本能。它驱动着我们大量的日常行为,是构建完整生活必不可少的场景。

既如此,本次我们重新审视这个日常鲜有提及的场景,解构其定义,探寻底层的驱动因素,透视场景下人们不变的需求,并思考如何去建构 HAI 时代下的探索场景服务,以满足人们持续开展的或大或小的探索活动。

02 解构探索:定义、驱动力及行为

“探索:人类或其他动物在适应新环境时做出的动作。即使没有明显的奖励,探索行为也会发生。”

——来源:APA 美国心理学会词典

基于 APA 释义,探索是适应新环境所做出的主动行为,主要由内在本能而驱动。而基于探索行为领域的研究共识,其底层内在驱动力即为:好奇心

好奇心并非单一维度的心理因素,根据心理学家丹尼尔·伯莱因(Daniel Berlyne)的分类,其主要可分为四种类型:

1. 感知型好奇心(Perceptual Curiousity):这是一种由外界新奇刺激引起的直接反应(比如我们会被色彩强烈的画面所吸引),且这种刺激会随着持续接触而减弱;

2. 认知型好奇心(Epistemic Curiousity):这是一种源于信息鸿沟的求知欲,是人们学习行为的核心驱动力;

3. 特定型好奇心(Specific Curiousity):是指对特定信息的渴望,是对新奇刺激的详细调查;

4. 分散型好奇心(Diverse Curiousity):是指对于知觉或认知刺激的普遍渴望。

基于上述分类,基本而言,探索行为是由物理和心理对象的“关联变量”引发的,例如新颖性、模糊性、复杂性以及这些对象在主体身上产生的客观不确定性。而人类满足好奇心的背后,一是为了消除不确定的焦虑与信息鸿沟,二则是受到刺激与愉悦所驱动。就此,也便引发了人们两类主要的探索行为:

1. 审视性探索(Inspective behavior):该行为通常会包含收集、调查、分析与整合这样一个偏线形流程,有时最后还会包含效用评估的环节,最终以减少不确定性与获取新的特定的或广泛的认知。

通过 AI 入口搜寻资料,便是典型数字生活中的审视性探索

2. 多元性探索(Diversive behavior):为了缓解无聊或提高兴奋度而寻求刺激/感觉的行为,因此该行为会更加分散与游离。

闲逛摄影扫街,便是典型的现实生活中的多元性探索

结合上述的心理与行为理论研究,可以给予“探索”一个更详尽的定义:探索行为主要是由好奇心所激发的,对环境或信息进行搜寻与交互的过程,以实现认知结构的适应性调整或边界的扩展

与此同时,“好奇心害死猫”言犹在耳。好奇心所激发的探索行为天然面临大量的不确定性与未知性,甚至是真实的危险。那要如何构建起探索场景下的各类服务以更好地帮助用户开展探索行为呢?

03 解析探索活动的要素,透视不变的人心

面对探索的未知性,我们通过系统的介入将抽象的好奇心转化为确定性的、可执行的路径,在风险与能力之间建立平衡。

基于这种意图,我们构建了一个细分框架来承载探索活动。该框架包含:探索者、基础资源、工具

  • 探索者:开展探索活动的主体,可为个人、团体或组织;
  • 基础资源:支撑探索活动的基础引擎。内在驱动力“好奇心”即内部引擎,而外部引擎通常包含了金钱、许可等;
  • 工具:工具充当可信中介,是探索者与物理或信息环境间的代理。

我们将基础资源与工具这两大核心要素带入旅程这一典型的探索场景,去透视不变的人心。

基础资源

Resfeber(瑞典语词汇):

形容旅程开始前那种兴奋、期待和焦虑交织的复杂情绪。

关注出票状态、准备签证、银行卡、证照等,繁杂但又重要。渐渐地,焦虑与倦怠取代了最初的兴奋。这种对于资源确认的焦虑,正是阻碍探索的第一道门槛。

对此,数字产品已普遍采取集中式的资源中枢策略。以 Apple Wallet 为例,从 Passbook 演变至今,实现将卡券、证件、银行卡及旅行 ETA 等所有涉及许可与价值的资源尽数聚合。

Apple Wallet 对外传递的 Slogan

而这种底层逻辑,是帮助用户构建全局的资源视图。通过基础资源完备的确定性,满足用户对基础资源轻松掌控这一不变的需求。而这种确定性,正是迈出探索的底气。

工具

环境混沌嘈杂。工具作为可信中介,将复杂信息抽象、简化,转化为能够轻松理解的信息,以消除未知,将不确定性转化为确定性。据此,我们可以更好地决策或采取行动。

如温度计,将我们对于气温的模糊体感凝练为了直观数字,辅助决策出行的各项事宜;地图,能理清自身定位与目的地之间路径等。

通过工具构建可信的连接

两位游客听信 AI 的旅行建议,满心期待地奔赴秘鲁安第斯山中「圣胡曼塔伊峡谷」,花了 160 美元车费,长途跋涉,来到了偏远山区地带,然后发现—-这个峡谷并不存在。

——来源:BBC 的一则报道

AI 旅行规划平台:圆周旅行

据早前统计 24% 的旅行者已在尝试借助智能工具规划探索,这使得探索场景下的信息与服务的获取门槛被大幅拉低。然而,如 BBC 所报,AI 的“胡说八道”却让本该为可信中介的工具成为了探索中最大的障碍。

技术推动着工具升级,但探索时所面对的外部环境始终复杂流动。而 AI 进一步加剧了信息爆炸与污染,让探索者面临着更高的风险。这引发了新的思考:探索场景下的工具应该如何建构,才能帮助探索者应对重重复杂性?

提供系统级实时精准服务,建立与外部环境的实时连接。如天气、地图、钱包等典型的探索场景工具,构建起聚焦的、持续更新的,以内容数据至上的窗口,让用户得以窥见并理解外部的动态数据流,指引当下的行动与后续的决策。HCI 时代,依托基础定位与网络能力,现行工具已初步实现了这种连接。而进入 HAI 时代,随着多模态感知能力的增强、世界模型的建立等,工具将更精准、更实时地感知并连接探索者当下的动态环境。这种演进回应了用户在探索场景下不变的需求——与环境建立可信连接

Apple 部分探索场景工具

回看 Apple 之前的设计演变,即便 iOS 整体趋向扁平,天气、钱包与地图等工具却反其道而行,愈发趋近真实的物理世界。基于真实的动态数据,天气工具模拟雨滴、雷鸣和云层的流动等,直观地传递“探索旅程受阻”的信号。这种数据驱动的真实感无限地缩短用户与环境信息间的距离,同样也为了帮助用户与环境建立可信连接。

通过工具帮助专注探索

在探索活动中,用户时刻处于流动的、甚至高负荷的情境中(如行走、驾驶等)。无论是过地铁闸机时的“哔”声即过,还是锁屏上静候的航班信息,亦或是走错路时导航的即时重绘与提醒,探索工具将复杂的业务逻辑转化为近乎本能的自然动作,或是基于意图的主动服务。这便是由情境驱动的主动服务

而当 AI 注入其中,工具将具备更敏锐的感官与意图捕捉能力。它能在系统层面根据情境更主动地服务用户与规避风险。只有工具不成为注意力的掠夺者,才能满足探索者专注探索本身这一不变的需求

工具契合多样化探索模式

旅行之中,既有明确的打卡,也有无目的的闲逛探索。数字世界的探索亦然。这正是对应由好奇心驱动的两类天然行为模式——审视性探索与多元性探索。

构建工具服务的最后一环,便是思考如何承载这种多样性。浏览器、地图等服务的搜索框或 AI 超级入口,提供了精准搜寻路径,满足了前者;同时,基于内容间关联的自由跳转,则允许用户在信息间自由穿梭,满足了后者。本质上,这种以内容对象为中心的“内容驱动的信息架构”,正是对人们多样化探索这一不变的本能行为模式的回应。

最后一块隐藏的要素拼图:规则

我们既乐此不疲地在复杂世界中去探索普世的规律,同时,又人为地设定大量的边界或指导,让我们在框架内去开展探索。这背后便是最后一块隐形的特殊要素拼图——规则。

规则作为正式或非正式的指导与边界,塑造并约束着探索活动。它引导我们能更有效地构建意义或目标,并帮助我们规避风险——无论物理世界探索伴随的有形风险,还是数字世界的信息性或心理性风险。

《南极条约》划定的禁令,或“16 岁及以下无法访问社交媒体”的数字限制等规则,在探索开启前便直白地告知边界,限制或引导探索模式。

澳洲社交媒体 16 周岁限制

更多的规则往往被内化于工具之中,融入探索过程,自然地传递给用户。例如导航工具将限行政策(单双号禁行等)通过算法消化,自动生成可合规前行的探索路线。

基于车牌自动规避限行路段

而随着 AI 智能体作为工具逐步取代传统浏览器成为探索入口,规则的运作方式发生了微妙而深刻的逆转。

一次搜寻资料的典型对话

看似简单的探索行为,我们却不得不预先撰写详尽的指令,为 AI 制定需要遵守的规则。这个过程中,用户的身份逐渐从规则的遵守者,转变为了制定者。这使得原本应专注于探索本身的精力,被悄然转移到对工具交互过程的“管理”之上。

针对这一现状,未来的 HAI 设计还应致力于让工具真正理解并内化用户所制定的规则,精准响应其背后真实的探索意图与目标。让规则再次隐形,让用户能够回归到更纯粹、更专注的探索本身

至此,我们便集齐了所有核心要素拼图,并解构透视了探索场景下的人们行为背后的本质需求——对资源的轻松掌控、与环境的可信连接、专注多样化探索本身

04 从容探索

最后,让我们回到原点的命题:在探索场景下,我们构建的服务究竟要为用户交付何种核心心智?

聚合的资源中枢、可信的工具与主动的服务、规则的自然传递乃至规则制定角色的再转变等,这一切策略最终的汇聚点,就是:从容

这便是探索场景下,我们试图建立的核心心智。帮助探索者在面对未知多一分从容,能更加从容地与这个世界对话、互动。

个体的轨迹难以预判,我们也无法精准捕捉流动世界的每一个走向,但我们可以锚定那些深植人性、不会轻易变迁的底层需求。「深度理解」仅是 HAI 交互设计法的起点,它探究了「变与不变」中的那个”不变”。技术向前,人机交互的形态也正在经历改变。当 AI 赋予了机器更为强大的能力,我们应该如何顺应这种变化,并将这份「深度理解」转化为更契合用户本质需求的交互体验?

 

 

转载:人人都是产品经理

 

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

 

image.png

兰亭妙微设计分享:Tera 智慧农业管理 Web 平台全案设计解析

之晨 交互设计及用户体验

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

截屏2026-06-30 10.53.08.png

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

Tera 是一款面向现代农业管理场景的智慧农业 Web 平台,集成农田地图可视化、农机车队管理、灌溉系统控制、数据统计分析等核心功能,帮助农场管理者实现农田、农机、灌溉的全链路数字化管理。

截屏2026-06-30 10.53.44.png

当下农业管理工具普遍存在以下行业短板:

农田信息分散难管理:地块位置、面积、作物状态、土壤数据分散在不同记录中,农场主无法一屏掌握所有农田状况;

 

农机调度效率低:农机设备的位置、工作状态、作业进度缺少实时监控,调度依赖人工经验,效率低下;

灌溉控制不精准:灌溉系统缺少智能化管理,无法根据地块需求和天气数据自动调节,水资源浪费严重;

户外使用体验差:农业管理工具多在户外使用,传统浅色界面在阳光下反光严重,数据辨识度低。

本项目以「深色沉浸式主题 + 卫星地图可视化 + 农机车队实时监控 + 灌溉智能控制」为核心设计逻辑,搭建农田管理、车队调度、灌溉控制、数据统计完整平台体系,让农业管理从经验驱动升级为数据驱动。

二、完整智慧农业业务闭环

农田卫星地图总览 → 地块信息详情查看 → 农机车队实时监控 → 灌溉系统智能控制 → 数据统计分析决策

整套链路覆盖从全局农田态势到单地块精细管理的全流程,深色界面适配户外强光/暗光环境,数据可视化直观高效。

截屏2026-06-30 10.53.54.png

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

1. 卫星地图可视化模块(全局态势核心)

中间区域以卫星地图为核心,实时展示农田地块分布,悬浮地块信息卡片显示面积、作物状态、土壤数据等关键信息。地块以荧光绿高亮标注,在深色地图上格外醒目

地图支持缩放、平移操作,搭配"DETAILS"详情按钮,用户可从全局态势快速下钻到单地块详情,解决农田信息分散的痛点。

2. 农机车队管理模块(设备调度核心)

左侧车队状态区以卡片形式展示各农机设备名称、位置和状态百分比,搭配状态标签区分自动/手动模式。用户可实时查看每台设备的工作进度和位置。

底部设备列表支持快速筛选和跳转,搭配导航栏的 FLEET 入口,用户可集中管理所有农机设备,提升调度效率。

截屏2026-06-30 10.53.34.png

3. 灌溉智能控制模块(资源优化核心)

导航栏设置独立 WATER 入口,灌溉系统支持按地块智能控制,根据作物需求和天气数据自动调节灌溉量。

数据卡片展示灌溉用水量、覆盖面积等关键指标,帮助农场主精准管控水资源,解决传统漫灌浪费的问题。

截屏2026-06-30 10.53.21.png

4. 数据统计分析模块(决策支撑核心)

底部数据统计卡片横向排列核心数据指标,以荧光绿大字号数字突出展示,搭配趋势标识,用户可快速了解农场运营状况。

深色暗绿+深灰配色方案搭配荧光绿数据高亮,在户外强光/暗光环境下均保持高辨识度,适配农业管理的特殊使用场景。

截屏2026-06-30 10.53.28.png

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

色彩系统:深色暗绿+深灰基底搭配荧光绿数据高亮,沉稳专业且科技感强,荧光绿在深色背景上辨识度极高,适配户外各种光线环境;

玻璃拟态数据卡片:数据卡片带有轻微玻璃拟态效果,半透明设计不遮挡底层地图信息,信息获取与态势感知同步进行;

紧凑专业文字体系:无衬线字体,数据数字大字号加粗,文字说明简洁干练,适配农场管理者在户外快速读取数据的需求。

截屏2026-06-30 10.54.13.png

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

卫星地图可视化让农场主一屏掌握所有农田状况,全局态势感知效率大幅提升;

农机车队实时监控提升调度效率,减少设备闲置和重复作业,降低运营成本;

灌溉智能控制精准匹配地块需求,节约水资源,降低灌溉成本;

深色主题适配户外各种光线环境,全天候保障数据辨识度;

数据统计分析为农场经营决策提供数据支撑,从经验驱动升级为数据驱动。

 

 

图片来自Behance

 

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

 

image.png

别再用做PS的思维,去设计AI时代的工具了!

之晨 行业趋势

一、一个被忽略的真相:用户不关心“节点”,只关心“结果”

最近在平台的用户观察中,我们发现一个典型现象:用户对左侧的“节点库”几乎不感兴趣。

  1. 他们不会像设计师用 Figma 那样,频繁地在图层列表中重命名、排序、分组
  2. 他们拖出一个节点后,就再也不看节点库了
  3. 当画布数量从十几个增长到上百个时,他们迫切希望看到更多的“画布列表”,而不是“节点列表”

而在传统设计软件中,图层/画板列表是高频操作区——设计师几乎每分钟都要点开它。

image.png

为什么?

因为用户变了。AI 工具的用户,不再是“会用 Photoshop 的专业人士”,而是“有创意想法但不想学软件的大众”。

二、两类用户的特征对比

image.png

认知模型对比:从“实现模型”到“心理模型”

表层的行为差异背后,是深层认知模型的根本不同。

传统设计软件用户被迫理解软件的“实现模型”(Implementation Model)——即软件如何工作的内部逻辑,如图层堆叠、节点连接。而AI工具新用户则遵循更自然的“心理模型”(Mental Model)——他们只关心目标状态(“我想要一张海报”),而非实现路径。

AI 产品设计,正是将界面呈现模型无限贴近用户的心理模型,从而消除不必要的认知复杂度。

image.png

三、设计范式的三次变革

从“图层思维”到“任务思维”的转变,并非孤立现象,而是人机交互设计范式演进中的关键一跃。

image.png

四、AI 工具的设计哲学

传统软件设计遵循“专家路径”:功能齐全、可定制、高效,但学习曲线陡峭。

1. AI 工具设计应该遵循“大众路径”

  1. 默认简单,按需复杂:新手进来就能用,专家可以打开高级面板
  2. 结果导向,而非过程导向:用户不关心“用了什么节点”,只关心“生成的结果好不好”
  3. 降低试错成本:让用户敢于尝试,而不是害怕点错

2. 用户心智构建三要素

要让“新大众”用户形成稳固的产品心智,需系统性构建三个维度的价值感知:

  1. 产品相关度:核心功能是否精准匹配其创意表达需求?能否稳定、高效地产出“看起来不错”的结果?
  2. 产品易用性:交互是否符合其“心理模型”?试错成本是否足够低,使其敢于探索?
  3. 产品智能感:AI 是否显得足够“理解”自己,并能协作共创,而不仅仅是一个随机生成器?

3. AI-Native 基础设施思考

未来的 AI 原生应用,可能需要两套并行的交互体系:一套为人优化的 GUI(图形用户界面),一套为 AI Agent 优化的 CLI(命令行界面)或 API。如同钉钉的 RealDoc 系统,文件操作、版本管理、原子化读写都将为 AI 的高效调用而设计,实现从“为人操作的文件系统”到“为 AI 操作的工作台”的转变。这预示着,软件的价值层正在从炫酷的界面,转向高效、精准的任务理解与执行能力

五、对 AI 产品设计的启示:构建四级响应系统

基于上述认知差异,产品设计应从单点的界面优化,升级为系统性的响应层级设计。

image.png

六、实践框架:AI 时代的设计决策工具

在评审任何 AI 功能特性时,可迅速通过以下问题检验其是否符合“任务思维”:

image.png

七、写在最后:行业启示与哲学转向

AI 正在把“专业能力”变成“通用能力”。未来的工具,不再是为“会用 Photoshop 的人”设计的,而是为“有想法的人”设计的。

作为产品经理与设计师,我们需要忘记自己“懂设计软件”的背景,蹲下来,用新用户的视角重新审视每一个界面元素:

  1. 这个东西,用户真的需要一直看到吗?
  2. 这个按钮,用户真的知道是干嘛的吗?
  3. 这个功能,能不能让它自己跑,别让用户操心?

最终的哲学转向是:当工具足够聪明,用户不需要“学会”它,只需要“想要”什么。从图层到任务,我们正见证设计从“赋能专业”到“释放本能”的终极回归。

 

图片来自Behance

 

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

 

image.png

兰亭妙微设计分享:Quillr AI 辅助医疗报告生成 Web 平台全案设计解析

之晨 交互设计及用户体验

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

截屏2026-06-30 14.28.38.png一、项目定位与行业现存痛点

Quillr 是一款以 AI 技术为核心的医疗报告生成 Web 平台,面向医生和医疗记录人员,集成模板创建、语音输入、AI 报告生成、报告验证、免提模式等核心功能,帮助医疗从业者高效完成医疗报告的撰写与审核。

当下医疗报告撰写场景普遍存在四大行业短板:

报告撰写耗时低效:医生需要手动录入大量患者信息、诊断结果、治疗方案,报告撰写占据大量本应用于诊疗的时间;

双手操作不便:临床场景中医生需要同时操作电脑和检查患者,双手被占用时无法高效录入报告内容;

报告质量参差不齐:不同医生的报告格式、用语规范不统一,缺少标准化模板和 AI 辅助校验,报告质量难以保证;

工具学习成本高:医疗软件操作复杂,医生需要花费大量时间学习工具使用,反而降低了工作效率。

本项目以「语音驱动输入 + AI 智能生成报告 + 标准化模板体系 + 免提操作模式」为核心设计逻辑,搭建模板选择、语音录入、AI 生成、报告校验完整工作流体系,让医疗报告撰写从手动录入升级为语音驱动的智能创作。


二、完整医疗报告业务闭环

选择报告模板 → 语音输入患者信息 → AI 智能生成报告初稿 → 报告验证与修改 → 最终报告输出

整套链路将传统手动撰写报告升级为语音驱动+AI 生成的智能工作流,医生只需口述关键信息,AI 自动完成报告撰写,效率提升数倍。

截屏2026-06-30 14.28.31.png


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

1. 语音驱动输入与 AI 生成模块(核心效率模块)

平台核心区域集成语音输入功能,医生通过语音口述患者信息和诊断内容,AI 自动识别并转化为结构化医疗报告文本。

底部语音输入控制栏支持语音开关、模式切换,搭配"Hands-free Mode"免提模式,医生在检查患者时无需触碰键盘即可持续录入信息。AI 生成过程以步骤标签形式展示进度,用户可实时查看报告生成状态。

截屏2026-06-30 14.28.11.png

2. 标准化模板与报告校验模块(质量保障核心)

左侧模板创建/选择区提供多种医疗报告模板,覆盖初诊、复诊、手术记录、出院小结等常见场景,医生可按需选择对应模板,确保报告格式规范统一。

"Report Validation"报告验证开关开启后,AI 自动校验报告内容的完整性、术语规范性和逻辑一致性,标注潜在问题供医生审核,解决报告质量参差不齐的痛点。

3. 功能分区与用户管理模块(体验优化核心)

中间核心功能区分三个功能卡片展示主要操作入口,右上角用户菜单下拉包含语言设置、教程入口等辅助功能,"Update Report"操作按钮位于显眼位置,一键触发报告更新。

整体界面采用暖黄色+米白色配色,柔和温暖,降低医疗工具的冷硬感,让医生在高压工作环境中感受到界面的友好与舒适。

截屏2026-06-30 14.28.20.png


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

色彩系统:暖黄色主色调搭配米白色背景、深灰色文字,整体色调柔和温暖,区别于传统医疗软件的冷蓝色调,传递友好、亲和的工具气质;

扁平化功能卡片组件:核心功能以圆角矩形卡片呈现,搭配浅淡几何线条纹理背景,增加细节层次的同时保持界面简洁;

清晰层级文字体系:标题加粗大字号,功能文字适中,辅助说明浅灰色小字,层级分明,医生在快节奏工作中可快速定位目标功能。

截屏2026-06-30 14.28.25.png


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

语音驱动+AI 生成将报告撰写效率提升数倍,释放医生更多时间用于诊疗,提升医疗服务质量;

免提操作模式适配临床双手被占用的场景,医生边检查边录入,不中断诊疗流程;

标准化模板体系确保报告格式规范统一,提升医疗机构的文档管理效率;

AI 报告校验降低人为错误率,提升报告质量和合规性;

温暖友好的视觉风格降低工具使用压力,提升医生的日常工作体验。

图片来自Behance

 

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

 

image.png

兰亭妙微UI设计公司:UX 文案设计避坑指南:6 大核心原则,写出清晰好用的产品文案

清阳 交互设计及用户体验

 
很多产品团队都容易轻视文案,觉得只要无错别字就足够,却忽略了文案是用户与产品直接对话的载体。一句模糊的按钮文字,比如笼统的 “提交” 和精准的 “确认支付”,都可能直接造成用户决策犹豫。
提起优质用户体验文案,多数人第一反应是苹果,其文案简洁克制、表现力强。但盲目照搬苹果的文案体系并不适配所有品牌,这类文案是基于苹果自身品牌调性量身打造,直接套用极易水土不服。本文拆解 UX 文案底层逻辑,分享适配各类产品的文案创作方法,兼顾易用性与品牌质感。

一、什么是 UX 文案?

UX 文案即用户体验文案,以优化产品交互流畅度、塑造统一品牌感知为核心目标。
 
传统营销文案重在说服、转化、推销产品;UX 文案核心使命是降低用户操作门槛,让人与产品的沟通自然顺畅。
优质 UX 文案会融合五大核心维度,兼顾可读性与业务价值:
  1. 语言表达:通俗直白,规避晦涩话术
  2. 产品可用性:专业术语贴合使用场景,用户一眼读懂
  3. 转化效果:精准捕捉用户诉求,贴合用户心理
  4. 品牌塑造:传递品牌气质,助力业务目标落地
  5. 全局一致性:全产品页面文案风格、用词标准统一
五大要素存在清晰优先级,创作需由底层向上搭建:
  1. 底层根基:用户真实需求
  2. 第二层:简洁友好的文字表达
  3. 第三层:建立用户同理心
  4. 顶层标准:全链路文案一致性管理
UX 文案绝非华丽辞藻的堆砌,需要完整梳理用户全流程行为,系统性搭建体验话术。脱离用户需求空谈文笔,最终只会内容空洞、实用性极低。

二、创作核心起点:锚定用户需求

1. 精准回应用户疑问,给出有效答案

UX 文案的创作出发点永远是用户,而非产品或企业自身。创作时摒弃 “我们想传递什么信息” 的思维,拆解用户潜在疑问,给出简短、明确的解决方案。
以系统报错弹窗举例,劣质文案只简单抛出问题,优质文案必须包含三层信息:发生了什么、问题成因、用户如何解决。
 
❌ 差案例:发生错误 / 系统错误代码 / 无法连接
 
✅ 优案例:您暂无访问权限,该内容无法查看,请联系管理员处理
回应用户问题遵循三条准则:精准捕捉用户痛点、只解答用户当下关心的内容、表达简短易懂。

2. 深度拆解用户,建立同理心

对用户画像理解越透彻,文案越精准。创作前梳理 5 个核心问题,即可抓住用户核心诉求:
  1. 用户是谁:明确受众年龄、职业、产品熟悉程度,划定基础人群画像;
  2. 用户当下情绪与状态:区分用户是期待、焦虑、烦躁还是放松,以此确定文案语气;
  3. 用户高频疑问:预判用户操作全流程会产生的困惑,划定文案覆盖范围;
  4. 用户常用表达词汇:贴合用户日常用语习惯,提升阅读信任感与接受度;
  5. 用户核心使用目标:围绕用户最终想完成的操作,确定文案整体导向。

三、UX 文案 6 大创作黄金原则

原则 1:清晰简洁,降低用户理解成本

落笔前先自问:这条信息用户是否必需?能否进一步精简、直白?多余修饰、冗长描述都会增加阅读负担,模糊的表述更易引发用户焦虑。
  • 精简:剔除冗余文字,短句优先
     
    ❌ 差案例:恭喜,验证完成!您的账户已完成安全验证,平台全部功能现在都可以免费使用,欢迎浏览体验
     
    ✅ 优案例:验证完成!全部功能现已免费使用
  • 清晰:杜绝模糊指代,关键信息直接展示
     
    ❌ 差案例:若问题持续,可前往页面底部联系客服获取帮助
     
    ✅ 优案例:若问题仍未解决,请拨打客服热线 000-0000 咨询

原则 2:兼顾可访问性,适配全人群认知

规避生僻专业词汇,控制内容理解门槛,保证老人、新手等各类用户都能轻松看懂,适配所有使用场景。
 
❌ 差案例:密码已修改,基于账户安全机制,建议周期性更新密码
 
✅ 优案例:密码修改成功,为保障账号安全,建议定期更换密码

原则 3:务实有用,提供可落地解决方案

文案需输出用户真正需要的有效信息,信息偏差会大幅降低产品可信度;遇到异常场景,必须同步告知用户操作方案,遵循 “问题 - 原因 - 解决办法” 逻辑。
缺货提示示例:
 
❌ 差案例:商品目前缺货,补货后会通知您
 
✅ 优案例:该商品暂时缺货,补货后将第一时间推送提醒,点击【接收通知】即可订阅提醒
用户核心诉求是知晓补货提醒方式,仅单纯告知缺货无法满足需求,补充操作按钮指引,文案实用性大幅提升。

原则 4:真实坦诚,拒绝诱导套路

UX 文案不能作为诱导用户操作的工具,避免利用焦虑、恐慌情绪裹挟用户,全程保持中立客观,尊重用户自主选择权。
场景 1:关闭闹钟弹窗
 
❌ 差案例:关闭闹钟将错过重要通知,是否继续接收通知?【取消 / 查看】
 
✅ 优案例:确定关闭闹钟功能吗?关闭后可能收不到重要通知【取消 / 确定关闭】
场景 2:推送权限申请
 
❌ 差案例:不开启通知将无法查看最新内容,立即开启
 
✅ 优案例:开启推送可实时获取产品更新,您可按需选择【暂不开启 / 立即开启】

原则 5:全局统一,维持全链路体验连贯

统一是消除用户困惑、提升使用流畅度的关键。若页面间术语、按钮名称、话术风格割裂,用户每次操作都需要重新适应。
 
全产品统一规范:相同功能固定同一表述,统一按钮、弹窗、提示文案句式。
 
❌ 差案例:订单页按钮 “提交订单”,确认页改为 “确认订单”
 
✅ 优案例:全页面统一使用 “提交订单”,保持术语不变

原则 6:贴合品牌,塑造专属产品气质

UX 文案不只是功能说明,更是传递品牌个性的载体。相同信息,不同定位的产品会采用完全差异化话术。
 
举例:账号异地登录安全提醒
  • 年轻化社区产品:注意!有陌生设备尝试登录你的账号,若非本人操作,快去修改密码~
  • 专业金融平台:【安全预警】检测到陌生设备登录尝试,为保障资金安全,请尽快前往「我的 - 设置 - 账户安全」修改登录密码
依据品牌定位调整语气、用词,让文案成为品牌形象的软性载体。

写在最后

文案是用户体验的 “最后一公里”。即便交互逻辑流畅、视觉设计精美,一旦文案模糊、生硬、误导用户,依然会打断操作流程、降低使用好感。
创作 UX 文案的核心逻辑始终不变:把 “用户能不能看懂、愿不愿意操作” 放在首位,文案才能真正提升产品体验,发挥实际价值
 

转载:人人都是产品经理

 

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

 

image.png

兰亭妙微UI设计公司分享:适度介入—依据用户意图调控 AI 存在感

清阳 行业趋势

导语

当下多数 AI 产品普遍存在介入尺度失衡痛点:频繁弹窗打断用户操作,闲置状态下又持续消耗算力。如何让 AI 做到 “需要时主动现身,无需求时安静隐身”?本文结合分级交互理论与真实产品落地案例,梳理 AI 存在感完整管控思路与标准化交互规范。
交互史上经典反面案例 —— 微软 Office 助手 Clippy,其设计初衷是辅助文档编辑,却因无差别自动弹窗、频繁打断用户写作饱受诟病。微软在 Office2007 更新 Ribbon 界面后直接下架该助手,改用侧边静态帮助面板。
 
这一案例也印证行业共识:不合理的 AI 介入时机与交互形式,会大幅损耗产品使用体验。面对多元用户行为与差异化使用诉求,精准把控 AI 存在感、规避无效打扰,已成为原生 AI 产品设计的核心命题。

一、四层介入层级:AI 的四种辅助模式

AI 不存在固定统一的交互范式,需结合具体使用场景,划分由轻到重四类介入模式,适配不同用户需求强度:

image.png

  1. 轻量提醒(Shoulder tap)

    image.png

    低干扰轻量化提示,支持用户主动唤起,或系统识别使用异常后被动触发。如同店员礼貌轻声问询,打扰成本极低,完全由用户掌控交互主动权。
  2. 多轮沟通(Back and forth discussion)

    image.png

    以对话交互为载体,通过连续追问补齐需求细节,在一来一回的沟通中明确落地目标。类比线下门店咨询:用户提出基础诉求,服务方逐项确认信息,最终敲定完整方案。
  3. 主动协助(Let me help)

    image.png

    跳出单纯对话局限,自主整合信息、直接输出完整成品,如同专属私人助理。可自动汇总数据、一键生成内容、定制专属页面,高效减轻用户操作成本。
  4. 全权接管(Take over control)

    image.png

    用户给出清晰完整指令后,AI 全权包办全流程操作,闭环完成全部任务。类似一站式代办服务,用户无需跟进中间任何步骤,仅等待最终结果即可。

二、清晰交互边界:明确 AI 需要克制介入的场景

搭载 AI 不代表凡事自动生成,优质 AI 交互设计的核心判断标准:何时生成内容、何时开启对话、何时仅做轻度提示、何时引导跳转原生页面。
 
通用边界准则:可复用产品原有原生功能时,优先引导跳转原生页面,严禁强制生成全新页面造成功能割裂。

场景举例:数据看板完整交互流程

  1. 用户长时间浏览看板,无法定位目标内容,系统识别使用卡点,弹出轻量快捷提问(轻量提醒);
  2. 用户点击弹窗唤起对话、口述基础需求,AI 逐层追问补充细节(多轮沟通);
  3. 整合看板数据,自动生成专属数据摘要(主动协助);
  4. 用户点击摘要内链接,跳转产品原生数据页面(遵循原生界面复用边界,不启用接管操控);
  5. 用户下达明确指令 “自动同步全部数据至汇报文档”,AI 自动完成全流程同步(全权接管)。
整套层级与边界规则,划定 AI 介入核心红线:交互策略不以 AI 自身能力为基准,而是跟随用户真实意图、实时行为信号动态调整,实现尺度适宜的智能辅助。

三、意图 + 置信度:动态调节 AI 回应强度

若将动态介入逻辑沉淀为可落地的标准化设计规则,完整的用户意图判定流程分为三步:

1. 依托 JTBD 用户任务理论,锁定用户底层核心目标

image.png

用户表层操作极易造成意图误判,JTBD(Jobs To Be Done)是判定核心依据:剥离表面操作行为,拆解用户使用产品底层目标,从主任务、关联任务逐层拆分功能、情绪、个人、社交四大维度需求。

2. 围绕核心目标,区分两类用户行为信号

  • 显性信号:用户主动输入文字 / 语音指令,需求指向清晰、要素完整;
  • 隐性信号:频繁切换页面、反复操作报错、长时间停留查找等行为,反向暴露使用卡点与隐藏诉求。

3. 按信号清晰度分层,匹配对应 AI 介入策略

image.png

用户行为信号的清晰程度,直接决定意图置信度,依据置信度高低匹配差异化介入等级,形成标准化交互规则:
  • 高置信度:启用主动协助模式。用户输入要素齐全、限定清晰的完整指令,无需额外追问,AI 直接输出完整成果;

    image.png

  • 中等置信度:启用多轮沟通模式。用户仅给出宽泛模糊需求,关键信息缺失,AI 通过多轮追问补齐主题、风格、格式等信息后再执行;

    image.png

  • 低置信度:先引导问询再生成内容。用户仅上传素材、未附带任何文字指令,AI 展示快捷需求引导项,等待用户补充信息,不盲目自动生成;

    image.png

  • 极低置信度:启用轻量提醒模式。用户无主动求助行为,系统识别场景异常后,以顶部悬浮轻提示展示优化建议,由用户自主选择是否采纳。

    image.png

通用核心设计原则:用户意图越模糊,AI 介入越克制。设计核心是引导用户补充信息、提升意图置信度;若出现多条冲突行为信号,优先保障基础核心使用体验。

四、总结

管控 AI 存在感的底层逻辑,是围绕用户真实需求,随场景动态调配交互强度。通过四层介入模式规范交互形态,依靠意图置信度分级约束介入力度,坚守 “不盲目自动生成” 的设计底线,让 AI 服务于人,而非打扰于人。
技术赋予 AI 强大生产力,而交互设计把控落地分寸。介入尺度与交互边界设计,是原生 AI 产品长期迭代优化的核心课题。

精简公众号短版(适合直接发布)

适度介入:拿捏 AI 存在感,告别无效打扰

很多 AI 产品都陷入同一个误区:没事疯狂弹窗打扰用户,闲置时又白白浪费算力。如何让 AI 做到 “召之即来,无声隐身”?本文结合分级交互理论与真实产品案例,拆解一套可落地的 AI 交互管控方案。

一、AI 四层介入模式,按需匹配辅助力度

  1. 轻量提醒:悬浮式低干扰提示,识别卡点后温和提醒,主动权完全交给用户;
  2. 多轮沟通:对话式逐层确认需求,适合需求模糊、信息不全的场景;
  3. 主动协助:自主整合信息、直接产出完整内容,充当高效专属助理;
  4. 全权接管:用户下达完整指令后,AI 包办全流程,坐等结果即可。
经典反面案例 Office Clippy 正是踩中痛点:无差别弹窗强制介入,严重打断操作,最终被官方下架。这也印证:AI 介入时机不当,反而会拉低产品体验。

二、划清交互边界:能复用原生功能,绝不强行生成

AI 不是替代原有产品功能,而是补充辅助。以数据看板为例:
 
用户找不到内容→轻提示;口述模糊需求→多轮对话;生成数据摘要→跳转原生页面;要求自动同步文档→全权接管。
 
核心红线:所有交互以用户真实意图为准,而非 AI 自身能力。

三、按意图置信度动态调节介入强度

借助 JTBD 用户任务理论区分用户底层需求,再通过显性指令、隐性操作两类行为信号判断需求清晰度:
  • 需求完整清晰(高置信):直接主动产出内容;
  • 需求宽泛模糊(中置信):多轮追问补齐信息;
  • 仅有素材无指令(低置信):提供引导,不盲目生成;
  • 无主动求助仅场景异常(极低置信):仅做轻量悬浮提醒。
统一准则:意图越模糊,AI 越克制。

文末小结

把控 AI 存在感的关键,是随场景、用户需求动态调整交互强度。用四层介入规范形态,用置信度约束介入尺度,守住不盲目生成的底线。技术决定 AI 上限,交互分寸决定用户体验下限,介入边界设计,是原生 AI 产品长期迭代的重中之重。
 
转载:WeDesign
 
 

 

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

 

image.png

兰亭妙微设计分享:Docuverse 移动医疗健康监测应用全案设计解析

之晨

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

截屏2026-06-30 09.39.45.png


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

Docuverse 是一款搭配可穿戴设备的移动医疗健康监测应用,集成实时生物数据可视化、健康检查提醒、可穿戴设备通知同步、健康数据追踪等核心功能,为用户提供 24 小时不间断的健康监测与管理服务。

当下移动健康监测应用普遍存在以下行业短板:

数据展示枯燥难理解:心率、血氧、体温等生物数据以纯数字形式呈现,用户难以直观感知健康状况的变化趋势和实际意义;

设备与应用联动弱:可穿戴设备采集的数据与手机 App 同步延迟高、通知不及时,用户容易错过重要健康提醒;

界面设计缺乏温度:医疗类应用普遍采用冷色调、硬核风格,让用户产生紧张感和距离感,不利于长期日常使用;

品牌识别度低:多数健康应用视觉同质化严重,缺少独特的品牌视觉符号,用户难以形成品牌记忆。

 

截屏2026-06-30 09.47.54.png

本项目以「极简生物数据可视化 + 可穿戴设备无缝联动 + 自然舒缓视觉风格 + 强品牌识别度」为核心设计逻辑,搭建健康数据监测、设备通知同步、健康提醒推送完整应用体系,让健康监测变得自然、舒适、有温度。


二、完整健康监测业务闭环

可穿戴设备实时采集 → 生物数据同步上传 → 可视化波形图呈现 → 健康检查智能提醒 → 设备通知同步推送

整套链路覆盖从数据采集到健康提醒的全流程监测,手机与可穿戴设备无缝联动,24 小时守护用户健康。

截屏2026-06-30 09.47.19.png三、三大核心模块分层体验拆解

1. 生物数据可视化监测模块(数据展示核心)

应用核心区域采用圆形生物数据可视化设计,以动态波形图呈现心率等关键生物指标,复刻医疗级心电监护仪的专业视觉效果,同时以极简艺术化的方式呈现,降低专业数据的理解门槛。

波形图以薄荷绿为主色调,在白色背景上清新自然,用户无需医学背景即可直观感知心跳节律和健康状态,解决传统健康应用数据展示枯燥的痛点。

截屏2026-06-30 09.46.51.png

2. 可穿戴设备联动通知模块(设备协同核心)

应用与可穿戴设备深度联动,设备端采集的健康检查提醒、异常预警等信息实时同步至手机端,以圆角通知卡片形式展示,包含提醒类型、时间、简要说明。

手机端应用底部功能按钮与设备端操作同步,用户可在手机上查看设备通知详情、调整监测参数,打通设备与应用的数据壁垒,实现真正的无缝健康管理。

截屏2026-06-30 09.47.36.png

3. 品牌视觉与极简交互体系(品牌识别核心)

应用整体采用极简主义设计语言,界面元素精简至最少,核心监测区域占据视觉主体,返回按钮、更多选项等交互元素以极简图标呈现,不抢视觉焦点。

品牌 Logo 以黑色底色搭配简洁字体,搭配医护人员形象的品牌宣传图,传递专业、可信赖的品牌形象,在同类产品中形成独特的品牌记忆点。

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

色彩系统:薄荷绿主色调搭配白色背景、深灰色文字,整体配色自然、舒缓,传递健康与生命力,降低医疗产品的紧张感,适合日常长期使用;

圆形波形可视化组件:核心监测区域以圆形动态波形图呈现生物数据,兼具专业感与艺术感,成为应用的视觉记忆符号;

极简图标交互体系:返回、更多选项、功能按钮均以极简线性图标呈现,去除多余装饰,界面清爽干净,用户注意力始终聚焦在健康数据上。

截屏2026-06-30 09.47.44.png
五、产品商业与用户综合价值

动态波形可视化让生物数据直观可感知,用户无需医学背景即可理解健康状况,提升产品易用性;

可穿戴设备无缝联动确保健康提醒零延迟,用户不错过任何重要健康信息,提升产品依赖度;

自然舒缓的薄荷绿视觉风格降低医疗产品的紧张感,用户愿意长期日常使用,提升留存率;

极简设计语言形成独特的品牌视觉符号,在同类产品中脱颖而出,提升品牌辨识度;

手机与设备双端协同,覆盖固定查看与移动监测两大场景,全天候守护用户健康。

截屏2026-06-30 09.48.03.png

 

图片来自Behance

 

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

 

image.png

兰亭妙微设计分享:Empire 多端游戏平台响应式官网全案设计解析

之晨

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

截屏2026-06-30 09.48.34.png

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

Empire 是一款面向全球用户的在线多端游戏平台,涵盖桌面端与移动端,集成游戏分类浏览、热门推荐、会员体系、充值系统、品牌合作展示、客服支持等核心功能,打造集游戏娱乐、社交互动、会员福利于一体的数字娱乐平台。

截屏2026-06-30 09.50.07.png

当下在线游戏平台普遍存在以下行业短板:

游戏分类混乱难筛选:数百款游戏平铺展示,缺少清晰的品类分区与筛选机制,用户需要大量时间翻找感兴趣的游戏,浏览体验差;

视觉风格廉价同质化:多数游戏平台堆砌花哨元素、刺眼配色,缺少品牌辨识度和高级质感,难以建立用户信任;

会员体系感知弱:VIP 等级、积分奖励、专属福利散落在不同页面,用户不清楚自身权益,会员续费意愿低;

多端体验断层:电脑端功能丰富但手机端严重缩水,游戏入口难找、充值流程复杂,移动端用户转化率低下。

本项目以「沉浸式深色主题 + 清晰游戏分类导航 + 会员权益可视化 + 桌面移动端统一体验」为核心设计逻辑,搭建首页推荐、游戏分类库、会员中心、充值系统、品牌合作完整平台体系,兼顾游戏浏览、会员运营、商业变现三大核心业务。

截屏2026-06-30 09.49.16.png

二、完整游戏平台业务闭环

首页品牌合作引流 → 游戏分类导航筛选 → 热门游戏推荐展示 → 一键进入游戏 → 会员权益领取 → 充值余额管理

整套链路覆盖用户从进入平台到游戏娱乐、会员消费的全流程体验,桌面端与移动端版式统一,核心功能无缩水。

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

1. 沉浸式首页推荐模块(用户引流核心)

左侧侧边栏导航集成 HomeProfile、游戏分类、会员体系、资讯和客服入口,用户可快速定位目标功能。顶部平台名称搭配搜索框、会员标识、余额和充值按钮,核心操作入口一触即达。

欢迎横幅展示品牌合作形象,搭配球星/代言人视觉元素,强化品牌背书;游戏分类卡片采用渐变色彩设计,带有游戏图标和"Play now"按钮,视觉吸引力强,引导用户快速进入游戏。

截屏2026-06-30 09.48.58.png

2. 多维度游戏分类与推荐模块(内容分发核心)

游戏分类采用圆角渐变卡片布局,每张卡片展示品类图标、名称和快捷入口,用户可按品类快速筛选目标游戏。

热门游戏推荐栏以横向滚动图标形式展示,搭配游戏封面和快捷启动按钮,用户无需进入详情页即可一键开始游戏,解决游戏筛选成本高的痛点,提升游戏发现效率。

截屏2026-06-30 09.49.23.png

3. 会员体系与奖励模块(用户留存核心)

顶部悬浮"Free Reward"提示框,以醒目的黄色标注奖励信息,吸引用户点击领取;会员标识贯穿全局,用户在任何页面都能感知自身 VIP 等级与专属权益。

侧边栏导航设置独立会员入口,集中展示等级权益、积分余额、专属活动,强化会员价值感知,提升续费意愿。

截屏2026-06-30 09.49.43.png

4. 深色沉浸式视觉体系(品牌调性核心)

深蓝色主色调搭配亮蓝色、紫色渐变效果,营造炫酷科技感的游戏氛围;黄色作为 VIP 等级、奖励提示的高亮色,在深色背景上格外醒目。

粗体无衬线字体视觉冲击力强,游戏名称和按钮文字突出,整体风格活泼炫酷,精准匹配游戏平台的娱乐属性。

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

色彩系统:深蓝主色调搭配亮蓝紫色渐变卡片、黄色高亮标识,炫酷科技感与品牌辨识度兼具,在竞品中形成差异化视觉记忆;

渐变卡片组件:游戏分类卡片采用渐变色彩设计,每张卡片色彩略有差异,丰富视觉层次的同时保持整体风格统一;

悬浮奖励提示组件:顶部"Free Reward"提示框以黄色高亮悬浮展示,搭配动效暗示,有效吸引用户注意力,提升奖励领取率。

截屏2026-06-30 09.48.45.png

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

清晰的游戏分类导航大幅降低用户筛选成本,提升游戏发现效率和平台使用时长;

深色沉浸式视觉风格建立高端游戏平台品牌调性,区别于廉价竞品,提升用户信任度;

会员权益可视化贯穿全局,强化用户价值感知,有效提升会员续费率和 ARPU 值;

悬浮奖励提示机制提高用户活跃度和日常回访频次,培养用户使用习惯;

桌面端与移动端统一体验,不流失移动端用户,全域覆盖游戏娱乐场景。

 

图片来自Behance

 

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

 

image.png

 

兰亭妙微设计分享:Finora AI 智能金融投资应用全案UI设计解析

之晨

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

截屏2026-06-30 10.05.24.png

 

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

Finora 是一款以 AI 智能分析为核心驱动力的金融投资与资产管理平板应用,集成投资收益图表、AI 智能分析弹窗、资产推荐模块、一键投资入口等功能,为用户提供从数据分析到投资决策的一站式智能理财体验。

当下金融投资类应用普遍存在以下行业短板:

投资决策门槛高:普通用户缺乏专业的金融分析能力,面对复杂的市场数据和投资产品,难以做出科学合理的投资决策;

AI 分析过程不透明:部分应用虽引入 AI 能力,但分析过程黑箱化,用户不清楚 AI 的推荐逻辑和依据,信任度低;

投资操作流程繁琐:从查看产品、分析数据到完成投资,需要在多个页面间反复跳转,操作链路长,用户流失率高;

视觉风格冷硬有距离感:传统金融应用多采用深蓝、深黑配色,界面严肃冷硬,让非专业用户产生心理距离,降低使用意愿。

截屏2026-06-30 10.05.35.png

本项目以「AI 智能分析可视化 + 轻量化投资操作链路 + 清新亲和视觉风格」为核心设计逻辑,搭建投资收益总览、AI 分析弹窗交互、资产推荐、一键投资完整应用体系,让金融投资变得简单、透明、可信赖。

二、完整智能投资业务闭环

投资收益数据总览 → AI 智能分析启动 → 分析步骤可视化展示 → 资产推荐结果呈现 → 一键投资操作完成

整套链路将复杂的投资决策流程简化为几步操作,AI 分析过程全程透明可见,用户从查看收益到完成投资无需跳出应用,操作效率大幅提升。

 

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

1. AI 智能分析弹窗交互模块(核心差异化模块)

应用独创 AI 分析弹窗交互模式,用户发起投资分析后,界面弹出居中模态弹窗,带有轻微毛玻璃效果,不完全遮挡背后界面,用户可在等待分析结果时继续查看收益数据。

弹窗内清晰展示 AI 分析的完整步骤,每个步骤以勾选标签标注完成状态,搭配动态加载动画,用发光圆点提示处理完成。分析过程全程透明可视化,用户清楚了解 AI 的推荐逻辑和数据依据,解决传统金融 AI 黑箱化的信任痛点。

截屏2026-06-30 10.07.02.png

2. 投资收益总览模块(数据展示核心)

主界面采用上下滚动的信息流布局,顶部导航栏提供功能入口,投资收益图表以折线图/柱状图形式展示资产变化趋势,搭配资产推荐模块,智能匹配用户风险偏好的投资产品。

截屏2026-06-30 10.05.54.png

图表采用清新的黄绿色主色调,数据走势一目了然,搭配简洁的数据标签和趋势标识,用户无需专业金融知识即可快速理解资产状况。

3. 轻量化投资操作模块(转化效率核心)

资产推荐卡片展示产品名称、预期收益、风险等级等关键信息,搭配"Invest Now"一键投资按钮,用户从查看推荐到完成投资仅需两步操作。

截屏2026-06-30 10.06.02.png

弹窗右上角设置关闭按钮,用户可在分析完成后自主选择是否继续投资操作,尊重用户决策权,不强引导、不绑架操作,营造舒适的 investing 体验。

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

色彩系统:清新黄绿色主色调搭配浅灰弹窗背景、白色文字,整体配色轻快、亲和,打破传统金融应用的冷硬感,降低非专业用户的心理距离;

毛玻璃模态弹窗组件:弹窗采用轻微毛玻璃效果,不完全遮挡背后界面,用户可在等待分析时继续浏览数据,兼顾专注操作与信息连续性;

圆润友好字体体系:采用圆润无衬线字体,弹窗标题清晰醒目,辅助文字柔和易读,整体字体风格亲切友好,与清新配色共同营造轻松的理财氛围。

截屏2026-06-30 10.07.20.png

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

截屏2026-06-30 10.07.09.png

AI 分析过程全程可视化,用户清楚了解推荐逻辑,提升对平台的信任度与依赖度;

轻量化投资操作链路将决策到执行简化为两步,大幅缩短操作路径,提升投资转化率;

清新亲和的视觉风格打破金融应用的冷硬印象,吸引非专业用户群体,拓宽用户基盘;

毛玻璃弹窗设计兼顾专注操作与信息连续性,等待过程不焦虑,用户体验细腻;

一键投资入口降低操作门槛,让理财新手也能轻松完成投资决策,提升产品普惠性。

图片来自Behance

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

 

image.png

兰亭妙微设计分享:无人机集群指挥控制系统桌面端全案设计解析

之晨

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

截屏2026-06-30 11.27.55.png
一、项目定位与行业现存痛点

本系统是一款面向军事安防与工业巡检场景的无人机集群指挥控制桌面软件,集成多普勒雷达监控、任务效率分析、单机状态管理、区域监控网格、指挥通讯频道等核心功能,支持对大规模无人机编队的实时调度与远程管控。

当下无人机管控系统存在以下短板:

集群状态监控碎片化:多台无人机的位置、电量、载荷、飞行状态分散在不同页面,指挥员无法一屏掌握集群全貌,决策效率低;

操控交互复杂学习成本高:传统飞控软件界面按钮密集、操作层级深,紧急场景下指挥员难以快速完成召回、切换飞行模式等关键操作;

通讯与指挥脱节:语音通讯频道与飞行控制界面分离,指挥员需要在通讯工具和操控面板之间反复切换,协同效率受损;

暗光环境适配不足:户外指挥车、夜间作业场景中,传统浅色界面反光严重,关键数据辨识度低,影响指挥判断。

本项目以「深色沉浸式主题 + 集群可视化全景 + 单机精细化控制 + 指挥通讯一体化」为核心设计逻辑,搭建全局态势感知、任务效率监控、单机操控面板、通讯频道完整指挥体系,兼顾大规模集群调度与单机精细化操控两大核心场景。

截屏2026-06-30 11.28.02.png


二、完整无人机指挥业务闭环

集群态势全景感知 → 任务效率实时监控 → 单机状态精细管理 → 远程操控指令下达 → 指挥通讯协同 → 区域监控网格覆盖

整套链路覆盖从全局态势判断到单机操控执行的全流程指挥闭环,深色界面适配暗光作业环境,关键数据高亮突出,指挥决策零延迟。

截屏2026-06-30 11.28.44.png


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

1. 集群态势全景感知模块(全局监控核心)

顶部全局状态栏实时显示坐标、通信信号、导航状态,搭配 Overview、Missions、Drones 导航选项,指挥员可快速切换全局视图与任务视图。

中间区域为无人机集群的可视化场景视图,采用 3D 场景呈现无人机编队位置与飞行轨迹,点击单架无人机可弹出半透明悬浮详情卡片,展示高度、速度、载荷等关键参数,解决集群状态碎片化的痛点,实现一屏掌控编队全貌。

截屏2026-06-30 11.32.08.png

2. 任务效率与单机管理模块(效能管控核心)

左侧任务效率监控面板以进度条样式展示电池电量、任务就绪度等关键指标,搭配单台无人机状态卡片,实时显示各机工作状态。

下方区域监控网格以网格化视图展示各监控区域的覆盖情况,单机控制面板集成飞行模式切换、稳定性调节、一键召回等操控按钮,解决操控交互复杂的痛点,指挥员可在同一界面完成从监控到操控的无缝切换。

3. 指挥通讯一体化模块(协同效率核心)

右下角集成指挥通讯频道面板,带有语音波形可视化效果,实时显示通讯状态;通讯面板与操控面板并排布局,指挥员无需切换窗口即可同步完成通讯指挥与飞行操控,解决通讯与操控脱节的行业痛点。

截屏2026-06-30 11.29.04.png

4. 深色沉浸式视觉体系(环境适配核心)

整体采用深灰+黑色深色主题,搭配亮黄色作为数据高亮与状态警示色,绿色表示在线正常状态,白色作为文字主色。低反光、高对比度的配色方案适配夜间/户外指挥场景,关键数据在暗光环境下依然清晰可辨,解决传统浅色界面在特殊作业环境中辨识度不足的问题。

截屏2026-06-30 11.28.12.png
四、视觉与组件体系设计特色

色彩系统:深灰黑色基底搭配亮黄色数据高亮、绿色在线状态、白色文字主色,低反光高对比度,专为暗光作业环境优化,关键信息一眼可辨;

半透明悬浮卡片组件:无人机详情参数以半透明悬浮卡片呈现,不遮挡底层场景视图,信息获取与态势感知同步进行,兼顾信息密度与可视性;

紧凑高效文字体系:采用紧凑无衬线字体,数据指标字号突出,功能文字简洁干练,适配专业工具的高效阅读需求,紧急场景下快速抓取关键数据。

截屏2026-06-30 11.28.08.png
五、产品商业与用户综合价值

集群全景可视化让指挥员一屏掌握编队全貌,大幅提升态势感知效率,缩短决策链路;

单机精细化操控面板集成召回、模式切换等关键功能,紧急场景下操作步骤精简至最低,降低误操作风险;

通讯与操控一体化布局消除窗口切换的时间损耗,提升指挥协同效率;

深色沉浸式主题适配夜间、户外、指挥车等暗光作业环境,全天候保障数据辨识度;

模块化信息分区支持从全局态势到单机参数的逐层下钻,适配不同层级指挥人员的信息需求。

 

图片来自Behance

 

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

 

image.png

日历

链接

个人资料

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

存档