恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
特斯拉汽车仪表板界面概念——用户体验案例研究
0.0°
2022-06-17 自译外文 经验/观点 原作者: Louis Moody 举报 1111 0 1 0

研究-产品设计

对于数百万人来说,特斯拉不需要介绍。对于其他人来说,特斯拉制造的电动汽车可以比汽油车更好、更快、更有趣(imo)。但如果你开过特斯拉,你会发现一些不可思议的事情。特斯拉设计汽车不是为了完美的驾驶体验,而是为了完美的骑行体验

目录

1.问题

2.解决

3.方法

4.学习


1.问题

我们都是视觉思考者。大多数时候我们必须看到一些东西才能理解它。通过创建视觉效果(在我的例子中是一些粗略的草图),我可以将一个概念的想法变成北极星(你的指路明灯),有时以“问题陈述”的形式,可以让我在产品交付的道路上保持稳定

 “作为一名特斯拉司机,我希望体验是全面的、易于导航的,并且每次交互的效率都接近 100%,这样我在驾驶时就能感到安全”


2. 解决方案 

我将首先向您展示我所做的事情。然后,我们将继续讨论我是如何做到的。组件,无处不在的组件 通过创建低保真布局概念,我可以轻松地可视化产品架构以及人们将如何与之交互。在这些基础上,我可以创建从旅程开始到所需目的地的用户流


组件,无处不在的组件 

通过创建低保真布局概念,我可以轻松地可视化产品架构以及人们将如何与之交互。在这些基础上,我可以创建从旅程开始到所需目的地的用户流


原子和分子

文本内容占设计的 80% 以上(我在某处读过),因此理解排版至关重要。我总是把可读性放在第一位。 iOS 的默认字体是 San Francisco,由 Apple 内部制作。我总是在我的项目中使用这种系统字体,因为它漂亮、免费,最重要的是,它的设计易于阅读


传输和转换我也喜欢创建情绪板

这有助于我将项目的美学形象化。它让我与愿景保持一致,让我有一些东西可以重新审视,并有助于保持项目的连贯性。这也是一种让自己保持灵感的方式


让我们去兜风吧

我对我的项目的关心比我对它们的了解还要多。我发现当你在乎的时候,你会花更多的时间在学习、执行和迭代上,这会产生更好的结果,就像一个伟大的过程没有大师级的执行就什么都不是,一个伟大的设计模型如果没有仔细考虑 UI 就什么都不是从用户体验研究和对细节的极度专注

用户上车时的欢迎屏幕


用于白天驾驶的仪表板灯版本


夜间驾驶仪表盘深色版


3. 方法

在设计产品的体验和交互时,我的重点和目标是让用户以尽可能少的工作到达她想要的目的地。为此,我需要发现她的问题的核心秘密是什么,定义目标,然后向外扩展

用户角色是我用来为用户建立同理心的关键工具之一


设置场景

在我的研究中,我发现了许多不同的驾驶体验场景,结果如下:


一分耕耘一分收获

总结来自用户角色的数据,我创建了多个移情图并制定了以下注意事项:


像素之前的铅笔

在综合了痛苦和收获的背景并假设场景之后,我最喜欢这个过程的一部分,构思


金属踏板

验证草图和蓝图后的组件实施

- 从仪表板的右侧开始。为什么?因为我们在英国这里是靠左行驶。这意味着驾驶员将坐在右侧,因此将这些高优先级信息放在她身边很重要

- 该组件时尚且简约。避免不必要的干扰。

- 快速拨号已成为过去。随着汽车界面的数字化改进,基于文本的车辆表示以最简单的方式向用户展示他们的行驶速度。它又大又大胆,很难错过。

- 汽车模型非常有效地说明了车辆的状态,尤其是在自动驾驶启动时。

- 汽车图像左侧和右侧的两个交互式按钮清楚地显示了它们的作用。打开/关闭灯光并激活自动驾驶。 - 汽车图像下方的圆圈是汽车创建 3D 世界地图的视觉表示(这就是自动驾驶在技术上能够发挥作用的方式。我在为这个项目所做的研究后发现了这一点) 

- 彩色线条是“接近警告”。如果它是绿色的,那么您与外部物体之间的距离是安全的,橙色的则非常接近,而红色则应该格外小心 

- 底部是清晰的传输指示器。其他形式的传输被淡化以确保用户知道他们正在移动的方式


- 控制中心方便地位于屏幕中间。那是因为这是驾驶员的第二要务。如果她想看看她的旅行有多少力量,信息是显而易见的和清晰的。就在顶部。它的颜色识别不容错过

- 切换是界面设计中熟悉的部分。重新发明轮子是没有意义的。遵守常见做法以避免混淆是很重要的

- 你猜对了——虚线图标是汽车的人工智能助手 Elliot

- 使用适当的图标对于控制按钮也是必不可少的。不要为了酷的设计而抽象。酷并不意味着它很好。在这种情况下,图标需要是物理对象的精确表示

- 你想知道如果你点击一个按钮会发生什么吗?坚持住,你会发现的


- 主仪表板中的下一个组件是 GPS 地图界面。简单干净。只有重要的信息在地图上是可见的

- 用户可以直观地了解所需的距离和时间。电池是对旅程完成后可用电量的估计

- 雷电显示与特斯拉兼容的充电点。褪色的闪电代表超出用户驾驶范围的充电点


- 这是最简单形式的音乐播放器。用户可以查看当前加载的专辑/播放列表,选择歌曲并播放

- 如果用户想从另一个专辑/播放列表中选择一首歌曲,她可以点击控制中心内的音乐图标来查看她的完整收藏

- 需要调节音量?如果用户点击声音图标,她将看到全屏音量控制


4. 学习

我在发现、研究、实施和迭代过程中发现了什么


这是一次旅程

特斯拉的团队在醒着的每个小时都在努力打造完美的骑行体验。研究、测试和迭代的数量超出了我个人的想象,而且完成它的时间比平均软件交付周期要长得多。但是,他们可以访问大量数据和研究来完成他们所拥有的(我没有)。我自己收集的研究和数据的数量主要是基于假设和网络上可用的信息,所以我并不声称我的决定更好,只是从不同的角度,基于这些假设。还有更多的功能我没有解释,但就像任何设计项目一样,我会不断迭代并解释我的决策背后的基本原理,无论大小。如果我发现更好的数据,我就能更好地设计解决方案

谢谢阅读

我希望你喜欢并从这个案例研究中学到了一些东西


Powered by Froala Editor

更新:2022-06-17

收藏

0人已收藏

  • 3

    作品

  • 26

    粉丝

  • 35

    关注

  • 【 咖啡先生 】小程序
相关标签

    猜你喜欢

      2022-06-17 自译外文 经验/观点 原作者: Louis Moody 举报 1111 0 1 0

      特斯拉汽车仪表板界面概念——用户体验案例研究

      0.0°

      你确定要举报特斯拉汽车仪表板界面概念——用户体验案例研究

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年06月17日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录