Carplay 新版本交互分析

用户头像
北京/设计爱好者/4年前/540浏览
Carplay 新版本交互分析

Carplay 新版本交互分析

前言:

设计的最大原则是:最大化消除可能引起驾驶员分心的操作

导航栏

整体来看,应用图标的尺寸也有所增加,同时上下预留了足够的空间(非热区),避免误操作。
考虑到车机误操作的修改成本很大,因此这样的修改能够增加操作的安全性。并且整体来看用户体验上有较好的提升,对于就得设计改动也较少,用户也不需要去尝试习惯新的交互,替代成本很低。

仪表盘

iOS 新版本新增内容,在屏幕上分割区域显示内容。相对于之前在单个应用中执行任务,仪表盘可以同时显示导航与音频的重点功能,避免在应用间频繁切换。
地图卡片可以直接使用手机里面安装的地图应用(若有多个地图应用会使用最近的应用,和导航栏中的最近地图应用对应),直接同步手机的导航信息,减少操作。
音频卡片与导航栏中的音频类应用对应,提供快速控制播放的能力。
车机的操作场景一直都是单任务,线性流程的,所以在不同的应用之间切换来调整任务流是很痛苦的事情。iOS 13 以后增加的仪表盘就是解决了最常见的导航、音频应用互切问题。也为当前的造车新势力比较流行的首屏设计提供了参考价值。(虽然Carplay整体设计较简洁,但他是一个标准化的公共产品)

Carplay 开发文档中仅允许车机系统上运行六类应用,同时对应用的结构样式有了非常严苛的规定,应用开发商几乎就只能向苹果规定好的框架中填充内容。

1. Tab 栏

Tab 栏与左侧状态信息保持一致,简化页面结构。较大的按钮高度也保证了可点击性。按钮之间的空间留足,坚决避免误操作的情况。

2. Tab 栏右侧按钮

右侧按钮动态出现,例如在音频播放中快速回到播放页面进行播放进度控制。新版本之前的文字按钮更改为动态图形按钮,可能是为了减少页面中的信息密度,同时避免多语言的超长问题。

3. 列表项

列表项分为三种类型:双行列表、带图列表、单行列表三种类型的列表高度均一致,如此设计可以简化列表的结构,减少操作误差。(缺点,降低了列表层级结构弱化了视觉表现)

4. 列表项翻页键

Carplay 在设计时,考虑到了两种可能的屏幕情况:高素质触摸屏和低素质触摸屏为了能够向下兼容不支持滑动与拖动手势的屏幕,Carplay 在列表右侧提供了上下翻页按钮。

5.电话

车机来电为全屏界面,提供三个通话中的常见功能,同时相较手机端的滑动操作,车机端变为了直观的点击按钮操作。特别要说明的是,底部弹窗虽然在通话过程中被用到了,但是在官方的人机交互指导文档中,提到应该尽量避免如此使用,以避免用户长时间阅读屏幕。

车机接听电话时,除了常用的挂断、静音操作外,车机还保留了拨号键盘与添加通话功能。添加通话功能猜测是为了满足多人语音的需求,满足会议等办公场景。而拨号键盘,则是应对需要拨号操作的一类电话,但界面设计似乎并没有按照减少信息量的方向走,数字下方英文字母在这里显得有些多余。同时左上角的取消与结束按钮,也难以操作,感觉浪费了左右两侧的大量空间。

首先需要注意的是,iPhone 连接车机之后会默认开启驾驶免打扰模式,屏蔽短信消息。因此需要手动关闭勿扰模式之后,才可以正常收到短信。
“现在”:手机通知中的时间戳是作为稍后处理通知消息时的一个重要依据,但车机的消息带有及时性,没有“稍后处理”这种逻辑,所以时间戳显得就有些多余。“信息”:信息两个字传递的意思和信息图标传递的意思一致,多余。下一级箭头:突然出现的信息通知已有“打开应用”处理的意思,此处箭头表意有些多余。

相较于之前局部弹窗,新系统将弹窗变为了全屏,通过减少层次的方式,减少了车机界面的多余内容。界面尽量只聚焦一种信息。

新版本中 Carplay 的设计目标是向用户提供更安全的驾驶体验

稳定、清晰的 UI 框架

避免使滑动、拖动等成为唯一的交互操作

内容呈现简单明确,界面只聚焦一种信息

避免频繁切换应用与设备

上述几条原则是从苹果现成车机产品中总结出的原则,也可以作为车机系统设计中的一个重要参考。
综上所述,苹果的 Carplay 还是聚焦在一个“车机辅助驾驶系统”上,提供最基础的功能,同时将安全属性做足。

4
阅读原文
|
举报
|
3
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
高级表盘系列UI源文件
Security Camera UI kit
【新年UI图标】游戏/娱乐icon
钱包ui模板
UI应用平面图标
【新年UI图标】美妆icon
智能家居中心 简约 UI设计组件库
UI_3D图标炮仗<新春促销>
【新年UI图标】家具icon
【新年UI图标】影音icon
新拟态风格 UI设计组件库
UI_3D图标火箭炮<新春促销>
高级感金属拟物 UI设计组件库
新能源APP应用UIKit
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI通用设计素材1
【新年UI图标】30个图标
我的钱包-UI界面设计-app
柠檬黄主题UI作品集模版
科技医疗透明柜UI界面设计
盲盒APP UI设计
手表表盘UI系列
UI界面 组件
UI 登录界面设计模板包
你可能喜欢
相关收藏夹
大家都在看
登录注册