Robotaxi 乘客 App 是什么风格?

Robotaxi Rider App 设想了一款给前排没有司机的汽车用的叫车界面:一张白底地图、一条在车的位置变色的路线,以及一组告诉你哪辆车是你的字母缩写。
Robotaxi 乘客 App 速览
Robotaxi Rider App 是一套面向无人驾驶出租车乘客的移动端界面语言。它向前推演到一个假想的 2030 年乘客 App,但素材来自当下无人驾驶叫车服务的公开外观,沿用了“地图优先”叫车界面的成熟模式:地图铺满屏幕,其余一切都是叠在上面的图层。
它与众不同之处在于省略了什么。没有司机,就不需要设计司机头像、星级评分、小费提示或寒暄。界面专注于乘客真正关心的两个问题:我的车在哪,我们走到哪了。一根路线回答第二个问题,一个个性化的标识回答第一个。
美学上它轻、静,带一点技术感。表面是白色,地图颜色浅淡,屏幕底部是一块可以上下拉动的圆角抽屉。分钟与距离用等宽字体排印,车辆“看到了什么”的简化视图只用方块和车道线。它读起来更像一件公共设施,而不是一个品牌,这正是用意所在。

Robotaxi 乘客 App 从何而来?
这条脉络始于谷歌的自动驾驶汽车项目,2009年在加州山景城启动。曾带领团队在早期政府资助的无人车挑战赛中夺冠的机器人学家 Sebastian Thrun,是项目发起的核心人物;Chris Urmson 则在项目早年担任重要的技术角色。很长一段时间里,这是一项工程研究,普通人用手机叫一辆没有司机的车还属于未来。
这个未来在2018年变成了公共服务,即从谷歌项目中成长出来的公司推出的商业叫车服务 Waymo One。后来公司的领导权交给了 Tekedra Mawakana 与 Dmitri Dolgov,两人与公司的运营和技术方向相关联。伴随这项服务的乘客 App 面临一个难题:在没有真人来安抚乘客的情况下建立信任,而且要在一块小屏幕上、往往是在拥挤的路边完成。
视觉词汇继承自更广泛的 Material Design 浅色表面体系:白色卡片、圆角抽屉、清晰的层级逻辑。它也吸收了过去十年里叫车类 App 确立的“地图优先”惯例——路线、图钉和移动的车辆图标是主要元素。Robotaxi Rider App 把这些惯例推向了无人驾驶未来中的合理终点。
第三条线索是自动驾驶感知可视化:给乘客看一幅简化的图,展示车辆感知到的周围车辆、行人和车道几何。这种视图让乘客安心,因为车看到的和自己看到的是同一条路。这套设计系统有意把这个视图做得很克制,只用方块和线条,让它提供信息而不变成奇观。“2030”这个标签表明这是一种向前的推演,是今天已有界面合乎情理的下一阶段。
Robotaxi 乘客 App 的视觉特征是什么?
整个舞台就是一张白底地图
屏幕被一张淡到几乎无色的地图占据。道路是白底上的浅灰,公园与水面只有一点点色彩,地名小而安静。这种中性是功能性的:屏幕上只有路线和车辆有强烈色彩,乘客的视线直接落在关键信息上。控件悬浮在地图上方,而不是打断它。
一根路线,两种颜色
路线只有一根线,粗细适中。车身后方已走过的路段是平静的蓝,前方还没走的路段是清新的绿,颜色恰好在车的位置切开,像一根铺在街道上的进度条。乘客不用读任何字就能看出行程到了哪一步,这是一种悄悄建立信任的设计。
Car ID:车顶上你的字母
乘客自选两个字母缩写,车顶的罩子上会显示它们,App 里的小标签、上车点图钉和车辆卡片都重复同样的缩写。在满是相似白色车辆的拥挤路边,认车只需要一眼。这个机制把匿名变成个性化:这不是陌生人的车,而是印着你记号的车。
分档吸附的圆角底部抽屉
详情放在屏幕底部的圆角抽屉里,它有三档停靠高度:只露出要点的最低档、显示行程详情的中间档,以及放设置与客服的完整档。圆润的上缘和与地图之间轻微的抬升,让抽屉更像手机的一部分而不是街道的一部分。它保持地图可见,同时让信息按需深入。
等宽的分钟与距离
到达时间、剩余分钟和距离用等宽字体排印。数字倒计时时宽度不变,因此不会抖动,字体还带着一点仪表盘的味道,适合机器驾驶的行程。周围的标签是朴素的无衬线,让数字作为数据而不是标题来突出。
克制的感知视图
俯视的“车辆在追踪什么”视图被刻意简化:其他车辆和行人用简单方块表示,车道线纤细,本车的路径被高亮。没有写实纹理,也没有惊吓性的警示色。目标是平静的可读性:一幅表示车在认真观察的图,而不是把行程变成电子游戏。

谁塑造了 Robotaxi 乘客 App?
机器人学家,在帮助2009年启动谷歌自动驾驶汽车项目之前,曾带领一支获奖的无人车团队。他是把学术研究变成实用项目的象征人物,本界面所假设的一切都从这里开始。
项目早期的重要技术人物,与感知和驾驶软件的工程基础相关联,乘客后来在手机上看到的简化视图,正来自这套软件的输出。
公司后来的领导者之一,与把这项技术从实验推向商业化公共服务相关联。在她所处的阶段,面向乘客的体验以及它必须赢得的日常信任变得至关重要。
另一位长期任职的技术负责人,与自动驾驶系统本身相关联。他的工作位于界面需要解释的那些行为背后:车何时减速、等待或变道。
今天怎么用 Robotaxi 乘客 App?
做幻灯片时,这个风格适合出行、物流和城市科技类的演示。封面可以是一张几乎空白的浅色地图,上面横过一根彩色路线,标题小小地放在角落。内容页若借用底部抽屉的结构会很顺:上方是大视觉,下方升起一块圆角文字面板。数据页要用好等宽数字:用平静的仪表盘口吻展示分钟、距离或数量,并用“先蓝后绿”的思路来表达进度、前后对比或过去与未来。
做网页和应用界面时,这套语言适合任何“有东西正在空间中向用户移动”的产品:配送追踪、上门服务、共享单车、机场接送或车队管理。以浅色地图或浅色画布为底,把关键的一件事画成一根醒目的线或标记,其余信息全部收进可拖动的圆角抽屉。这个风格的仪表盘应当用两种路线颜色来表达状态,比如已完成与剩余,而不是堆出一排彩虹式的状态色。
做内容与营销时,可借用的是那个个性化标识的想法。活动页可以展示一辆车、一个包裹或一个座位,上面印着读者自己的缩写,因为在认出的那一刻被个性化,会让自动化服务显得有温度。插画保持扁平而轻,路线只用简单线条表示,避免戏剧性的未来感画面。传达的信息是:这项服务平常、可靠、悄悄地聪明。
常见错误是把路线做成装饰性渐变,或给它加更多颜色。它的含义依赖于车辆位置上那一次干净的变色,任何多余的色相都会削弱它。另一个错误是把司机时代的惯例搬回来,比如头像、星级和聊天气泡,当没人开车时它们毫无意义。第三个是把感知视图做得戏剧化,用发光轮廓或警报色;它应当让人安心,而不是让人紧张。最后,别把地图做成深色而繁杂,这套设计依赖浅色底面让路线可读。

Robotaxi 乘客 App · 常见问题
为什么这个设计里没有司机信息?
因为根本没有司机。传统叫车界面会花很多空间放司机的照片、姓名、评分和小费。在无人驾驶服务里,这些空间被腾出来,留给乘客真正需要的东西:认出车辆、看到进度,以及感觉到车辆对周围有所察觉。
这是某家无人出租车公司的官方 App 吗?
不是。它是受现有无人驾驶叫车服务公开外观启发的一套设计语言,并向前推演到想象中的 2030 年乘客 App。它借用了双色路线和个性化车辆标识等想法,但是一套独立的系统,供设计师和开发者参考使用。
蓝绿两色的路线是什么意思?
蓝色表示车已经开过的距离,绿色表示前方还没走的路。颜色在车的位置切换,所以这根线就是直接铺在地图上的进度指示。乘客不必读文字就能判断还剩多久。
除了叫车,还能用在别的地方吗?
可以。它的核心模式——浅色画布、一根有意义的线、一个个人化标识、一块可拖动的圆角抽屉——很容易迁移到配送追踪、物流仪表盘、旅行行程和任何以进度为主的产品。凡是位置与进度是主线的场景效果最好。
为什么数字要用等宽字体?
等宽数字宽度恒定,倒计时的分钟与变化的距离不会让版面跳动。这种字体还给数字一种被测量、像仪表一样的感觉,适合机器驾驶的行程,并让数据与普通标签一眼就能区分。