对于数百万人来说,特斯拉不需要介绍。对于其他所有人来说,特斯拉创造的电动汽车比汽油汽车(imo)更好,更快,更有趣。但如果你曾经驾过特斯拉,你会发现一些令人难以置信的东西。特斯拉设计的车辆不是为了完美的驾驶体验,而是为了完美的骑行体验。
所有部分的总和
我将我的过程分为以下结构。使我的理由更容易沟通。
-
问题
-
解
-
途径
-
学习收获
1.问题
我们都是视觉思考者。大部分时间我们都必须看到让我们理解它的东西。通过创建视觉效果(在我的情况下是一些粗略的草图),我可以将概念的概念转变为北极星(你的指路明灯),有时以“问题陈述”的形式,可以让我保持稳定,在产品交付的道路上。
“作为特斯拉车手,我希望体验全面,易于导航,并且在每次互动时都能接近100%的效率,因此我在驾驶时会感到安全。”
2.解决方案
我将首先向您展示我的所作所为。然后,我们将继续讨论如何做到这一点。
组件,组件无处不在
通过创建低保真布局概念,我可以轻松地可视化产品架构以及人们如何与其进行交互。从这些基础,我可以创建从旅程开始到所需目的地的用户流程。
原子和分子
文本内容占设计的80%以上(我在某处阅读),因此理解排版是至关重要的。我总是把可读性放在首位。iOS的默认字体是San Francisco,由Apple内部制作。我总是将这个系统字体用于我的项目,因为它是美丽的,免费的,最重要的是,设计易读性。
传输和过渡
我也喜欢创建情绪板。这有助于我可视化项目的美学。它使我与愿景保持一致,并让我重新审视并帮助保持项目的一致性。这也是让自己受到启发的一种方式。
我们去兜风吧
我比我更了解我的项目。我发现,当你关心的时候,你会花更多的时间在学习,执行和迭代上,这会产生更好的结果,就像一个伟大的过程没有主执行一样,一个伟大的设计模型是没有什么,没有仔细考虑到UI从用户体验研究和极端奉献到细节。
当用户进入她的车时,欢迎屏幕
用于白天驾驶的仪表板轻型版本。或不。
仪表板黑暗版本为夜间驾驶
你几乎让我相信我是真的
通过创建产品质量可交付成果来学习是一项巨大的资源投入。即使它具有最小的设计和功能。通过测试原型而不是功能性产品,我可以更快地移动并在发现机会时转动。
我所有的交互式原型当前原型都是用Framer X构建的。这是使用Framer Classic制作的。
您可以通过链接与上面的原型进行交互。单击Grimes for Light模式,Elon为暗模式。
3.方法
在设计产品的体验和互动时,我的重点和目标是尽可能少地将用户带到她想要的目的地。要做到这一点,我需要发现她的问题的核心是什么秘密,定义目标,然后向外扩展。
User Persona Canvas是我用来为用户建立同理心的关键工具之一
设置场景
在我的研究过程中,我发现了很多不同的驾驶体验场景,结果如下:
一分耕耘一分收获
总结来自用户角色的数据,我创建了多个移情地图并开发了以下注意事项:
像素之前的铅笔
在综合了痛苦和收益的背景并假设情景之后,我最喜欢这个过程的一部分。思维能力。
踏板的金属
验证草图和蓝图后的组件实现。
- 从仪表板的右侧开始。为什么?因为我们在英国左边开车。这意味着司机将坐在右侧,因此将这个高优先级的信息放在她身边非常重要。
- 该组件时尚而简约。避免不必要的干扰。
- 快速拨号已成为过去。通过对汽车界面的数字化改进,基于文本的车辆表示加速了向用户显示其行驶速度的最简单方式。它大而大胆,很难错过。
- 汽车的模型非常有效地说明了车辆的状态,特别是当自动驾驶被激活时。
- 汽车图像左侧和右侧的两个交互式按钮清晰显示了它们的作用。打开/关闭灯并激活自动驾驶。
- 汽车图像下方的圆圈是汽车的视觉表现形式,创建了世界的3D地图(这就是自动驾驶能够在技术上发挥作用的方式。我在为此项目进行的研究后发现了这一点)
- 彩色线条是“接近警告”。如果它是绿色的,你和外部物体之间有一个安全的距离,橙色它非常接近和红色,你应该格外小心。
- 底部是一个清晰的传输指示器。其他形式的传输已经消失,以确保用户知道他们正在移动的方式。
- 控制中心位于屏幕中间。那是因为它是驱动程序的第二优先级。如果她想知道她的旅行有多大的力量,那么这些信息是显而易见的。在顶部。它的颜色识别是不可错过的。
- Toggles是界面设计中常见的部分。重新发明轮子是没有意义的。遵守常规做法以避免混淆是很重要的。
- 你猜对了 - 虚线图标是Elliot,这是汽车的AI助手。
- 使用适当的图标对控制按钮也很重要。为了酷炫的设计,不要抽象。酷并不意味着它很好。在这种情况下,图标需要是物理对象的精确表示。
- 您是否想知道如果点击按钮会发生什么?紧紧抓住,你即将发现。
- 主仪表板中的下一个组件是GPS地图界面。简单干净。只有重要信息才能在地图上显示。
- 用户可以看到它将要采取的距离和时间。电池是对旅程完成时可用电量的估计。
- 雷电显示与特斯拉兼容的充电点。褪色的雷电表示超出用户驾驶范围的充电点。
- 这是一个最简单的音乐播放器。用户可以查看当前加载的专辑/播放列表,选择歌曲和播放。
- 如果用户想要从另一个专辑/播放列表中选择一首歌曲,她可以点击控制中心内的音乐图标以查看她的完整收藏。
- 需要调整音量?如果用户点击声音图标,她将会看到全屏音量控制。
4.学习
我在发现,研究,实施和迭代过程中发现的。
这是一次地狱之旅。
特斯拉的团队每个醒着的时刻都会用到完美的骑行体验。研究,测试和迭代的数量超出了我个人的想象,并且比平均软件交付周期更长的时间。但是,他们可以访问大量数据和研究来完成他们所拥有的(我没有)。
我自己收集的研究和数据量主要基于假设以及网络上可用的数据,因此我不会根据这些假设从不同的角度声称我的决策更好。
还有很多我没有解释过的功能,但是就像任何设计项目一样,我将继续迭代并解释我的决策背后的理由,无论大小。如果我发现更好的数据,我可以更好地设计解决方案。
来源UI学习君公众号 https://uxdesign.cc/interface-concept-for-tesla-model-3-1b127384b472