问题

耳塞并不适合所有人。耳朵解构(尤其是耳屏和耳甲)的差异会直接影响佩戴的舒适度、稳固性和音质。由于不了解自己的耳型,用户很难选择合适的耳塞,从而导致佩戴不佳、不适以及欠佳的听觉体验。JBL 需要一种方法来根据用户独特的耳朵特征,引导他们找到最匹配的产品

挑战

首要的设计挑战是引导用户完成不熟悉的耳部扫描过程,同时确保准确性和舒适度。因为这种体验被应用于不同的场景:零售店、个人设备和临时安装,因此无论屏幕大小或环境如何,界面都需要保持清晰、易于访问和完整。与此同时,系统必须从第一次交互开始就建立起用户对摄像头使用和生物识别数据的信任

问题

耳塞并不适合所有人。耳朵解构(尤其是耳屏和耳甲)的差异会直接影响佩戴的舒适度、稳固性和音质。由于不了解自己的耳型,用户很难选择合适的耳塞,从而导致佩戴不佳、不适以及欠佳的听觉体验。JBL 需要一种方法来根据用户独特的耳朵特征,引导他们找到最匹配的产品

挑战

首要的设计挑战是引导用户完成不熟悉的耳部扫描过程,同时确保准确性和舒适度。因为这种体验被应用于不同的场景:零售店、个人设备和临时安装,因此无论屏幕大小或环境如何,界面都需要保持清晰、易于访问和完整。与此同时,系统必须从第一次交互开始就建立起用户对摄像头使用和生物识别数据的信任

见解

找到合适的贴合度取决于耳朵的物理结构和个人听音偏好。现有的解决方案要么将逻辑隐藏在不透明的系统背后,要么用过多的技术细节让用户感到无所适从。需要一种体验成功的方案,使先进的传感技术显得直观、有引导性且值得信赖。

用户体验旅程

我们绘制了一幅分镜脚本,展示了 JBL Fit Checker 在门店与线上环境中完整且闭环的用户体验发掘。在扫描双耳后,用户只需回答若干关于舒适度与听音习惯的偏好问题。系统随即生成一份清晰的贴合度建议,帮助用户迅速了解哪款耳塞类型最适合自己,从而辅助其做出自信的购买决策。这一核心交互流程既适用于有人协助的线下零售,同样完美契合家中的自主独立使用方式。

行业标杆分析

我们对现有的音频个性化和扫描体验进行了深入的研究,包括 Apple 空间音频、Sony Headphones Connect、Creative Super X-Fi 以及 QQ 音乐。通过分析,我们发现应当打造更具引导性、无障碍且更加直观透明的体验,即通过动效、声音反馈和引导式界面(UI),而非晦涩难懂的技术术语来与用户沟通系统状态。

新手引导

整个体验始于一个轻量级的新手引导流程,它清晰地介绍了扫描过程并设定了预期。

相机权限最终用户许可协议会在最开始呈现,以确立数据使用的透明度。这种前期的清晰告知有助于在开始任何生物识别交互之前建立信任,从而减少扫描过程中的犹豫和流失。

运动引导扫描

为了确保准确的耳朵图像采集,扫描过程依赖于运动引导的视觉反馈。动画指示器可帮助用户正确调整头部位置,并了解系统何时正在进行实时扫描。


运动被用作功能性反馈,而非装饰,这减少了模棱两可的情况,使用户无需言语指导即可自信地完成扫描。

结果呈现与匹配度分数可视化

结果页面的设计旨在使匹配推荐易于理解和比较。我们引入了面向用户的匹配度分数,将机器学习的输出转化为星级评分系统。

为了提高清晰度,每个推荐卡的视觉高度都与其匹配度分数动态关联。分数越高,卡片显得越高;分数越低,卡片显得越矮,从而实现一目了然的即时视觉对比。

当多次扫描的结果出现轻微差异时,这种方法还提高了透明度。分数上的差异会在布局中一致地反映出来,帮助用户将这些变动视为有意义的调整,而非随机误差。

卡片布局逻辑

卡片定位遵循一致的参考顺序,同时优先将最高得分的选项置于中心。当分数相等或几乎相等时,布局默认采用稳定、可预测的顺序,以避免不必要的视觉强调。

受保护的内容

  1. 设计方案页

Protected Content

Enter the password to view

JBL Fit Checker

JBL Fit Checker 是一款网页端应用程序,它通过扫描用户的耳朵并使用机器学习,来确定与三款 JBL 耳机(beam、buds 和 flex)的匹配度,从而帮助用户选择合适的耳机。

2024年

2024年

角色

产品设计

角色

产品设计

客户

JBL

客户

JBL

团队

Sam Liu, Andy Ye, Joe Deng

团队

Sam Liu, Andy Ye, Joe Deng

时间线

2个月

时间线

2个月

JBL Fit Checker

JBL Fit Checker 是一款网页端应用程序,它通过扫描用户的耳朵并使用机器学习,来确定与三款 JBL 耳机(beam、buds 和 flex)的匹配度,从而帮助用户选择合适的耳机。

2024年

角色

产品设计

客户

JBL

团队

Sam Liu, Andy Ye, Joe Deng

时间线

2个月