Yandex.Auto设计是如何创建的?



从历史上看,车辆内部媒体系统的界面并未引起太多关注。 阵容正在更新,但仍然感觉到2000年代初期。 近年来,汽车界已经发展了许多技术。 有大量的数据,软件功能得到了扩展,并且一般来说,有电的汽车和第一架无人驾驶飞机开了。 但是头部中各个单元的接口保持在同一水平

近年来,嵌入式多媒体技术缺乏创新,已引起全球媒体巨头的青睐,Yandex也不例外。

为汽车行业做点什么的想法并非一无是处。 当公司拥有地图,导航器,音乐,天气,搜索,语音技术等等时,就不可能离开。 如果将所有这些结合起来,那么可能会诞生一些有用的东西。

搜索未来的产品


方向盘需要什么? 有多少人-意见如此多,但通常每个人都需要导航,音乐和推荐服务。 他们所做的第一件事是编写访问系统的方案:采访同事和熟人,收集产品用户的功能要求以及团队的个人经验。 然后,我们将大量的方案系统化-并获得了有关产品知识的方案表。




在每种情况下,都会指明所涉及的服务及其管理类型。

值得一提的是,所有驱动器不能一梳就割。 一个刚跟上方向盘,另一个则认为自己是驾驶专家。 他们在开车时的要求截然不同。 根据驾驶经验,所有场景都可以分为几组:

  • 由于经验不足, 初学者 (长达1年)在界面请求和行动自由方面受到很大的限制。 他会紧紧地跟随方向盘和道路,所以最好不要打扰他。
  • 一个经验丰富的 (从1到5年)已经掌握了,他的兴趣范围更广,但这也是一个陷阱。 允许他一切都是危险的:驾驶员会分心。
  • 一位 5岁的专家已经解决了所有麻烦,并且知道错误的代价。 令人惊讶,难以撼动,多年来,他养成了自己的界面习惯。

什么是导航和娱乐系统? 对于驾车的人来说,这实际上是次要实体,分散了旅途的注意力。


将Y.Avto界面置于行驶状态

身体的几乎所有部分都同时参与驾驶汽车:腿,眼睛,耳朵,手...

经验越多,您采取的行动就越冷静,您就越能更好地理解信息流,并且就可以大胆地提出您的要求。

如何区分初学者和专业人士? 这样,随着时间的流逝,使用该界面的驾驶员的经验将对我们有所帮助。 研究了频繁的行动和情景后,您可以评估一个人并适应他。 为了避免在设计时感到困惑,我们首先选择了一种简单的方法:我们以初学者的脚本为指导。

如果您分析基本查询,则产品的框架可以由三个部分构成:

  1. 导览
  2. 音乐伴奏。
  3. 支持和咨询服务。


确实,汽车首先将您带到了A点到B点。您是否知道这条路或需要一条路线-您在开车,同时有大量的动态信息流:操纵,标志,警告,建议,交通数据...


路线期间的动态数据流

开车时很吵。 其他汽车的隆隆声,发动机的运转,车轮在沥青上的摩擦力,开着的窗户-一切融合成单调的流,有时会压抑甚至停滞。 因此,由于收音机的出现,在车上就会听到音乐。 现在,音乐的选择非常多-因此很难取悦所有精致的口味。 因此,在谈到音乐时,我们提出了一组再现音乐的实体的概念。 FM收音机,来自浏览器的音乐,AUX,蓝牙,闪存驱动器,Yandex.Music和其他来源-都是您需要考虑的巨大音乐处理器。

如果几乎每个人都需要导航和音乐,则船上的其他服务可能会因人而异。 有人喜欢看汽车的统计数据并得出结论,有人喜欢没有导航器就无法生存,或者喜欢在浏览器中运行来自互联网的视频。 这些是个人喜好,因此优先级较低,因为旅行不需要。

如果您分析行程的各个组成部分,那么在接口的体系结构场景中,从A点到B点的路径将如下所示:


驱动程序接口路径

出生概念


我们收集了未来的机会,并研究了使用该界面的人机工程学-产品的图片更加清晰。 一个想法并没有离开我的脑海:驾驶员的时间太少,无法被系统分散注意力。 他将必须用左手握住方向盘,并用右手指伸向屏幕。 让他只选择正确的应用程序,然后在它们之间切换不再是那么简单。 如果他想同时走这条路线并改变音乐? 相反,如果他知道这条路,但他需要有关相机和操纵的警告,但同时又是音乐爱好者,他是否厌倦了收听调频广播? 有很多方案,每个方案都是个人的。

因此,合并服务的假设就诞生了。 如果我们仅从应用程序中获取一个人现在需要的内容,然后在具有不同焦点的小部件中显示此信息? 如果信息看起来相同,则很难只关注一件事。 现在总是需要大量实体提供的东西。 因此,将两种格式的窗口小部件插入功能区并垂直翻转成一个圆圈。


合并两个小部件功能区的原理

  • 一个大的小部件会部分复制该应用程序的功能,并且使您完全不必再使用它。
  • 一个小型的上下文小部件,具有简化的功能,并且仅包含应用程序中最重要的信息。


结合屏幕上主要服务的数据,我们得到了一个灵活的工具,可以安排不同的驱动程序。

更多就是更多。 如果您了解了频繁的用户操作并积累了故事,则可以为每个自定义窗口小部件。 无论是重复的窗口小部件组合还是您感兴趣的内容,都取决于人员和旅途中的情况。 同时,如果您不想合并服务,则始终可以进入小部件或应用程序的全屏模式。

界面设计


决定感受并开始与界面紧密合作。 决定显示什么以及何时显示很重要。 网格,口音,剂量信息,机械,限制-一切并行进行。 对于这样的设计,在开发过程中明确设置了重要的限制:

  • 按下屏幕的最小面积 (用伸出的手指)。 这影响了最小文本大小,重要按钮的大小,单击区域的增加以及可单击界面元素和文本周围的空白。
  • 对在线和离线依赖清楚地表明,您需要在此时向用户展示和交流,以免误导他。
  • 汽车是否在运动 -是否以此限制接口的使用。 事实证明,到目前为止,所有方面都是相对的-无论是在汽车方面,还是在我们对驾驶员的态度上。 一方面,它可以在运动过程中受到限制,但是道德是正确的吗? 另一方面,无聊的乘客也可以坐在汽车上。时间和研究将告诉您正确的方法。


系统状态的快速原型草图

最重要的任务之一是处理路线导航。 导航员已经知道或最终积累了一个故事。 您可以记住用户的频繁位置,并得出用户所在位置的结论。 例如,产生一个想法是收集关于您现在的位置以及您打算去的位置的详细摘要。 如果是星期一早上,而您在家,那么似乎该去上班了。 如果您在放假时在埃拉特马-这是一个完全不同的故事...

同时,当您已经沿着一条不熟悉的路线行驶时和不需要该路线时,应该区分这些方案。 在一种情况下,重要的是要看到有道路的地图,而在另一种情况下,仅通知前方的情况就足够了。


导航器小部件的方法

音乐本质的多样性将所有事物分为两种模式。 一种用于调频收音机,具有无线电标尺的演进迭代,另一种用于精美的封面,不仅可以显示给Yandex.Music,还可以显示来自闪存驱动器或蓝牙电话的歌曲。 艺术家和歌曲的正确名称足以使在线请求能够搜索封面。


搜索FM广播应用程序

从概念到发布


前概念定义了船上的一组基本应用程序。 从头开始,有必要开发FM广播,呼叫,设置和应用程序更新系统。

从Yandex中获取了导航器,广播,天气,浏览器和语音助手。 对于这些人,必须考虑到有关元素的可点击性和可读性的规则,将移动Android版本适应主机屏幕的尺寸(1024×600 px)。


初步系统组成

值得注意的是,移动应用程序旨在在手机上工作,并且您将其握在手中时离眼睛只有一小段距离。 在汽车中,屏幕更是两到三倍。 一切都应该变大了。 在理想的世界中,考虑到人体工程学和驱动程序场景,值得从头开始开发应用程序。 但是发布产品是不可能的任务。 此类处理留给系统开发。

情境


接下来,我们处理布局,重点关注基本方案。 让我们想象一个理想的世界图景:存在联系,我们的用户与历史。 周二早上,该去上班了。 引擎启动,系统知道:

  • 旅行地点(人们在工作日上班,在周末在城市中上班)。
  • 最新的音乐。
  • 导航器中的选定点。
  • 罚款数据和停车账单。


驾驶员将要进行一百次工作,并且很可能在没有导航器的情况下也知道这种方式。 因此,他只需要看限速,路途中的摄像头,交通拥堵和操纵的坡度,就不会错过转弯。 在途中,您可能需要接听电话,切换音乐,并在两种情况下查看晚上的天气预报。 在工作附近,有必要停车。

我们假装是反映基本操作的最简单的原型:



一种情况是不够的。 您需要检查仅需要导航器,甚至需要全屏显示的用户,以及那些喜欢在交通拥堵中观看电影的用户,以及仅需要音乐的用户。 开始移动之前,开始屏幕的外观以及屏幕上的内容非常重要。

与团队合作并带着第一批原型车旅行之后,我们确保路上的最少车辆是导航仪(在主要区域)和音乐播放器(可以选择信号源)(在右侧)。 其他一切都是个人的。

语音助手


现在是奠定控制声音能力的时候了。 汽车中的声音是一种很有前途的界面控制元素,而手则被方向盘所占据。 “让我们出去……”或“打开收音机……”-所有这些都应该在不使您的手离开方向盘和眼睛离开路面的情况下起作用。 重要的是,驾驶员应注意周围的视觉并从蜂鸣声中了解语音助手已激活,您可以提出要求。


爱丽丝在城市中的游戏示例

我们制定了另一项工作原则:不要在文本中重复助手的答案,因为它会分散道路的注意力。 仅显示驱动程序的命令是有意义的,以便您可以检查它们是否被正确识别。

日间模式


如果您看一下汽车的面板,则夜间模式看起来更熟悉,因为鱼雷通常是黑色或深色的。 但是下午的黑屏开始反射光并变得不透明,因此不方便阅读文本。 光滑的屏幕或磨砂的胶片散布,较弱的初始亮度和屏幕对比度-一起使夜间模式无法使用。

布局夜间模式最初是用三种颜色(黑色,白色和强调色)开发的,并且具有不同的透明度状态。 昼夜的变化应该发生在没有不必要的混乱的情况下。 我们将其附加到导航器中地图基底的现成机制中,并自动将界面主题依赖于黎明和日落。


日夜界面主题的文本样式

船上交流


该界面完全取决于来自服务器的Internet数据和GPS信号,因此我们必须在主屏幕上确定小部件的状态。 机器并不总是保持联系,有时连接会中断-接口的状态可能会有所不同。


小部件对网络状态的依赖性

在2017年9月与Toyota首次批量发布时,该界面一直在根据现场布局进行不断调整,看起来已经变得更加精致。 为将来的版本引入了最简单的更新系统。


Yandex视频自动启动

项目开发


发布后,新的发展视野开辟了。 下一步的工作变得很清楚,工作的前途变得更加无限。 随着汽车批量生产和销售的开始,出现了第一批评论。 公制开始慢慢描​​绘出正在发生的事情。 在下一个开发计划中,J.Drive的启动,新的汽车品牌,对产品的支持以及大量的杂货店愿望清单。

客制化


与汽车品牌合作时,有必要考虑制造商的定制。 购买汽车时,我们希望每个细节都能反映出品牌。 通常,仪表板会尝试使用字体,箭头和设备来保持汽车的魅力。 显然,为每个品牌创建界面都是有问题的,但是找到可以支持面板总体特征的元素是很现实的。 口音颜色,字体标题,图标,插图...


雷诺建议的定制示例

从Yandex.Drive开始


人们使用共享汽车的方式与使用私人汽车的方式大不相同。 基本上,您需要快速坐下来,从A转到B,因为每一分钟都会花钱。 很明显,在这种情况下,没有必要提供原始版本的全部功能。 首先,他们削减了应用程序的集合并访问了完整的系统设置。 这方面的主要任务是记住所选的用户并登录,增加Alice的技能,改善日常养生。

一年多来,用于汽车共享的版本实际上已变成拥有一定数量用户的店面。 大量的审查和新主机的调试进行了调整。

例如,由于屏幕的物理特征,不同汽车中的日常主题在视觉上会出现位置下降的情况。 结果,重做了日常事务。 首先,我们试图增加脂肪含量和字体大小,以放弃其半透明状态。


改变风格的第一种方法

根据UX研究的结果,Yandex.Drive用户决定在没有主屏幕状态的情况下进行实验,该屏幕的中央部分以前是可滚动小部件区域。 自启动以来,主屏幕模式成功发挥了作用,现在正在重做。 自2019年5月起,所有描述的更改已在共享汽车中提供。

自己的设备


随着时间的流逝,对该项目的兴趣开始增长,团队想到了为每个人生产产品的想法。 选择了14种以上型号的主机,并开始使产品适应它们。


中国Caska工厂的主机筛网的质量保证

在这次迭代中,我们确定了呼叫,主机的高级设置,改编了完整的Android版本的Yandex.Music,改进了更新系统以及与Alice的交互。 有关已售出产品的更多详细信息,请参见Yandex.Avto网站。

重要的是要注意,该版本可以被认为是用于个人汽车的完整系统,随着时间的流逝它会不断更新和发展。 支持新的或更新的当前应用程序,界面上的改进-一切都会及时到达船上。


GU接口待售的当前视图

未来


由于汽车中的安装,汽车共享及其设备的推出,不断将新用户添加到指标中。 关于如何改进系统有很多想法,并且有很多新的发展,因此计划是在未来的几年中计划的。

重要的是,现在在汽车和嵌入式媒体系统的世界中,要形成一个健康的竞争环境,在这里每个人都可以做一些有趣的事情。

每个星期都会弹出有关特定有用技术的信息,因此我们需要保持标准。 来自汽车的数据及其功能的支持将使产品与驾驶员之间的通信达到全新的水平。

在Yandex t.me/yandexdesign上订阅有关设计的电报频道

Source: https://habr.com/ru/post/zh-CN459426/


All Articles