About

捕捉并分享驾驶时刻

设计车载记录仪的手机和桌面 app

Waylens

Waylens 是一种通过高清视频记录和捕捉实时性能数据的系统。
Waylens 公司来找我们来帮助他们设计移动和桌面应用程序,包括录制,编辑和共享等功能。
这个项目的目标是希望能为用户带来简单而一致的体验。

高清车载记录仪的全平台设计

跨越硬件和软件边界

项目不仅仅以界面设计开始,还需要了解硬件技术的局限性,因为相机硬件对应用程序交互的方式有很大的影响。例如如何简单地设计相机和 app 连接的用户流程?
我们必须深入与工程师的合作,找到新的设计机会点来解决问题,使流程易于理解。

设计 1.39 寸的屏幕

与 Waylens 的设计师一起,在有一个 1.39 英寸的屏幕的行车记录仪上,我们负责设计一个称为 LapTimer 的车速记录的功能。 考虑到屏幕尺寸的限制,我们必须尽可能简化操作行为,每个页面都没有或仅有一个轻击操作,大部分用滑动手势来切换功能,以最大限度地减少复杂性。通过短暂的嘟嘟声和动画效果,用户仍然可以专心于驾驶。

延伸驾驶体验的乐趣

经过与 Waylens 开发团队的多次讨论,我们决定应用程序的目标是延长驾驶的乐趣,而不是复杂的操作。
打开移动应用程序时,用户可以轻松定位自​​己或算法得出的值得关注的精彩瞬间,轻松使用它们进行进一步编辑和分享自己的旅程。另一方面,我们将编辑步骤可视化,所见即所得,让用户直观地了解每一步操作的目的和成果。

在桌面上快速且高效地选择,编辑和共享视频

在桌面端,我们可以使用更大的显示区来平铺素材,编辑,预览和增强的编辑区域。
电脑读取相机资料后,用户可以将其拖放到编辑区,更改资料的详细信息,同时在右侧菜单栏中添加喜欢的音乐或乐器主题,快速完成 1080p 高清视频编辑。 整个过程无需离开主面板,降低了用户的认知成本,大大提高了操作便利性。

为不同的平台设计一致性的用户界面

考虑到目标用户和摄像头的外观设计,我们界面设计上试图接近类似的风格,同时表达专业和趣味性的风格。因此,我们选择暗灰色作为整个应用程序的主色调,并以橙色作为指示,这也是 Waylens 公司的身份识别颜色。
通过我们创建的视觉设计指南,我们详细介绍了使用颜色,字体大小,投影,控件的使用等,以增强软件在各种平台上的统一性和可伸缩性。从而保证当前的多平台和未来的开发能够保持一致性。

Camera

iOS/ Android

Desktop

Camera

iOS/ Android

Desktop