我想在本案例研究的前言中说明我对特斯拉的设计师和工程师非常尊重,而这种重新设计源于我作为设计师进一步提升自身教育的愿望。
世界上只有少数科技公司,至少在我看来,真的,真的,真正关心设计和创新。那些敢于提出疯狂问题的公司。进一步推动信封。近年来,对我而言,没有人比特斯拉更好。
当涉及到扰乱一个行业时,很少有人能像特斯拉那样吹嘘。他们扰乱了一个在一个世纪的大部分时间内幸福不间断的市场。他们已经实现了这一点,因为他们几乎热心地提出问题,并且无所畏惧地回答他们。
问题可能很小,例如“为什么汽车钥匙不能成为一张卡?”或者说“为什么有仪表板和触觉控制,当你在你面前有一个15英寸的显示器庞然大物”这样的问题? 当然,问题始于一切:“为什么汽车不能用电?”
但是,我在本文中的目的不是讨论为什么特斯拉是一家如此出色的公司,因为你已经知道了。相反,我的目标是检查一个方面,我觉得一直缺乏某种抛光感 - 特斯拉的移动应用程序。对于一个曾经在模型3中受过启发的界面的公司,我觉得他们的移动应用程序与公司的理想和理念相去甚远。
除此之外,Model 3钥匙扣额外高达150美元,使得移动应用程序成为车主与车辆互动的主要方式。
特斯拉及其客户不仅需要,而且应该获得更好的体验。
大约两个月前,我开始了可能是我最广泛的个人项目。您将在下面找到的案例研究详细介绍了我的思考过程,以及我在特斯拉移动应用程序中看到的问题的潜在解决方案。
问题
在概述我的解决方案之前,我想先深入了解为什么我认为特斯拉应用程序首先值得重新设计。我简单地提到过,我觉得它不符合我特斯拉的标准。你看,当你坐在特斯拉的时候,你突然感到你毫无疑问地走进了未来。就好像埃隆本人在2050年借用了他可能用来经营他所有公司的同一台机器而借给了这辆车。
说真的,图片真的不公平
当我查看他们的移动应用程序时,让我印象深刻的第一件事就是纯粹的视觉语言。大多数图标与汽车中的图标不一致,布局仅仅是美化的桌面视图;远不如汽车自己的界面那么鼓舞人心。
然而,视觉语言远非驱使我重新设计应用程序,因为我的目的不是创建一个“未经请求的重新设计”。真正促使我去重新设计的是基本的核心应用体验。
目前的特斯拉界面,截图由我的朋友Aneesh Vempaty提供
正如我上面提到的,应用程序的结构基本上是一个表视图。在适当的情况下,这是一个有效的解决方案。然而,这个应用程序的意思是大多数控件都隐藏在门后,牺牲时间,更重要的是屏幕房地产。例如,远程打开主干需要两次点击,一旦进入应用程序。气候控制页面有三个按钮占据整个单页面。
但它只是两个水龙头;为什么这么重要?
这很重要,因为这是许多特斯拉车主与他们的汽车接口的主要方式,因为缺少钥匙链。该应用程序不仅应该易于使用,而且更重要的是,它应该像密钥卡一样快。所以我问,为什么不将所有按钮和交互带到体验的最前沿?
然而,我不只是想制作一个美化的钥匙链,我觉得这个应用程序可能会更多。这个应用程序应该是您的汽车的应用程序。最终,没有持有禁止的,在你开车之前每次都使用的应用程序。移动应用程序让你的邻居像你的汽车一样嫉妒你的应用程序。
解决方案
初步研究
我不想将我的初步研究限制在特斯拉用户和所有者身上。如果我要创造最终的驾驶体验,我还需要考虑来自各类车主的宝贵见解。
我通过广泛的调查和采访很快发现,大多数用户在进入汽车之前做了或想做的事情有三件事,这些是:
- 地图和导航:“没有谷歌地图我就无法去任何地方。”
- 气候控制:“热火是爱;热座是生活。“
- 音频控制:“把我交给我。”
除了音频控制(特斯拉通过蓝牙自动连接您的音乐选项),这些用例在特斯拉当前的应用程序版本中严重缺失或明显不发达。因此,我确保将这些核心用例带到我重新设计的最前沿。
线框,构思,过程
就像任何其他设计项目一样,我首先采用笔和纸来进行思考,实验,并且真正只是在现实世界中获得了所有的东西。我发现这个项目特别困难,因为我试图将当前九页中的大部分内容重构为尽可能少的空间。更复杂的是,我早期已经排除了使用传统选项卡视图构建此应用程序,因为这会让我回到我开始的位置,因为它需要许多功能才能完成两个或更多次点击。
每当我设计时,我都希望看到许多不同的灵感来源,而不仅仅是它所居住的市场中的纯粹竞争。这些年来,我发现:
创造力通常从光谱的两端带来两点,并将它们组合成一个有凝聚力的想法。
在设计方面,这没有什么不同。因此,我不仅关注汽车应用,还关注电视遥控器,Apple的控制中心,智能家居,相机应用程序,健康应用程序,地图应用程序,以及奇怪的是,一个关于错误的非常酷的应用程序。
偷看角落里的虫子
最后,通过许多迭代,批评,评论,从浅色到暗色模式的变化,两个单独的Sketch文档,以及大量像素推送,我终于来到了今天呈现的屏幕。
核心经验
地图和导航
虽然特斯拉应用程序有一个位置页面,但这只不过是告诉您与您的汽车相关的位置。用户当前需要输入他们将要进入汽车的地址,或转向其他地图应用程序进行导航。这显然会给驾驶特斯拉的整体体验带来一些摩擦。当然,大触摸屏使用起来既美观又有趣,但这种新颖性很快就会消失,并且在大屏幕上弯腰驼背进入方向很快变得笨重而烦人。用户来自一个将信息输入Google地图不仅是常态,而且更快更容易的地方。在Yelp上寻找一个地方?你可以立即链接到地图,按“开始”,你完成了不少于两次点击。
spicy porkplease
为了符合我的原则,我选择在应用程序的中间包含搜索栏,以便它在用户的指尖。当然,这会与您车内的导航同步,因此输入手机的所有内容都会立即显示在您的车内。现在,用户不仅可以体验与在Google地图中输入地址相同的便利,更重要的是体验从手机到汽车的无缝过渡。
增强现实寻路
我想提醒您注意搜索栏右侧可能已注意到的图标。
通过我的各种迭代,我想添加的一个功能是找到你的汽车的更好方法。老实说,有多少次我忘记了我停车的地方,这实在令人尴尬。虽然地图确实有帮助,但并不总是最好地了解它的实际位置。为了解决这个问题,我设计了一个增强现实寻路器。
我在工程方面的经验有限,但我认为您的手机可以在停车时保存汽车的高度和位置。然后可以使用该信息来稍后定位汽车。
从用户的角度来看,它可以让您的汽车轻松愉快地体验。使用地图,您首先必须弄清楚如何定位自己,而指南针往往是不准确的。有了这个功能,你甚至不必考虑你要去的地方;你只是指出去。
气候控制
如上所述,我发现在开始旅行之前用户旅程的基本步骤之一是在他们的汽车中设置所有气候控制。目前,所有特斯拉应用程序都可以做的是改变气温。
您所在地区的黑色粉红色......
Model 3已经有一个漂亮的气候控制面板,为什么不把它带到应用程序?
动画图标是非常规的,但我觉得它在这里非常完美
通过将用户的整套气候控制系统引入熟悉的软件包中,它不仅为用户提供了比以前更多的控制,而且还使汽车和应用程序之间的接口成为一种无缝且紧密的体验。通过我的重新设计,我将更多气候功能放入与特斯拉自己的桌面单元相同的空间,而不是整个应用程序中包含的功能。而且因为我已经能够移除整个气候页面,所以现在只需轻轻一点即可完成最重要的控制。
3D Touch可获得更多控件
借用iOS控制中心的模式,我更进一步,增加了3D触摸功能,以显示更多高级选项,以便用户可以访问汽车内可用的相同控件。
一般改进
解锁
除了这些核心用例之外,我还旨在为应用程序添加一些生活质量改进以及视觉检修。首先,我回到钥匙链上。放弃纯粹数字式钥匙扣的牺牲之一是失去触觉反馈;今天的驾驶员习惯于通过触摸和感觉来访问各种功能。
“滑动来解锁”
为了达到同样的效果,我设计了一个使用手势和触觉的系统,所以现在用户所要做的就是向下滑动,他们将确切地知道他们在做什么,而不必看它。这首先看起来似乎不那么直观,而不仅仅是在屏幕上设置按钮,但我认为权衡是值得的,因为它可以让你回想起你用钥匙扣获得的地方感。
驱动程序设置
左上角的图标可访问汉堡包菜单。这主要是当前应用程序的清理版本,但有一些值得注意的变化。
我也重新设计了他们的所有图标。
特斯拉汽车的一大特色是能够记住驾驶员档案 - 定位每个用户特有的后视镜,座椅和方向盘。目前,这只能通过汽车的主界面进行控制。我想确保将这些独特的配置文件添加到应用程序中,使汽车能够确切地知道您的身份,并在您接近汽车时自动调整这些设置。
特斯拉当前应用的控制和充电页面
我做的另外两项更改是将代客模式和充电限制移动到驱动程序设置。我移动了代客模式,因为我认为如果此选项在帐户设置下更有意义,因为它本质上是登录和退出不同用户帐户的能力的扩展。
我还认为电池充电限制可以作为帐户设置,因为它的目的只是为了限制电池的最大电量。由于这是很少被修改的东西,因此这个功能占用整个页面的空间似乎是浪费。相反,我将充电端口按钮移动到主屏幕底部的一排图标,因为这是经常访问的。
召唤
在当前的应用程序中,特斯拉选择用他们的战利品盒占据屏幕的右上角,并将他们的“召唤”功能放在下面的表格视图中。对我而言,特斯拉选择突出显示其战利品盒图标的唯一原因是将其用作营销工具。虽然我可以看出这可能是一种理由,但我觉得这对你推荐朋友购买价值35,000美元的汽车的能力影响相当微不足道,而我采访的特斯拉车主显然也是如此。所以,我决定只在设置菜单中保留它。
特斯拉目前的战利品盒图标位置
我决定使用这个新发现的空间用于召唤遥控器,因为与屏幕底部的控件不同,它的功能比简单地改变状态或切换特征更复杂。相反,它需要一个带有自己控件的整页。
看看灯光吧!
除了可视刷新之外,召唤远程页面与当前应用程序中的远程页面大致相同。虽然我已经尝试过不同的互动,但我觉得现在的模型在它的工作中是有效的,并且可能有无数小时的研究支持,从你的手机试用你的35,000美元的汽车是最安全的。
状态快照
下一个改进领域是我称之为“状态快照”。顾名思义,这只是对您的汽车如何运作的概述。这个信息在当前应用程序中到处都是。例如,室内温度是气候台单元下面的标题,并且“停放”只是在电池下面显得很笨拙。
在我的模型中,这些状态指示器都位于同一个位置,因此可以轻松评估您的汽车一目了然。我觉得保持现有应用中的汽车也是必要的,因为它提供了汽车状态的可视指示器的能力;例如门是否已打开。
底线
通过重新组织应用程序的整个结构,我能够使用其他必要的远程功能填充第二行图标。这一行是密钥卡隐喻的最接近的扩展,因为这些是你在典型密钥卡上找到的所有功能。如前所述,我从当前应用程序的“充电页面”中取出了打开充电端口按钮并将其放在此处。而且,虽然我确实有基于手势的开放方法用于frunk和trunk,但我仍然希望将这些操作的标准按钮作为辅助选项。我还添加了一个通风窗和/或天窗的选项。最后,我将灯光闪烁并将喇叭按到一个“恐慌”按钮。坦率地说,我不喜欢这个名字,但看着市场上许多不同的钥匙链,
我也重新设计了这些图标,以便更贴近汽车内部
反射
我开始重新设计真的是一个挑战。对我来说,启动一个个人项目,并一直看到它是一个挑战。而且我很高兴我做到了。
在整个学校里,我完成了我被指派去做的项目。在我的实习和客户工作中,我一直在研究所需产品的产品。然而,这是一个为自己和我自己做点事情的机会;充分发掘自己的创造力和对设计的热情。
也许这是因为这是我大学的最后一年,但存在主义真的开始打击我了。我记得在高中时,我会熬夜,不知疲倦地在创意项目和激情上工作。我一直在研究,直到凌晨2点或凌晨3点才开始睡觉和学习,因为这是我能在这一天工作的唯一一天。我会在学校里分区,不是因为我很无聊,而是因为专注于其他任何事情都会失职。
我很幸运和感激,我已经能够学习一个创造性的领域,甚至更幸运地追求它作为一个职业。虽然创造性的工作现在是我的生活,但我想我已经忘记了为了自己而远离这一切并为自己做些事情是多么重要。