汽车仪表盘信息系统设计:偏重的是视觉设计而不是交互设计

从交互设计的角度来看待汽车仪表盘信息系统设计,文中所用的交互设计观点是来自他人的各种总结。

文章目录[隐藏]


从交互设计的角度来看待汽车仪表盘信息系统设计,文中所用的交互设计观点是来自他人的各种总结。

汽车仪表盘信息系统设计:偏重的是视觉设计而不是交互设计

汽车仪表盘UI设计算是UI设计当中比较特殊的一种,有着行业标准要去遵循,有着很多限制条件。

相较于移动端UI设计类,汽车仪表盘信息系统UI的功能需求是很明确也比较稳定的,整个信息架构也很成熟,不会那么轻易就增删功能也不会随便就去构架一个新的信息架构。毕竟汽车仪表盘从诞生到今天已经有非常悠久的历史了,伴随科技的发展经过时间的沉淀已经算是很成熟的产品了。自然而然的对仪表盘信息系统UI的要求就着重落在了主界面的视觉风格上,整体上与车型风格内饰风格相符合。

当然未来伴随着人工智能在汽车行业的应用,也许汽车仪表盘UI设计就会有大的改变。但是事物的发展是一步一步来的,甚至也是迭代出来的。本文只写一些对于当下主流的汽车仪表盘UI设计的见解。

在我在汽车仪表厂做汽车仪表盘UI设计工作的那一年里,画过很多的仪表盘UI而且每次主画的都是主界面,除非要去做模拟仪表运行动画视频效果的时候才会考虑到一些交互的东西。关于这一方面的交互设计,其实也可以从结构认知、状态认知、效率加速这三方面逐一去分析考虑。

结构认知

关于结构认知,就是要快速地让用户理解当前的系统。这是由于人的大脑决定的,认识一个新事物首先要有一个大的结构认知,这是干什么的。

由于汽车已经被千家万户使用,用户对仪表盘UI也是很熟悉的,在结构认知上并没有什么问题。都知道汽车仪表盘是反映车辆各系统工作状况的装置,一般有车速里程表、转速表等等。大体的结构如下图。

而且到目前,关于汽车仪表盘UI这一块已经有不少约定俗成的标准也就是行业规范,如各种报警提示该用像素多大形状是怎么样的图标来展示,而且不同报警状况下又该用哪种颜色等等都是有规范的,也得按照规范去做。只有在很少情况下,如比以往增加了一个小功能需要一个新的图标,这时候才需要重新设计一个图标,但是新设计的图标的大小以及颜色也是不能乱来的。

做UI有一个很重要的原则就是一致性原则,色彩一致性、操作一致性、反馈一致性、文字一致性。其实这个原则也应用在汽车仪表盘UI设计中,尤其汽车工作状况提示以及操作菜单这一块。要保持一致性,就需要规范去指导。在仪表盘UI设计这一块,规范已经形成了一个行业标准,去遵循就可以了不需要全部都重新设计,就算是一些新的小功能也得有规范来约束的。

汽车仪表盘信息系统设计:偏重的是视觉设计而不是交互设计

状态认知

关于状态认知,就是让用户通过仪表盘UI快速了解汽车工作系统处于何种状态。

那首先就得了解在汽车工作过程中反应到仪表盘UI上的状态会有多少种,正常时和非正常时的状态,每种状态用何种形式表达出来能让用户明白。

如:车主用户从启动汽车关闭车门挂档换挡加速减速开关空调开关窗等一系列行为发生后通过什么样的形式在UI上表现出来告知用户目前是何种状态,让车主知道自己是在控制整辆车。当然也包括汽车某系统发生故障时的状态等等,还包括预防用户犯错也就是及时反馈避免用户进一步犯错。

对于菜单的设计也是如此。在梳理状态时,跟着流程一点一点梳理就不会有遗漏,这也是一个很费时间的过程。庆幸的是,汽车仪表盘UI需要呈现多少种状态已经是一个可以明确的事情,因为车企内部已积累有这方面的经验,已经很成熟了的,而且对于汽车这种超级复杂并且还涉及到生命安全的产品,是不能轻易就去改动一些功能的也就不会随便多增加一些状态展示的。所以设计UI的时候往往需要的是更新一下表现形式将状态表现出来。

效率

关于效率,在汽车仪表盘UI这一块更多的是解决等待问题,如开机动画如何进行情感化设计以让车主等待起来不那么难受,还有菜单这一块有些高频一些的任务不要设计得层级过深等。但是相对于整个仪表盘信息系统来说,这些并不是最重要的那一部分。

总结

以上从结构认知、状态认知以及效率这三方面来分析汽车仪表盘信息系统UI的设计,就会发现汽车仪表盘信息系统因为已经有行业规范了,而且车企内也积累有自己的交互标准了,没有大的变革就不太可能有大的变动。但是不同车型往往还不能配同样的仪表盘用户界面,那就得在视觉上下功夫了,甚至是拟定不同的主题来设计不同的主界面。所以做这一方面的设计师中的后来者就只能在视觉上展拳脚了,交互形式不会轻易改变,就算改变也是在一段时间内改变一小点,除非刚好遇上了改革的转折点那就是另一回事了。

一个产品有80%是共性,20%是个性。把这句话再放在仪表盘UI视觉这个范围内甚至再将它放在仪表盘的主界面内,就会发现要设计不同的主界面能施展的空间是有多么小,所以汽车仪表盘UI也不会有千变万化的视觉风格出现。但是施展的空间再小也得设计出不一样的UI来。

 

作者:喜欢夏天的树

来源:http://www.ui.cn/detail/201709.html

版权:人人都是产品经理遵循行业规范,任何转载的稿件都会明确标注作者和来源,若标注有误,请联系主编QQ:419297645

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/25305/

(0)
CatherineCatherine
上一篇 2017-05-11 07:09
下一篇 2017-05-11 08:59

相关推荐

  • 各国货币简称及符号

      欧元,英镑,澳元,人民币,马来西亚币,印尼,新加坡币,新西兰,越南,韩币,泰铢,菲律宾,日元,美金等等货币的简称与符号,标准符号。 中国 人民币:元 Renminbi Yuan RMB¥ CNY 1CNY=10 jao (角)1 j…

    交互设计WiKi 2015-09-15
  • 腾讯多个品牌LOGO重设之思路

    作者:飛兒     在SNG(腾讯社交网络事业群)品牌系统语言里,LOGO系统承载品牌视觉的最核心容器,是整个品牌视觉系统的灵魂,是品牌的精神文化理念、信誉、服务等特点的浓缩表现,直接影响着社交网络品牌的发展。…

    交互专题 2017-08-07
  • 7个实用规则,让你的设计更加简单直观

    简单直观的设计并不一定非得是极简的,它同样可以是丰富而又有趣的。

    2017-05-09
  • 【干货】Axure产品原型在手机上运行的完整教程

      图1 模拟丁香园的高保真原型   在一般的开发工作之前,我们通常会设计产品原型,大部分为axure绘制的线框图作为产品的PRD文档,供UI和开发进行前期工作,但是有的时候客户、领导想在开发之前,看到产品的概貌…

    2014-11-26
  • Axure遇见大数据

    本期介绍数据可视化工具:Echarts工具地址:http://echarts.baidu.com/examples/Echarts图表适用于哪些大数据可视化场景体重分析访问来源分析下载统计指标分析公交线路分析Echarts图表可满足哪些实际需求和交互效果满足需求:支持对图表标题修改支持对图表数据进行修改支持对图表数据进行可视化调整支持代码的获取支持图表的高清原图下载基础交互:点击主题色块,切换主题配色点击色块,可打开或关闭开关数据展示项...

    2018-04-06
  • 【案例】菜鸟裹裹如何打造双11极致物流体验

    作者:CNUX设计实验室(菜鸟无线UED团队)   如往年一样,2016年的双十一如期而至。当大多数人都在关注、鼓励你买买买的时候,有多少人关心你盼望包裹的那种期待?有多少人能体会你等待包裹时的焦虑?有多少人理解…

    交互专题 2017-08-07
  • 减少认知过载:塑造更好的用户体验

    设计不是美工,想成为优秀的设计师怎么能不懂点心理学?文章从认知心理学角度下手,分析了在交互设计过程中时常会犯得几种错误,一些平时稀松见惯的设计方式也都在这儿找到了比较理性的依据。设计是门科学,我们需要掌握一些方法论,以不变应万变。

    2017-05-11
  • 演示|一个交互设计师从接收需求到产出的过程

    从接收需求到产出?这过程中到底经历了什么?不妨来阅读本文作者的文字,一起来了解了解吧~【需求概述】
    商品,增加商品类型,分为普通、赠品两种。赠品可下单购买,也可根据订单金额及对应代理级别配赠率赠送。可按照代理级别,设置对应级别的配赠率。当代理下单购买普通类型或赠品类型商品,配赠条件满足时,在支付订单前提供选择赠品操作,代理可选择配赠金额范围内的任意赠品,也可不选择;选择赠品,并支付成功后,对应订单增加配赠商品信息。
    注:配赠金额=订单面价金额×对应等级配赠率。目标用户:某护肤品牌微商代理
    年龄:18-40占绝大多数
    性别:女性占98%
    职业:微商
    设备:iphone及以上
    场景描述:某天,代理a在清点仓库库存的时候,发现最近热销的某品牌商品库存都不多了,想着,到时候缺货会影响自己的销售及客户的满意度,暗想着,要再进些货才行,于是她对库存不足的商品进行了一下盘点,盘点完毕后,她拿出手机,将需要订货的商品一一加入购物车,加入完毕后,她核对了一下商品的金额,正准备点“支付“按钮进行付款,忽然看到付款按钮上方有一条提示,说”还差500元就可获得免费赠品“,她心一动,反正要买,只要加500块钱,就能免费获得赠品,有何不可?于是她当即便在某一商品下面增加了数量,满额后,提示文字就变成了”可获得免费赠品“,确认金额后,她立即点了支付按钮,来到确认订单的页面,快速浏览了一下自己的收获地址及信息,便赶紧看获得什么样的赠品,果然,在支付的上方又看到了配赠说明的提示,提示我”选择赠品“(这里说明一下,之所以将提示语都放在同一位置,是为了让前面界面的视觉路径在同一水平点上,使页面结构更整洁),点击进入”选择赠品“界面,参照页面给出的赠品金额提示,选择了想要的赠品,由于选择的赠品太多,从上下拉到下浏览起来效率太低,于是她又点击了按钮”已选赠品“进行复核了一遍,确定完毕后,回到确认下单的页面,便满意的点击了”支付“按钮,发现金额与未选赠品前的金额一致,便放心的提交了订单,订单支付完毕后,引导代理来到了订单列表页面,上面还特意标明了”含赠品“字样提示,a点击进去再次看了一下所购的商品及赠品,准确无误会,抱着愉悦的心情关闭了应用与手机。
    ”1、商品列表及商品详情,赠品类型的商品须显示对应图标;
    2、赠品类型商品同普通商品一样可正常下单购买;
    3、购物车,根据代理当前所选商品的总面价金额及当前代理对应配赠率,如果配赠金额不为0,则显示相应配赠金额及提示信息(若当前配赠金额暂不足以购买系统当前上架的任意赠品,则显示提示信息:“还差××就可获得免费赠品”;若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则显示提示信息“可获得免费赠品”);如果配赠金额为0,则不显示相应配赠金额及提示信息。
    4、确认订单界面,若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则提供选择赠品操作项。未选择赠品时,操作项显示配赠金额、及“选择赠品”文案。已选择赠品时,若配赠金额-已选择赠品的总面价>0,操作项显示“已选择××元赠品,还可选择××元”;若配赠金额-已选择赠品的总面价=0,操作项显示“已选择赠品”。点击操作项进入选择赠品列表。
    若当前配赠金额暂不足以购买系统当前上架的任意赠品,则不提供选择赠品操作项;
    5、选择赠品列表,列表显示当前配赠金额可购买的所有已上架的且库存不为0的赠品类型商品,用户可点击选择,也可取消选择,当前选择的赠品总面价金额=配赠金额时,不可再继续选择更多(若再点击选择赠品,则提示“不能再选择更多了”);提供显示选择提示信息“还可选择××元赠品”(××为配赠金额-已选配赠商品总面价)、“查看已选赠品”操作、“确认”操作。
    点击“查看已选赠品操作”,可弹出浮框列表显示当前已选择的赠品信息。浮框提供关闭按钮,可点击关闭浮框;
    点击“确认”操作,确认当前已选择的赠品信息,返回确认订单界面。
    6、个人中心,增加显示当前代理的配赠率信息。
    7、订单列表,若对应订单含有配赠商品信息(注:如果只是正常下单购买的赠品类型的商品,则同普通商品订单。此处指的是确认订单时根据配赠金额范围免费选择的配赠商品),则显示“含免费赠品”标签;
    8、订单详情,若对应订单还有配赠商品信息(同7),则列表显示用户选择的免费获赠的商品信息(注:正常下单购买的赠品类型商品,显示在同普通商品位置。这里只显示确认订单时选择的免费配赠商品),并显示总的免费配赠金额信息。

    2017-05-07
  • 通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

    不单是视觉扁平,交互层级也更加扁平啦~

    2017-05-09
  • 那些上亿人都在看的Banner都是怎么设计出来的?

    每到一年一度的大促季,会场、页面、互动游戏,都在紧张设计之中,这些精美的页面和互动游戏,如何与用户产生联系?必然需要一条与用户连接的纽带 —— 它就是BANNER。有些人可能认为资源位的设计相对简单,但其实不然,小小的资源位承载着重大的使命,设计上自然也是下了一番功夫,那这一次的双11我 们是怎么做的?请听我细细道来…..

    2017-05-30