浅谈车载UI与手机UI的设计区别【萧蕊冰】

 今天的文章来讲一下车载UI与手机UI的设计区别。车载UI也就是汽车UI,现在很多企业在开发产品时，把产品硬件配置提升得很高，几乎与手机同步，所以很多人就会觉得车载UI就跟手机UI没什么区别，其实，这是一个误区，下面萧蕊冰就来谈谈车载UI与手机UI的设计区别。

随着特斯拉智能电动汽车凭借其全新的电动能源和智能化的大屏操作系统在全球的走红。在中国也引起了强烈的蝴蝶效应，小鹏汽车，蔚来汽车和威马汽车等主打互联网智能的汽车应运而生。在新的一年汽车UI可能会成为下一个设计热点。那么这次为大家带来的是手机UI与汽车UI的设计分析。（我们这里说的汽车UI是指以特斯拉为代表的智能电动汽车中控大屏UI，手机UI指的是以苹果手机为代表的手机UI)

汽车UI与手机UI的关联

特斯拉被称作是汽车界的苹果，是电动智能汽车的开创者和领导者。苹果则是智能手机的开创者和领导者，同时苹果定义了智能手机的操作和交互方式。特斯拉智能汽车的大屏设备体验设计很大程度上借鉴了苹果的成功经经验。所以我们可以说智能汽车UI是在借鉴手机UI成功经验之上的演变，同时根据汽车UI 特殊的使用场景而重新定制的。

汽车UI与手机UI的区别

不同的使用场景

手机UI使用的场景主要是在室内较为安静的环境中，当然也会在室外的环境使用。相对来说都是比较稳定的环境。

汽车UI的使用场景都是在车内，主要分为停车状态和驾驶状态。在停车状态的时候用户最多的操作是在做驾驶前的准备工作。比如在驾车前查看周边路况是否有拥堵情况，设定目的地导航并确定行车路线。同时也可能在驾车前设定娱乐系统。而在驾车状态的时候驾驶员最重要的就是保证行车安全。这时候驾驶员精力主要放在操作驾驶上，在高速行车的状态中汽车UI的更多作用是展示驾驶信息保证行车的安全。比如在行车中查看导航信息，驾驶速度以及周边车辆情况等。车载设备的使用场景决定了车载UI的形态。

不同的屏幕尺寸

手机屏幕为了满足边手持操作屏幕尺寸都比较小，在这里我们把手机设备统称为小屏设备。由于手机设备屏幕尺寸较小也更容易布局和设计。

智能汽车的中控为了能更方便的展示和操作，采用了超级大屏。屏幕越大意味着越难设计，由于汽车UI本身功能的局限性决定了不可能有非常丰富的内容要去展现。所以如何在超大屏幕下合理的设计有限的内容就成了一个需要仔细研究的问题。

不同的操作习惯

手机APP的最重要的操作就是手指的滑动和点击。比如点击切换菜单，上下滑动浏览内容。

而对于汽车UI来说则是完全不同的操作习惯。首先汽车UI的操作不仅仅用到手指而是胳膊加手指的操作方式。所以在汽车UI上操作点击相对来说比较方便省力。滑动操作由于需要手臂悬空滑动所以会比较费力操作的精准度也有所下降。另外滑动的操作比点击的操作所用的时间会长，如果是在行车过程中也就是说安全成本会更高。例如：如果在行车过程中要精确的快进歌曲的进度，那么首先要胳膊悬空然后滑动进度条。由于胳膊的悬空导致我们很难精确的控制位置当然也会耗费更多时间造成行车中的安全隐患。

不同的使用环境

手机的使用室内环境居多当然也会有很多室外场景。但是手机是掌控在自己手中的如果遇到反光的情况我们只需要调整自身的角度即可避免。

汽车室外行车过程中经常处于强烈的阳光照射之中，导致车内的反光强烈。然而在行车过程中不可能随意的调整角度。在这种环境下设计UI必须考虑如何降低反光对内容展示造成的影响。一般我们会采用亮度较亮的颜色降低反光对信息传递造成的影响。在夜间行车的时候车内的光线会变得灰暗如果还是高亮的界面会非常刺眼，所以一般会设计夜间模式来保证舒适的视觉体验。

不同的功能需求

手机APP的功能设定都是非常有针对性的，例如：微信就是用来社交的，腾讯视频就是用来娱乐的，淘宝就是用来购物消费的。手机APP的功能针对性非常明确，每次都是完成单任务。

汽车UI的功能设定首先都是围绕安全驾驶进行的，其次才是娱乐系统的功能设计。所以即使是在使用娱乐系统的功能也要先保证安全驾驶的需求。例如在驾驶过程中首先要显示安全驾驶的信息，在这过程中也可以进行播放音乐的操作。

不同的交互布局思路

手机UI最基础的交互方式是底部栏的菜单切换方式，每一个菜单展现的内容都是相对独立的。这样的展现方式是因为手机的单任务的产品思路。

车载UI由于其特殊的功能需求在交互上是默认展示安全相关的信息，其他操作会更多的通过临时弹窗的方式呈现。这样的交互方式完全是基于产品功能的需求，所有的功能设计首先都要满足安全驾驶的需求，所有默认情况下都优先展示安全驾驶相关的信息，尔娱乐系统的设置都是以弹窗形式出现用完即隐藏。例如：特斯拉MODEL 3默认展示汽车信息和导航信息，音乐功能则是以弹窗的形式出现操作完成后也会最小化展示。

这是对当前能够实现的现有状况进行的分析，相信以后自动驾驶也会慢慢成为主流。那时候的交互方式和操作方式相信也会出现巨大的变动。另外一个正在使用的交互方式语音相信在大幅提升错识度后会成为更加主流的交互操作方式。

以上就是今天的分享，现在你知道车载UI与手机UI的设计区别了吗？其实在很多方面来说两者都不是一回事，细节就更不一样了，虽然都可以算是移动端的UI设计，但还是有很大的区别的，希望本篇文章能够对大家有所帮助，引起大家对汽车UI的关注和兴趣。更多UI设计相关经验教程分享可以持续关注一下哦~

浅谈车载UI与手机UI的设计区别【萧蕊冰】相关推荐

html4与html5效果,浅谈HTML5与HTML4的10个关键区别
HTML5是HTML标准的下一个版本.越来越多的程序员开始HTML5来构建网站.如果你同时使用HTML4和HTML5的话,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多.虽然H ...
移动端UI界面设计之APP字体排版原则| 萧蕊冰
今天介绍的是移动端UI界面设计的有关APP字体排版原则的内容.除了电脑端的网站UI设计,移动端的界面设计也是UI设计中的一个重要部分,毕竟我们每个人平时身上带着的肯定有手机.今天萧蕊冰就介绍一下关于移 ...
【萧蕊冰】你知道ui设计属于什么行业吗？
你知道ui设计属于什么行业吗?很多人听说这个行业比较有发展所以才想学习,对这个行业并不是很了解,要是想转行学UI设计,必定要先了解UI设计的基本情况,那么你知道ui设计属于什么行业吗?今天这篇文章萧蕊 ...
python中dtype什么意思_浅谈python 中的 type(), dtype(), astype()的区别
如下所示: 函数说明 type() 返回数据结构类型(list.dict.numpy.ndarray 等) dtype() 返回数据元素的数据类型(int.float等) 备注:1)由于 list. ...
UI设计转行交互怎么样？【萧蕊冰】
最近听到很多人在问这个问题:UI设计转行交互怎么样?交互设计和UI有多大的区别?到底该不该转行交互设计?今天这篇文章萧蕊冰就来分析一下UI设计转行交互设计的好坏,希望对大家有所帮助.感兴趣的可以继续往 ...
怎么做极简ui设计？UI界面设计中的极简原则【萧蕊冰】
怎么做极简ui设计?近几年,互联网的飞速发展引起了科技领域的巨大浪潮,UI设计行业需求大量专业优秀人才,吸引了很多想要学习UI设计的人.UI设计也就是用户界面的设计,作为引导用户快速正确使用产品的主要 ...
计算机英语和普通英语区别表现,浅谈日常英语与计算机专业英语的区别
龙源期刊网 http://www.doczj.com/doc/2d53884ba31614791711cc7931b765ce05087a97.html 浅谈日常英语与计算机专业英语的区别作者:李璐 ...
园林计算机制图在计算机上的应用,浅谈计算机园林效果图在园林景观设计中运用.doc...
浅谈计算机园林效果图在园林景观设计中运用浅谈计算机园林效果图在园林景观设计中运用 [摘要]园林设计中除了部分文字,更多的是以线条来表达设计者的设计理念,非专业人士则很难相互沟通.园林设计师通过实地考 ...
python dtype什么意思_浅谈python 中的 type(), dtype(), astype()的区别
如下所示: 函数说明 type() 返回数据结构类型(list.dict.numpy.ndarray 等) dtype() 返回数据元素的数据类型(int.float等) 备注:1)由于 list. ...

浅谈车载UI与手机UI的设计区别【萧蕊冰】

浅谈车载UI与手机UI的设计区别【萧蕊冰】相关推荐

最新文章

热门文章