兰亭妙微UI设计公司分享:UMO 智能电动汽车伴侣 App UI/UX 设计深度解析

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

 

导读
从数字孪生车模、智能补能规划到场景化温控,构建“人-车-环境”无缝连接的出行体验闭环。本文不止评价画面风格,而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。
1.png

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

UMO App 并没有把自己仅仅定位为一款远程控车工具或简单的车辆说明书,而是试图建立一个覆盖车辆状态监控、补能生态整合、座舱舒适管理及品牌理念传达的智能出行操作系统。
  • 移动端(App):作为核心交互载体,承接高频的控车指令(如空调、解锁)、行程规划与充电管理,强调“A new classic for city life”的生活化融入。
  • Web端/营销页:承担品牌叙事与深度技术解析,通过高精度的渲染图解释“Series hybrid technology”(串联混动技术)等复杂概念,建立用户对新技术的信任。
  • 核心价值:通过“Comfort for everyone on board”的理念,解决电动车用户在续航焦虑、充电繁琐及车内舒适度控制上的痛点,利用可视化手段让复杂的机械状态变得直观可控。

3.png

二、信息架构:把功能转译为车主的感知逻辑

信息架构围绕“当前车况—即时控制—未来行程”展开,严格遵循车主的使用直觉。
  • 全局层(首页):摒弃了传统的列表式菜单,采用3D 数字孪生车模作为视觉锚点。车辆模型不仅是装饰,更是状态的实时反馈器(如充电时显示绿色流光)。下方直接罗列 Interior(内饰温度)、Charge(电量)、Range(续航)三大核心卡片,层级极高。
  • 执行层(控车页):在 Climate(气候)和 Parking climatization(停车温控)页面,将复杂的空调参数简化为直观的滑块与预设模式。特别是“停车预热”功能,直接显示“Heating to 72°F”及剩余时间,符合用户出发前的心理预期。
  • 拓展层(补能与规划):地图模块不仅显示位置,更深度整合了充电桩生态(Plugs),支持按接口类型(NACS, CCS等)筛选。行程规划则结合了语音助手 Alice,将目的地搜索与沿途补能建议融为一体。

4.png

三、关键交互:从抽象数据走向具象反馈

交互亮点在于把冰冷的车辆参数转译为有温度的视觉语言和生活场景。
  • 拟物化反馈:在温控界面,气流的方向、座椅加热的区域都通过动态图形直接展示,用户无需阅读文字即可理解当前设置。
  • 场景化任务流:充电页面不仅仅是显示进度,而是提供了“What to do while waiting?”(等待时做什么?)的建议,如附近的咖啡馆或博物馆,将枯燥的等待时间转化为生活体验。
  • 语音与触控融合:强调“Voice control with Alice”,在地图搜索和复杂设置中引入语音交互,减少驾驶或移动场景下的屏幕操作负担。

5.png

四、视觉系统:科技感必须服务于可读性

深色模式(Dark Mode)贯穿始终,既符合车载屏幕的夜间使用习惯,也建立了高端、科技的基调。
  • 色彩语义:绿色作为核心操作色(如充电图标、启动按钮),代表能量与通行;白色用于主要文字,保证高对比度;灰色用于背景层级区分。
  • 排版与留白:Web端采用杂志级的排版风格,大图与留白结合,传递出“Luxury”与“Calm”的品牌气质;App端则采用大圆角卡片设计,手指热区充足,兼顾美观与实操性。
  • 跨端一致性:从手机屏幕到网页海报,UMO 的字体、图标风格及车辆渲染角度保持高度一致,强化了品牌的整体感。

6.png

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

对产品经理而言,最值得借鉴的是“状态可视化”策略:不要只给用户看数字(如剩余电量 72%),要给用户看场景(如还能跑 104英里,够跑 3 天)。对设计团队而言,要重点维护3D 资产与 UI 的融合,让车模成为 UI 的一部分,而不是独立的插图,这样能极大提升产品的沉浸感。
 
跨行业经验复用:本项目的UI 交互设计方法论并非孤立存在。我们作为一站式 UI设计服务公司,同时也是专业的软件界面设计公司,在银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计等多个垂直领域积累了深厚的经验。作为 UI交互设计公司,我们深知不同行业对界面交互的特殊要求;作为数据可视化设计公司的复杂仪表盘方案,以及高端网站设计公司的品牌级视觉呈现,这套"以用户任务为中心"的信息架构逻辑均可复用。同时,我们在软件qt开发、软件wpf开发、软件vue开发等技术栈上均有成熟落地能力,确保设计稿能够被高保真还原。
 

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

现有方案的主要风险是对网络环境的强依赖。3D 车模和实时地图在弱网环境下若加载失败,会严重影响体验。建议增加轻量级的 2D 降级方案。此外,充电界面的“等待建议”虽然贴心,但需确保推荐内容的实时准确性,避免误导用户。对于“停车温控”等高耗能操作,应增加更明显的电量消耗预警,防止用户过度使用导致无法启动。
 

结语:设计的最终判断标准是业务与使用价值

UMO 展示了智能汽车 App 从“遥控器”走向“智能管家”的路径:以 3D 模型建立连接,以场景化建议消除焦虑,以极简交互释放注意力。真正决定产品好坏的,不是特效有多炫酷,而是当用户急着出门时,能否在一秒钟内确认车况并舒适出发。
 
兰亭妙微作为作为专业的用户体验公司,我们始终坚持:好的界面设计公司不仅要交付好看的画面,更要交付可执行、可追溯、可修正的产品体验。无论是UI咨询还是完整的UI设计公司项目交付,核心始终不变——让技术真正服务于人的需求。

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

 

image.png

日历

链接

个人资料

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

存档