车载UI设计其它UI的区别

车载UI设计有它独特的设计原则,应该保证用户的行车安全,不宜喧宾夺主。车载交互大多是短促的操作,由于太多时间都在行车状态下,生命应该高于一切。所以界面设计要保障不让用户视觉停留很长时间。这也是为什么大部分用户觉得车载设计特别丑的原因之一。

这里我们先大概了解一下,车载UI的设计与其它端的设计有哪些不一样的地方

车载UI与手机、pad、电视UI的区别

1,交互布局

  • 车载UI: 由于其特殊的操作环境,应该首先确保安全驾驶。界面信息结 构尽量简洁,跳转步骤少。
  • 手机UI: 一般的手机app都是以底部导航栏的切换方式呈现,每个内容相对独立,单任务的产品思路。
  • pad UI :交互布局与手机思路大致相同。
  • 电视UI : 由于其由遥控器操作,交互布局也会尽量减少跳转步骤,信息结构简洁。  

2,使用场景

  • 车载: 在室外,停车或者驾车状态下操作。户外环境对屏幕影响大。
  • 手机、pad: 会利用碎片化时间使用,可以是安静的室内,也可以是移动的。
  • 电视 :使用时间大多都是整段的的,多人观看,并且固定在某一地方。

3,屏幕尺寸

  • 车载UI: 车载中控屏的发展趋势是越来越大,目前横屏的设计尺寸大部 分12寸以上。
  • 手机UI: 手机屏幕是为了满足单手操作的,屏幕尺寸相对较小。
  • 电视UI: 因为遥远距离观看,屏幕尺寸通常在40寸以上,相对更大。

4,适配方式

  • 车载UI: 车载UI效果图设计完成之后,需要适配各种不同尺寸的安卓屏幕,并且没有完整的适配规范。适配难度大。
  • 手机、pad :手机UI适配无论是ios还是安卓,都有完整的适配规则。适配难度小。
  • 电视UI: 电视的屏幕设计大多为16:9的设计,基准定位1920*720更方便的适配到多个电视上。

5,功能需求

  • 车载UI: 车载产品的功能设计首先都是要确保驾驶安全,其次是地图、娱乐功能的设计。即使在使用娱乐功能时也要确保驾驶安全。
  • 手机、pad: 每个app都是有针对性的设计,目标明确。单任务操作。可以设计多功能。
  • 电视: 它是家庭娱乐设备,使用功能比较单一,就是为了视频,让用户快速找到想看的视频,开始播放视频之后,没有干扰性元素。电视也没有多任务。关机时可以保持状态,开机时也可以一键续播

6,操作习惯

  • 车载UI :车载UI操作则是使用胳膊加手机的滑动和点击、多手势操作。更多的还有物理按钮的操作。
  • 机、pad: 手机和pad的常规操作就是手指滑动和点击、语音。
  • 电视UI: 遥控器、语音操作,作为家庭公共设备,操作简单。

7,界面颜色

  • 车载UI: 因环境光的影响,需要高饱和度和反差大的颜色。暗色系较多。
  • 手机、pad: 因为更多的是沉浸式体验,也会根据环境光进行切换,对 颜色上要求不高,可以随意搭配颜色。
  • 电视UI :一般观看时由于距离较远,也会收到室内灯光的影响,界面颜色上一般也是暗色系居多。

8,焦点突出

  • 车载UI :较手机使用而言,车载是需要一定的焦点突出,但是也不至于像电视焦点突出一样。只需要引导用户当前页面和当前操作。
  • 手机、pad: 手机和pad因为是近距离的操作,所以注意力会高度集中,不存在焦点。
  • 电视UI: 一般用户距离电视都是2米以距离,屏幕尺寸大,用户很容易注意力被分散,况且是由遥控器操作,所以焦点需要突出。

9,布局规则

  • 车载UI: 汽车横屏车载app常见的的布局是上下两栏、左右两栏。
  • 手机、pad: 手机和pad界面布局比较灵活,摆放的位置并不影响操作。网上有手机app界面布局22原则,可以参考一下http://www.xueui.cn/experience/app-experience/article-22-of-the-basic-principles-of-app-ui-layout.html。
  • 电视UI: 电视界面的布局很规则,常见的是上下两栏布局、十字导航和左右三栏,因为遥控器只能上下左右移动,不借助返回键,使用方向盘即可在不同层级中操作。

以上部分内容可能整理不全面,也许会有一些认知偏差,仅供大家参考。

Powered by Froala Editor

我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章