原文链接:向阳而生 - 我眼中的FlymeAuto

向阳而生 - 我眼中的FlymeAuto - 图1

这或许是今年所有智能座舱体验设计团队都在关注的重要时刻,因为从这一刻起他们迎来了一个强大的对手,一个懂车/懂用户/懂体验/懂设计的对手,一个大家陌生而又熟悉的对手。 说起来我也算是资深的魅友。大学刚毕业的时候省吃俭用买了第一代MiniPlayer,在那个MP3都是筒状柱状物品的时代,全彩屏+触控操作且薄薄一片的机身,即便是放到现在这个时代它的外观设计也不过时。而魅族的MP3在我初入社会的那几年,公交里,地铁上,孤独上下班的身影里总有它的陪伴。而在沉寂了一段时间后,魅族也带着他们最新系列的产品,重回市场一线,也重新回到了大众的视野。 最早听说魅族要做车机,我是兴奋的。因为在魅族手机里,他们的Flyme系统就是以卓越的软件交互和精美的UI视觉成名著称的,而现在安卓OS里最好用的ColorOS设计负责人,也来自于魅族。因此我有理由相信,一家重视用户体验设计的公司来做车机,一定不负众望。而从之前的预热里透露出来的几张截图,几个动画,已经证实了我的想法,或许是业内交互视觉最好的车机系统 - FlymeAuto,他来了。

向阳而生 - 我眼中的FlymeAuto - 图2

站在体验设计的专业角度,我会从FlymeAuto的交互和视觉上来给大家做一些“不一样的”解读。希望能解构出他们的设计思路,也希望在这样的解构中加深我对智能座舱界面设计的认知和理解。 FlymeAuto的设计初衷,是通过建立人与人、人与物、物与物之间的互联互通,同时期望与手机端联动和应用流转,实现多终端及全场景的沉浸式融合体验。从我的理解来看,魅族在建立一套更合理的车机信息布局逻辑,更创新的座舱交互体验以及拟物化空间体验,通过他们擅长的UI视觉设计/动效设计以及硬件调教能力,将自己在手机软件领域数十年的积累一并投入,打造国内第一梯队的座舱体验设计。

一. Interactive:人机交互设计

1. 可切换的桌面模式

FlymeAuto提供市面上主流的壁纸模式/车辆场景以及地图导航模式自定义切换。毫不夸张的说,这应该是全球首家支持三模式界面切换和自定义的车机,满足各类用户的需求,你需要的模式我都有。如果说对这个模式切换还有更高要求的话,车机能通过地理位置及用户使用习惯进行自主切换,例:上下班出门时段自动切换为地图模式,回到家驻车以后切换为车辆模式,停车休息变为壁纸模式等等,就更智能化了。

向阳而生 - 我眼中的FlymeAuto - 图3

2. 高度自定义的卡片及Dock栏

在这三种模式下的快捷卡片,用户都可以自定义展示内容/排序和删除。同时除了卡片可自定义,Dock栏上的入口也根据需要自己增删减。在互联网时代,网站或者APP通过大数据算法可以实现千人千面的信息推送,让每个人看到的界面根据自己的浏览习惯而不同。在FlymeAuto里,则可以通过更自由的功能模块定制,让用户变成自己车机的产品经理,根据自己的喜好,定义自己想展示的界面和功能入口。

向阳而生 - 我眼中的FlymeAuto - 图4

快捷卡片自定义

向阳而生 - 我眼中的FlymeAuto - 图5

Dock栏空调功能自定义

向阳而生 - 我眼中的FlymeAuto - 图6

Dock栏应用区域自定义

3. 扁平化的信息逻辑

从信息结构层级上来说,车辆设置菜单的信息结构非常扁平化,用户不需要被淹没在复杂的二级甚至三级菜单里,点开设置一步就能直达功能操作界面,提高了操作效率,也避免了在行车过程中因为找寻内容而使得眼睛离开视线正前方产生的潜在危险场景。当然还有更多的内容设置划分纬度是否合理,功能命名是否简单直白易懂,我目前还未体验到,有待实践的检验。

向阳而生 - 我眼中的FlymeAuto - 图7

4. SmartBar

FlymeAuto在人机交互上的另一大创新,就是在Dock栏上首创了SmartBar,这或许也是首创了吧(手动狗头)。它激活了传统车机里固化的控制栏,将一个类似iPhone灵动岛的功能放在了这里,承载展示各类后台临态信息及入口的功能,未来还会根据车辆的状态进行实时切换,做到真正Smart(小)且Smart(智能)。

向阳而生 - 我眼中的FlymeAuto - 图8

向阳而生 - 我眼中的FlymeAuto - 图9

向阳而生 - 我眼中的FlymeAuto - 图10

5. 更灵活的窗口模式

大家如果有印象的话,还记得我在理想L系车机重构的文章里提到过,关于单一场景下的多任务状态信息处理。在FlymeAuto上,他们用“小窗口”解决了这个问题。窗口可以悬浮在界面左侧或者右侧,窗口的内容可以是车载APP,也可以是手机APP。从交互逻辑上看,既不干扰当前的信息操作,也能够多任务呈现,提升了大屏幕下车机操作的效率。

向阳而生 - 我眼中的FlymeAuto - 图11

6. 无需学习成本的全局手势和自然手势

左滑返回 / 下拉出现负一屏幕 / 三指缩放返回桌面。这些在移动设备上的通用手势能力,在车机上也得到了继承。没有任何的学习成本,习惯操作Pad的同学用起来会更顺手。在传统手势的基础上,FlymeAuto还加入了自然手势交互,比心收藏 / 旋转手势调整音量等,让车内交互除了触摸和语音之外,触摸手势和隔空手势的可用性也加强。

向阳而生 - 我眼中的FlymeAuto文章新出行.mp4

二. Visual:视觉语言塑造

除了在人机交互上有上述的优点外,FlymeAuto在视觉上也尝试打造一套独特的风格。从设计表现手法上来说更符合当下的设计审美趋势。我总结出来有几下几点:

1.扁平化界面设计

很多人看到FlymeAuto第一眼,觉得舒适 / 顺眼,但又说不上来哪里好看。视觉设计的审美评判,是一个系统工程,是图标,色彩和字体之间相互关联又相辅相成的。去除掉复杂光影和质感的卡片,搭配简洁的线性扁平化图标,再配合中性饱和度的黑白灰配色,以及界面之间的栅格化标准和留白,让整体界面呈现出来干净整洁和美观。这几点说起来不难,但要真正每一点都兼顾到,设计团队没有丰富的软件行业UI沉淀积累,是很难做到的。

2.品牌元素的表达

很多人可能不知道,搭载在领克08上的这套FlymeAuto,整体界面的配色以及UI细节,都是根据08这台车型量身定制的。从“车辆”图标上的造型,到每一个图标的断点设计,再到整体偏向于锐利的直角设计,都源自于领克THE NEXT DAY概念设计。将品牌的符号烙印进车机里,这也是设计团队的用心之处。

向阳而生 - 我眼中的FlymeAuto - 图12

向阳而生 - 我眼中的FlymeAuto - 图13

向阳而生 - 我眼中的FlymeAuto - 图14

3.视觉规则的一致性

一个好的界面,除了有符合审美趋势的视觉风格,还有一个重要的原则就是“一致性”。我们往往见到的反面教材就是图标大小不一,当前状态的指示颜色不统一,界面选择的组件长得不一样等等,这些视觉设计上的“低级错误”,在系统级的UI设计上是绝对不允许存在的。因此由手机ROM团队来设计车机系统,这样的一致性问题是肌肉记忆,是刻在骨子里的规则,不会出错,也不应该出错。 而关于质感的表达,在FlymeAuto上也有着自己的规则。操作类的按钮/控件是轻质感 / 界面层级是磨砂玻璃质感 / 而表示车辆功能演示的动画及插图,则是重质感。不同的视觉功能属性匹配不同的设计质感表达,让界面层次错落但不会凌乱,界面布局之间有了节奏感。

向阳而生 - 我眼中的FlymeAuto - 图15

4.视觉情感化

最后,在好看好用的界面上,赋予一定的情感化设计,会让界面生动起来。FlymeAuto里的“节日壁纸”、“如然体验”和“情景空间”里的视觉,就是在美观和一致性的基础上,锦上添花,让界面看起来更生动,也更有意义。

向阳而生 - 我眼中的FlymeAuto - 图16

向阳而生 - 我眼中的FlymeAuto - 图17

三. Motion:动态拟真触达

智能座舱界面,是一个动态体验的过程。因此除了静态的人机交互以及界面UI以外,我认为FlymeAuto在动态及声光效上开创了一个车内设计先河。最为明显的案例就是早期放出来的休憩模式视频,车门联动界面动效再到氛围灯,是一个很完整的动态拟真效果展示。好的设计往往不是面面俱到,而是在一个不经意的瞬间打动你,而这些微小的动画细节,就是那个打动你的地方。 在FlymeAuto上,除了休憩模式,还有时光引擎 / 情景空间和如然体验这三大模块驱动着动效拟真,让用户在这些沉浸式的场景下充分感受到设计带来的仪式感。

向阳而生 - 我眼中的FlymeAuto文章新出行.mp4向阳而生 - 我眼中的FlymeAuto文章新出行 - - 2023-12-15 21-33-03.mp4向阳而生 - 我眼中的FlymeAuto文章新出行 - - 2023-12-15 21-33-04.mp4

四. 其他功能

除了以上的亮点,还有很多体验细节值得大家去慢慢琢磨。 车内的隐私安全和应用权限管理,FlymeAuto将手机行业的优势赋能车机,做到多账户数据隔离 / 通讯隐私保护以及录音定位摄像头等敏感权限使用的提醒;同时做到了手机+车机的无界互联,车机即手机,更多应用的无缝衔接和信息流转,将车载屏幕拓展成了手机的另一个无限空间;车内智能语音解决方案Aicy,出生即具备蔚小理语音助手能力。不间断连续会话 / 可见既可说 / 多成员语义识别等等,让传统车也具备了高度可用的语音能力。 如果说之前的预热是前菜,那今晚Flyme的亮相就是一场满汉全席。从人机交互到视觉UI再到信息安全生态应用,软硬件一体化,将自己在软件行业和手机端的数十年积累解决方案都统统端上来。结合到亿咖通之前公布的算力平台和综合解决方案,加入吉利集团大家庭的魅族在智能座舱上还大有可为,前途光明。

五. 体验建议

回到体验本身,FlymeAuto真的没有任何问题吗?我觉得还是有提升空间的,在此前的闭门沟通会上我也提出了如下的两点,供大家探讨。

1. 有效的操作反馈和更可点击的UI质感

搭载于领克08的这套界面的UI视觉相对还是过于扁平,操作反馈目前在视觉上的效果看起来比较弱,尤其是Dock栏以及部分微小区域,高亮状态不明显,可以配合声音进行提示。如果能在屏幕硬件里增加震动马达,从视觉/触觉再到听觉给予用户有效的操作反馈,可能会更完美。同时在UI质感的表现上,纯平并不是不好,但是否所有用户都接受,还有待商榷

2. 大屏幕下的信息展示效率及信息逻辑优化,以及小窗口模式的迭代升级

同样是基于首次搭载的硬件,15.4英寸的2.5K屏,现在界面里部分最小号文字是否在车机里进行高效的阅读,也还是未知。例如中控大屏时间显示在右上角,是离驾驶员最远的区域,而在驾驶员前方的屏幕里是否还有时间信息展示,都还是需要上车验证的。 而关于小窗口模式,个人建议可以有更多模态和尺寸的设计,将组件原子化,支持更自由的尺寸缩放,以承载更多类型的信息布局。 最后,让我们回归到前面提到的问题,什么样的智能座舱算“优等生”呢,仅仅是一套好看的UI吗?我觉得首先得有合理的信息布局,好用为先;其次得有看得过去的UI,视觉美观;同时得有流畅的响应速度,不卡顿不死机;有优秀的座舱体验动线,同时还具备可升级的硬件冗余。在满足核心功能的基础上,给予用户更多的自定义空间;在交付后的软件服务上,给予用户可预期的升级迭代信息和有效的信息反馈渠道,这些,都是一个“优等生”应该具备的素质基础。 随着时代的发展和变迁,用户和车企之间的关系从“我告诉你怎么用”,已经慢慢转变为“怎么用你说了算”。造车企业的用户思维越来越多,以用户为中心的体验场景也越来越多。如何站在用户视角,做一个好的车机,魅族从手机行业的转身给了大家一个很好的示例,那些已经被赶超或者还未追上的同学们,还有很长的路要走。路漫漫其修远兮,加油~