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

导读
从“三环”可视化隐喻、Proactive AI 主动式交互到 EQA Labs 数据实证,构建身心平衡的闭环体验。本文不止评价画面风格,而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。

6f2310247166337.69d509c81f4df.png

一、产品定位:先回答系统替谁解决什么问题

EQUA 并没有把自己仅仅定位为一款记录步数或监测睡眠的被动追踪器,而是试图建立一个覆盖营养(Питание)、活动(Активность)与睡眠(Сон)三大核心维度的个人健康平衡操作系统

  • 硬件端(手环):作为极简的数据采集与状态展示终端,强调“一眼即懂”的直观性,通过独特的环形光效反馈身体状态。
  • 移动端 App:承接深度数据分析与 AI 交互,不仅展示“发生了什么”,更通过 Proactive AI 解释“这意味着什么”以及“接下来该做什么”。
  • 核心价值:通过“Закрыть три кольца”(闭合三个圆环)的游戏化机制,将复杂的健康管理简化为直观的平衡任务,解决用户面对海量健康数据时的焦虑与迷茫。

179c27247166337.69d509c821f15.png

二、信息架构:把功能转译为身体的平衡逻辑

信息架构围绕“当前状态—历史趋势—行动建议”展开,严格遵循“少即是多”的原则。

  • 全局层(首页):摒弃了传统的列表式布局,采用巨大的液态球体(Liquid Sphere)作为视觉锚点。这个球体不仅是品牌 Logo 的延伸,更是用户当日整体健康状态的拟物化表达。下方直接列出三大核心指标(卡路里、运动时长、睡眠时长),层级极高。
  • 执行层(详情页):在活动和睡眠详情页,顶部采用周视图时间轴,中部为核心仪表盘(如圆环进度),底部为具体的“ подсказка”(提示/建议)卡片。这种布局让用户先看到结果,再根据兴趣下钻查看细节。
  • 信任层(营销页):通过 EQA Labs 板块,展示“-9 cm”、“-7.4 kg”等真实实验数据,将抽象的健康概念转化为可量化的科学成果。

717927247166337.69d509c82493d.png

三、关键交互:从被动记录走向主动对话

交互亮点在于把冰冷的数据转译为有温度的对话和直观的物理反馈。

  • Proactive AI 交互:首页的 AI 助手不是等待指令的机器人,而是主动发起对话的教练。例如界面显示的“3天内你已经燃烧了240g脂肪,继续保持!”,这种基于数据的即时正向反馈,比单纯的图表更能激励用户。
  • 液态隐喻:App 中的球体设计不仅仅是装饰,它模拟了水的张力与流动,暗示了健康是一种动态平衡。点击球体或与其互动,可能触发更深度的状态解析,这种交互充满了探索感。
  • 硬件光效同步:手环上的光环颜色(橙、绿、紫)与 App 内的主题色严格对应,实现了从手腕到屏幕的无缝视觉流转。

a4667d247166337.69d509c82030b.png

四、视觉系统:科技与自然的深度融合

深色背景建立了沉浸感与高端感,而核心视觉元素则承担了重要的语义功能。

  • 色彩语义
    • 橙色代表营养/热量,唤起食欲与能量的联想;
    • 绿色代表活动/生命力,象征运动与燃烧;
    • 紫色代表睡眠/恢复,传递宁静与深邃的感觉。
      这种色彩编码贯穿了硬件光效、App 图表和营销物料,形成了极强的品牌记忆点。
  • 材质表达:大量使用了玻璃、水滴、流光等材质元素。特别是那个透明的、内部仿佛有液体流动的球体,打破了传统科技产品硬朗的线条感,赋予了品牌一种“有机科技”的独特气质。
  • 排版:大字号的标题与纤细的数据字体形成对比,既保证了信息的易读性,又维持了画面的呼吸感。

c2d074247166337.69d509c824178.png

五、面向产品与设计团队的可复用价值

对产品经理而言,最值得借鉴的是“单一核心隐喻”的运用。EQUA 没有堆砌功能,而是将复杂的健康算法浓缩为一个“球体”和一个“圆环”,降低了用户的认知门槛。
对设计团队而言,要重点学习跨端体验的一致性。从手环的发光环,到 App 的液态球,再到实体会员卡(EQUA PASS)的质感,所有触点都在讲述同一个关于“平衡”与“流动”的故事。

跨行业经验复用:本项目的UI 交互设计方法论并非孤立存在。我们作为一站式 UI设计服务公司,同时也是专业的软件界面设计公司,在银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计等多个垂直领域积累了深厚的经验。作为 UI交互设计公司,我们深知不同行业对界面交互的特殊要求;作为数据可视化设计公司的复杂仪表盘方案,以及高端网站设计公司的品牌级视觉呈现,这套"以用户任务为中心"的信息架构逻辑均可复用。同时,我们在软件qt开发、软件wpf开发、软件vue开发等技术栈上均有成熟落地能力,确保设计稿能够被高保真还原。

db40ab247166337.69d509c82f28b.png

六、专业审视:仍需补齐的体验边界

现有方案的主要风险在于过度依赖隐喻

  • 认知负荷:对于新用户来说,那个液态球体具体代表什么?是综合得分还是某种抽象状态?如果缺乏明确的图例说明,可能会造成理解障碍。
  • 数据密度:虽然首页极其简洁,但在详情页中,如何平衡“美观的仪表盘”与“精确的数据读取”是一个挑战。例如睡眠相位图虽然好看,但专业用户可能更需要精确的分钟数统计。
  • 建议:在保持美感的同时,增加辅助性的文字标签或图例;在 AI 对话中增加“为什么给我这个建议”的解释入口,增强系统的透明度。

e172e7247166337.69d509c82aa6f.png

结语:

设计的最终判断标准是业务与使用价值EQUA 展示了健康产品从“工具”走向“伙伴”的路径:以液态美学建立情感连接,以三环机制形成行为承诺,以主动 AI 维持长期动力。真正决定这款产品能否成功的,不仅是它看起来有多酷,而是那个球体里的每一次波动,是否真的能指引用户过上更平衡的生活。

兰亭妙微作为作为专业的用户体验公司,我们始终坚持:好的界面设计公司不仅要交付好看的画面,更要交付可执行、可追溯、可修正的产品体验。无论是UI咨询还是完整的UI设计公司项目交付,核心始终不变——让技术真正服务于人的需求。

Logo

一站式 AI 云服务平台

更多推荐