车载大屏，为什么横屏比竖屏多？
大概是从特斯拉的 17 寸大屏出现之后，人们对汽车中控屏幕的吐槽逐渐开始从「 有没有」 向「 大不大」 转变。 无法否认的是，车载中控大屏正在普及到越来越多的车型上，覆盖范围从几万到几百万售价不等。不过有意思的是，我们见到更多的大屏，往往都是采用横屏的设计。只有类似特斯拉、沃尔沃新的 90 系、刚刚上市的荣威 RX5 等采用了竖屏的设计。 那么问题来了，为什么横屏多过竖屏？到底什么样的屏幕才有更好的交互体验？为此，我和交互设计师、FOKS 创始人张卷益聊了聊。 横竖屏的优缺点 要搞清楚这个问题，先得搞明白横竖屏设计的优缺点。 不过在这之前，我想首先强调接下来要讨论的是横竖屏的优缺点，不涉及到具体产品。原因也很简单，车内大屏的整体交互体验还需要参考 UI 设计、交互逻辑等等各种问题，而目前市面上的很多产品普遍设计的很一般。 在绝大多数时候，人们开车的视觉焦点大多位于车外，并且是平视状态。任何看或者操作屏幕的动作，都需要把视线从外向内移动。 从人机工程学角度来看，视线的横向移动更方便，在宽度不是很大的范围内只需要调整眼球；纵向移动需要通过低头抬头来调整角度，相对没那么自然。出于安全考虑，这个动作需要消耗的时间和注意力都只能非常短，因此移动眼球的速度和舒适感肯定是超过移动头部。 因此，横屏方案在设计 UI 时，能更好的配合人的视线习惯把内容从左到右铺开。所以，符合人的视觉习惯算是横屏设计的很大优势。 不过如果我们把中控部分看做是一个「T」 型的话，我们现在见到量产车上的横屏方案，几乎没有屏幕右边缘超出中控部分的例子。也就是说，横屏的横向扩展能力其实是有局限的，毕竟视线离得太远会有看不清的可能，用户也需要进行转头的动作，这样横屏的优势也就消失了。 另外，超出中控范围的横向扩展屏幕，需要改变车里的原有布局（包括整个中控内部的设计），会导致投入成本的提高。这个问题最直观的例子就是奔驰新 E 级，虽然两块横屏拼接在了一起，但最右侧依然没有超出中控区范围。 相比之下，竖屏的优势更多在于科技感，这是一种心理和视觉上的效应。其次，大屏有更好的扩展性，能够显示更多内容，自定义能力也更强。例如特斯拉就可以通过升级软件的方式，增加功能、提高交互体验。 所以，这两种方案都各有优势，也很难从单一角度判断到底哪个更好。 为什么横屏多？ 那为什么我们见到更多的还是横屏呢？其实很好理解，主要还是因为车厂的中控屏来自供应商。在供应商的体系中，横屏方案有相对更久的使用习惯，在稳定性、安全性、可靠性等方面也有优势，更容易控制成本。（在车里，产品可靠性的优先级是最高的。）其次，车厂在选择方案时，也希望延续自家的交互逻辑，毕竟用户的使用习惯也不能一下子就改变。这就顺便解释了为什么只有像特斯拉那样的「 外来者」，才能一下推出非常激进的 17 寸大屏方案。 什么才是最合适的方案？ 讨论了那么多，你也发现其实盲目的夸耀横屏或者竖屏都不是很合理。所以，什么样的方案才是合理的呢？ 为了说明这个问题，张卷益首先把车内交互分成了 4 个层级，分别是： 第一层：基础的硬件设计，包括可操作硬件（按钮、旋钮、触摸屏等），这里包括了位置、布局、尺寸、物理反馈等等。 第二层：软件界面设计，也就是屏幕内的界面交互设计，包括主体系统和不同层级交互的交互框架、不同功能模块的具体交互和信息、不同场景和情况的信息反馈等等 第三层：语音交互设计，相比前两个而言，语音交互在全世界应该都还是在比较前期的阶段，很大程度依赖于语义分析识别和云功能的发展。而且对于不同国家地区，不同车型，不同人群都有较大的差别，未来相信会有很大的进步。 第四层：结合自动驾车系统、智能交通系统和车内人工智能的情况下，发展出来车对人的主动交互。例如目前已经有一些汽车可以告诉车主今天天气怎么样、路况如何、建议路线、提示油量等。这些就属于非常初级的第四层交互。 当然，三、四两个层级的发展相对更依赖科技的进步，包括计算能力和联网能力，反倒对交互系统设计没有太细节的要求。而横竖屏设计方案的取舍，则属于第一和第二层级的范围。 张卷益说，一套合理的大屏交互系统，其实要和合理的硬件结合。例如一些使用频率高、物理反馈要求比较直接的操作，仍然要依赖硬件设计，比如反馈比触屏更优秀按钮、旋钮等。 这样的搭配方案，配合大屏本身的显示优势以及良好的界面交互等因素，才是一套体验优秀的交互系统的基础。在这个范畴里，其实对横竖屏反倒没有具体的要求，只要能满足交互系统的要求就足够了。而在未来，交互形式会随着技术发展而改变，硬件的变化也必然是随之一起变化的。 至于你问为什么现在很多车里的大屏体验很一般，简单说就是在很多时候，交互设计师会受到硬件方案的限制，因此交互体验的优化空间相对也变小了。 其次，车厂有成熟的供应链，并且成本把控相对严格，所以把大量成本投入优化交互显然不是车厂利益最大化的选择。我们也看到了不少空有大屏，使用体验却很差的例子，这里就不具体点名了。 总之，选择屏幕方案只是决定车载交互体验的基础。一套完整且良好的交互系统，必然需要考虑硬件、软件设计、交互逻辑、云端能力、计算能力等等系统性的问题。这其中，车厂负责整合所有因素，是体验优秀与否的最终决策人。 所以，当你觉得车里体验不够好的时候，就放心大胆的喷车厂把。喷着喷着，交互体验也就上来了。 原创声明： 本文为 GeekCar 原创作品，欢迎转载。转载时请在文章开头注明作者和「来源自 GeekCar」，并附上原文链接，不得修改原文内容，谢谢合作！ 欢迎关注 GeekCar 微信公众号： GeekCar 极客汽车（微信号：GeekCar）& 极市（微信号：geeket）。
为了让特斯拉的大屏更炫酷，这个德国团队操碎了心
特斯拉的大屏人机交互在未来会是什么样子？我们发现了一个德国设计团队 Bureau Oberhaeuser 为此设计的人机交互概念 UI。这套 UI 支持把任意数量的功能同时展示在大屏上，可以自由调整每个区域的大小和位置。当然，这并不是特斯拉官方行为，但是会对大屏的人机交互设计有所启发。 下面是这个团队制作的视频： 怎么样，感觉如何？ 当然，有这个想法的也不仅仅是这个团队。美国 Jalopnik 汽车评测博客的 Damon Lavrinc 也认为，虽然特斯拉的大屏到目前为止还都是非常炫酷并且独一无二的，但是它已经逐渐开始落后于现在的人机交互标准。如今市面上的移动或桌面操作系统基本上都已经开始变得更加扁平化，图形以及色彩也更简单，而这样的趋势在特斯拉上还并不明显。 这个德国团队的作品多多少少给了我们一些启发。不过，这套设计到底水平如何呢？ 带着这个问题，我们跟一位「 专业人士」 聊了聊。他叫张卷益，曾经是 eico 公司的设计总监，现在是一家创意公司的 CEO。 可能很多人觉得这套 UI 非常炫酷，但是他的观点有点不一样。一上来他就说，这样的交互和 UI 不是为汽车设计的，反而更像个平板。 原因很简单，这套 UI 的视觉焦点太多了。「 任何超过 5 个视觉焦点的界面，在行车中使用都是不人道的！」 「 虽然大屏可以扩大操作区域和可视面积，但这并不代表应该塞进去更多的信息和操作来扰乱用户的感知，特别是在行车过程中的界面。车机的设计应该比手机更简单，也要更轻交互来提升信息的层次。」 「 另一方面，这个设计大部分都是在表达如何切换不同功能、如何自定义。不过，车内的 HMI 最难解决的是行车时的界面，如果只是驻车状态的的话，可以自定义和炫。」 而在我看来，我忍受不了的是整个屏幕中有着各种各样的缝隙。虽然这些功能分区可以自由调整了，但是整个界面的完整度如何，是一个让人担心的问题。 对于目前特斯拉的人机交互，喜欢的人特别喜欢，不喜欢的人特别不喜欢，在这套概念 UI 上，估计也会是这样的分化观点，但是它至少比现在的 Tesla 大屏 UI 要好。另外这也正说明，车内的人机交互设计，还有很长的路要走。 下面是这套交互的 UI 图。想了解这个设计团队以及这套 UI 的更多信息，请 点击这里 。