我的宗旨就是→所谓一份好的竞品分析报告能够达到易读易懂、简单直接即可,能说明问题就行。
那就开始吧~给我可爱的小读者们直接上干货,走ni~
我们来看一下设计师是在哪个阶段需要参与到竞品分析中去,设计师的竞品分析和产品经理输出的竞品分析侧重点会有所不同,除了确定好竞品,了解他的商业背景后,设计师会从用户路径拆解和交互维度分析,最后再视觉层分析,就是所谓的#用户体验五要素#中的表现层、框架层、结构层。
先打个预防针一开始做竞品分析报告,我们应该更注重的是有针对性和目的性的对比。
在做对比内容的时候,就是要带有强力的目的性的,然后在针对功能和界面进行分析。做竞品分析报告切记不能在没有目的的情况下去做分析,如果这样去做分析,最后分析的内容深度会相对比较欠缺些。
我在后半段竞品分析实战演练中,会加入很多结论和个人的想法
就是和自己做的产品产生直接竞争关系,在使用场景、产品的功能点和目标用户群体一致,这次竞品分析报告中就着重做介绍,直接竞品就是一些车厂比如特斯拉、小鹏、蔚来、理想、比亚迪等头部的新能源汽车品牌。
产品在功能方面与你是一个互补的关系状态,市场的目标用户群高度类似,后续可能会抢占你的市场份额,所谓敌人的敌人就是朋友,因此在你的项目进行中也可以选择与他达成合作关系,在HMI行业中有很多就是这样的一起创办一个联合研发中心。
举个例子:
V2X领域(车用无线通信技术)
这是国内TOP→梧桐车联的TINNOVEV2X、东软集团的VeTalkV2X、中科创达的C-V2X等
V2X是我第一次提到,那我就简单的介绍一下,所谓V2X,vehicletoeverything,即车对外界的信息交换。车联网通过整合全球定位系统(GPS)导航技术、车对车交流技术、无线通信及远程感应技术奠定了新的汽车技术发展方向,实现了手动驾驶和自动驾驶的兼容,通俗易懂来说,搭配了该系统的车型,在自动驾驶模式下,能够通过对实时交通信息的分析,自动选择路况最佳的行驶路线,从而大大缓解交通堵塞。除此之外,通过使用车载传感器和摄像系统,还可以感知周围环境,做出迅速调整,从而实现“零交通事故”。比如:如果行人突然出现,可以自动减速至安全速度或停车。
又到了我强项的领域了“搜商”车载的竞品分析收集的数据、行业资讯与其他的会往往不同,由于他的深度比较广想要精通一个内容,需要搜寻很多资料作为参考依据,这个我深有体会,假设我想了解辅助驾驶这块内容,搜索出来的信息甚至比我大学读过的书还多,好了,介绍一下我搜索的信息的好办法。
1.预约4S门店试驾
2.汽车测评视频
查看专业的测评人对于车辆的测试,他们会通过驾驶过程中做出自己的理解,站在用户角度反馈问题,对于可用性测试也提供很多数据参考价值。国内想了解更多的测评可以在B站进行检索,甚至连抖音也是一个不错的选择。国外相对较为资深的测评ChrisHarris、GrandTour、TopGea。
4.其他获取途径
进入今天的主题,根据上述所讲内容,我们设计师要做的竞品分析内容已得到明确的方向。
1.明确竞品选择
另一方面,目前在座舱车机在屏幕规格上也分为两大派,分别是横屏布局和竖屏布局。这次选择竞品的4款车型中。特斯拉、小鹏和理想采用的是横屏的布局,唯独蔚来采用的是竖屏的布局。
说句题外话,新款的ModelS/ModelX是真好看,他们的屏幕也该为横屏,还增加后排的娱乐屏...比13还香。
车机交互体验这个部分,建议只分析核心功能的交互体验。如果想要详尽到各个模块,应该与交互设计师协作完成。通过分析,看看竞品的在交互设计上有没有值得我们借鉴的地方,我们是否可以做到更好。我是交互/设计/动效都要做,下面我就捡一些比较重要的功能给大家分析一下。
1.空调交互方式VS大比拼
车辆中空调是我们最常操作的一个功能,我们把Model3、ES6、P7、理想ONE这四辆车空调的操作交互方式拿出来做一下对比,结合中控屏幕中的交互、语音交互、方控操作三个维度来综合进行分析。
2.中控交互分析
针对于大屏触控来说,我们怎么才能把空调的交互方式做得既安全还便捷呢?一定要记住安全是考虑的第一要素。
通过上车操作对比发现,这四辆新能源汽车在空调控制设计上面都是相同的想法,就是在首页都有相对应空调控制区域,针对这种交互的设计方式非常的赞同,因为这不需要进入二级菜单就可以直接操作空调,并对其进行滑动操作调节温度变化。
我们看一下这四辆车空调的具体的实际情况,Model3、ES6的中控都是有固定的空调快捷操作区域,理想ONE则是放在中控屏幕下方的控制屏上,小鹏的P7是做在屏幕的左侧,这也是方便驾驶员的一个操作便捷性,也是符合我们一开始所说的便捷。除了小鹏P7外其余三个车还可以直接对其进行前后风挡进行加热(专业术语→前/后除霜)
接下来再针温度对中控屏幕交互手势进行做一个对比
Model3和蔚来ES6交互方式一致在温度图标区域进行左右滑动,dock栏的风量就不好直接操控了,需要点击后再空调弹窗页面进行增减调节,在中控操作便捷性就不如蔚来ES6和理想ONE了。
ES6空调手势操作调节温度和调节风量都是左右滑动,这边就有人问了,在同一区域不会重复手势操作么?蔚来ES6的解决方案是→在需要调节功能的图标触碰区域不松手对其进行横向左右滑动,如需要再对风量进行调节,就松开手再触碰风量图标区域进行滑动即可。
小鹏P7空调中的温度调节交互方式,是通过长按左侧的调节温度的区域后,出现调节温度滑块的区域进行上下拖动,P7风量调节在左侧dock就没办法进行调节,只能在方向盘进行控制风量的增减(这个在后面会细致的提到这边就不做过度解读)
理想ONE的空调温度调节和风量增减在这四款车型中是我最为喜欢的,为什么这么说呢?因为它可以在任意区域进行盲操,交互方式也很清晰,上下滑动是温度调节,左右为风量调节,并且还有增减时候的声响,这是触控给予反馈很好的交互点,所谓的及时反馈感。
针对中控的交互体验的感觉我给Model3、ES6、P7、理想ONE做一个排名
3.语音交互分析
特斯拉Model3空调的语音交互,调节温度只能做到调整到原先设定好的默认值温度。
缺点:如需想要再次调节温度高低,只能通过对中控屏下方的dock栏调节温度区域进行滑动。
蔚来ES6在体验的过程中,基本的功能都能很好实现,比如加热座椅、通风座椅,还有就是空调的控制等等,这些常见的操作都能很好完成。值得一提的是打断语音播报直接发出下一步指令以及上下文语义衔接等功能也都是支持的。
缺点:但不支持局部功能的免唤醒操作,每次使用语音控制都得呼唤一遍“Hi,NOMI”
小鹏P7全场景语音控制也选择了与思必驰合作开发语音识别的部分,语义分析则是小鹏自己的团队进行研发的,正确识别率达到80%。在对于空调的控制方面也是不错的,可以精准的说将温度调到多少度,如果想继续调整说:“好热啊、再帮我下降2度”它也可以完成此项操作,如果你说将温度调整到35度,这个已经超出了P7最高温度32度,就怕语音形象给你来一句:“我怕你是有大病吧”
暂时没啥缺点,就是识别率需要再提高一些,我体验下来觉得他们的TTS反馈还挺丰富的,车联网中的名词,T一般代表的就是to的意思,其中STT是语音转文字过程,而TTS只是文字转语言过程,简单来说,你可以去看目前比较成熟的梧桐车联TINNOVE,能够支持40多种语言意图操控,并做出类人类的智能化反应,就是STT和TTS通力合作的一个结果。
理想ONE语音控制温度我很是喜欢,比如你可以说,前排温度调整到23度,后排只要跟说我也要就可以同步进行调温度,这个就是他OTA2.2升级的功能四音区锁定,所谓的四音区锁定就是理想同学此前已经支持车内前后左右四个音区识别控制功能,但这也带来一个问题:熊孩子在后面乱指挥怎么办?理想同学支持除主驾之外任意一个音区的识别关闭。家长只要在前面说「关闭后音区」、「不要听左后音区」就能关闭响应位置的语音识别,避免熊孩子捣乱,让你皮。
缺点:对于方言的识别率还有待提高。
4.总结一下
个人倾向于小鹏P7和理想ONE的语音控制,他们体验的感觉很棒,另外从空调的语音控制来看,特斯拉Model3、蔚来ES6、小鹏P7、理想ONE都是支持语音控制空调的,但是特斯拉Model3只能设定最常用的温度和风量,其他三种车都可以设随意的说设定多少温度、调整风向和风量、还可以切换内外循环,识别率成功率都非常不错,可以不用操作中控屏幕,大大的提高了安全驾驶性。但现在很多人不习惯用语音来操作车机系统,所以单方面从中控的交互设计内容,可以偏向于理想ONE多参考一下,增大操作区域,减少交互手势,对于复杂的手势操作尽量避免不使用。方控控制空调这内容会连通方控整个模块一起讲,就不单独这边再开一小段了。
1.特斯拉Model3方控
左侧功能为:控制音量/切换音乐/调节后视镜位置/调节大灯的角度/调整方向盘的位置
切记注意点,特斯拉的车子出场时就已经将大灯调整到最佳位置,建议不要随便的尝试调整,让们安全驾驶,远离事故。
右侧功能就相对减少了:语音指令/调节设置速度/调节跟车距离
还有一个隐藏功能,我来悄咪咪的告诉你们:
在驻车状态下,长按方向盘两边的滚轮按钮,直到中控屏幕变黑,这样就完成了一次重新启动。
2.蔚来ES6方控
蔚来ES6方向盘左侧的多功能按键,主要负责ACC自适应巡航功能,它的布局相对另外一款车ES8有所简化按键也变得更多,和特斯拉的设计理念也基本吻合,尽量的去做减法,去繁为简,增加按键的操作面积也是为了安全驾驶。
左上角→增加巡航车速或恢复自适应巡航/左下角→减小巡航车速
右上角→增加跟车距离/右下角→减小跟车距离/中间→激活或退出自适应巡航
左上角→语音功能键/左下角→方向导航键
右上角→菜单键/右下角→方向导航键/中间→圆圈为确认键、两边左右侧为切歌
3.小鹏P7方控
小鹏P7方向盘左侧,上下按键为控制车辆空调温度增减,左右是来调节空调的风量大小
左下方为语音唤醒按键,按下去之后可以跟小P进行对话,右侧的小鹏logo按钮则为一个灯语的系统
触摸左侧旋转来可以进行切换仪表盘左侧的显示内容,内容有车辆信息、音乐、胎压、行驶里程等。
右侧上下按键为音量的调节大小,左右按键为切歌,左边是返回按键,右边则是静音按键,
触摸右侧旋转来也可以进行切换仪表盘右侧的显示内容。
4.理想ONE方控
我这边所讲的是理想ONE发布的最新款的车型
5.总结一下
方控作为车内交互的重要硬件,现在市场上面还是多数车型以硬按键为主,将常用的功能移植到方向盘上面,比如快速的调节音量大小、切歌等功能,也有调整驾驶模式跟车距离等等。按照现在方向盘的进展没办法满足于智能化和数字化趋势的转变,很多车厂也在开始尝试制作出前瞻性的智能化和数字化的方向盘,如果将中控可移植到方向盘上功能变的越多,那随之而来的就会减少驾驶员的注意力分散,从而可以提高安全驾驶的可能性。
当有人质问你为什么要这么设计的时候,你得有理可循,没有理论支持的设计如同一盘散沙,一击就溃,这就是为什么我们设计师需要做很多的分析、调研等等一系列的准备工作。
特斯拉Model3、蔚来ES6、小鹏P7的主界面以地图方式呈现,而理想ONE是有传统上主界面的。
我们来分析一下特斯拉Model3的首页,既然取消掉仪表盘,取而代之的是占用中控左侧1/3区域作为仪表盘的功能页+右侧2/3区域则作为车机系统页面,将使用频率较高的导航作为主界面,顶部的状态栏基本都可以进行点击操作。
蔚来ES6也沿用将导航作为主界面和Model3不同之处,是增加了两个卡片,靠近主驾驶是常用的音乐卡片,旁边则是车辆信息卡片。
延展一下小知识点,敲重点了,提高注意力听一下
对于汽车而言,卡片式设计有两大好处
总结一下
这边对照分析的4款车型首页的功能:车辆信息+导航(Model3)/卡片+导航(ES6+P7)/卡片(理想one),卡片样式的设计,极大了提高对于功能的操作性,原本需要点击功能进入二级页面,再对其进行操作,现在首页可以直接利用(卡片+快捷按钮)样式便捷性操作该功能。还有多种首页的样式比如传统功能图标采用的是“陈列式”的设计(代表作:苹果carplay)
在用色方面:
自己理解+新的idea
首先要提高屏幕的利用率,不能为了设计而设计,从而浪费屏幕的使用率,要站在用户角度思考问题,帮助用户解决问题和痛点,而不是想当然天马行空的设计,为了好看为出发点,有这个想法的请给我立马打回去。有的车厂设计方案为了好看将屏幕的利用率降低,3张功能卡+一个车模+车模下方控制车辆的3个功能按钮+底部的dock栏,输出的设计效果图还不错,但是这是在牺牲了功能为代价的基础上。
新的idea,首先要分场景,是辅助驾驶还是全自动驾驶,因为全自动驾驶的话就不需要考虑安全驾驶的因素了,这样设计方案可以做出很多种,交互方式也因此将改变,安于现在的技术和道路复杂状况,自动驾驶发展的道路我觉得很长,对于前瞻性的设计还是要输出和探索。下面我们就开始说一下,介于现在的设计该如何优化首页,有哪些值得我们去探索的?
Model3最高两级菜单,所以操作起来非常的方便,底部的dock栏包含了车辆设置、音乐、摄像头、雨刮器、座椅、风量、温度、前除霜、后除霜、音量。
更多功能→(通话、日历、摄像头、能量、充电、网络、娱乐、玩具箱子)
这边就有人有疑问了,为什么dock栏图标下面没有文字,而折叠后就加文字了呢?
首先下面作为常用的功能,前期通过4S店员的讲解和查看使用手册,短期的高频率使用更容易让人能够记住它,所以在设计上只保留了icon去除了文字,相对于折叠的功能,它记忆性是呈现逐步递减的,因此需要添加文字作为说明。
蔚来ES6由于是竖屏所以底部的dock栏相对Model3减少很多,内容→车辆、内外循环、双区温度、风量调节、前除霜、后除霜,屏幕中是减少了很多,但中控下面的硬按键弥补了中控过少的缺陷,硬按键包括主页按键、设置按键、车辆驾驶模式设置按键以及音量旋钮。可以让用户更加快捷的进入到相应的设置页面。
关于Dock栏的设计,每个车厂都有自己的定义,当中控屏幕为竖屏时,dock几乎都设计在底部,因为设计在底部的话可以大大的提高屏幕的利用率,如果做在侧边栏可想而知,将会减少屏幕的利用率,如下图:给大家展示一下效果。
小鹏P7和特斯拉Model3屏幕类型相对比较类似高度相同,长度P7比Model3多出480px,所以我想这是导致他们在设计策略不同的主要原因吧。他们在对于dock定义,各有优缺点:
优点:小鹏P7dock栏在左侧便于用户操作/特斯拉Model3dock栏功能较多还有功能扩展设计
缺点:小鹏P7dock栏功能相对较少,在操作空调调温度体验很差/特斯拉Model3dock栏距离主驾驶较远的功能点击困难,因此他们在对于功能定义排序有着很好的策略,将常用的功能集中于靠近主驾驶左侧区域。
理想one做的比较特别,一般车载系统的设计dock栏不是放在左侧or底部(PS:海外版本有的国家主驾驶是在右侧的,那么放在左侧的dock栏设计要移到右侧区域中)但是理想one的dock也是放在靠近主驾驶区域的位置。
在对于dock做设计方案的时候,要考虑几个要素:
新的idea,根据用户习惯可进行对dock功能进行编辑,dock功能分为可编辑为不可编辑,比如返回主页页面设定为不可编辑,因为如果改动了这个,全局的交互都会因此改变,再出设计方案就要多出很多内容,所以需要可编辑为不可编辑,就像手机自带的功能没办法删除一个道理。
在做竞品分析的时候,不建议视觉设计和交互分的太明显,在一个产品的设计体验上,他们是互相辅佐的,是一个互补的关系,如果你想要很好的锻炼你自己一下,就要尝试一下交互和视觉一起来做分析,还是那句话:站在用户角度去为用户考虑设计。