行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

聚焦客户

5

阅读时间

重塑智能家居原型设计方式

领先的智能家居解决方案提供商 Vivint 使用 ProtoPie 来优化并加强其 Spotlight Pro 的上手引导流程。

尤利娅·索罗多克, ProtoPie 的产品营销经理

ProtoPie 于 7 月举办的网络研讨会“面向互联家庭的原型设计:从想法到现实”聚焦 IoT 原型设计,并邀请了来自 Vivint 的 Nathan Maus 和 Michelle Zundel。作为领先的智能家居解决方案提供商,Vivint 为美国和加拿大的数百万家庭提供服务,提供先进的家庭安防技术,让家居更安全、更便捷、更舒适。

在本次研讨会中,他们讨论了如何引导客户使用其独特的 Spotlight Pro 设备这一挑战。由于具备使用变量条件公式等高级原型能力,ProtoPie 在其引导流程中的应用对 Spotlight Pro 的成功发挥了关键作用。

观看下方视频,了解 Vivint 在开发用户体验时使用 ProtoPie 的实践经验——或者继续阅读,查看他们主要观点的拆解。

视频

太长不看版(TL;DR)

  1. 如何让犯罪分子无处遁形

  2. ProtoPie 如何帮助掌控局面

  3. Madlib、变量和条件,太强了!

  4. Vivint 在 ProtoPie 的帮助下力挽狂澜

  5. 用 ProtoPie 革新智能家居原型设计


From smart speakers to smart thermostats to smart locks.


从智能音箱到智能恒温器再到智能门锁,大多数东西都可以变得智能。

如今,几乎每个人家里都有一些智能技术。从智能音箱到智能恒温器再到智能门锁,大多数东西都可以变得智能。出于多种原因,对更安全、可控环境的需求显而易见。更安全的房子意味着夜晚更安心。

这正是Vivint 致力于为客户增强和改善的方向。Vivint 是一家专注于打造完全集成式智能技术、革新居家舒适体验的公司。尤其是他们最新开发的技术,将安防摄像头提升到了新高度。

如何让犯罪分子无处遁形

在 7 月的 ProtoPie 网络研讨会上,高级 UX 设计师 Nathan Maus 与 UX 设计总监 Michelle Zundel 分享了他们借助 ProtoPie 开发该技术的经验。他们提到,大多数犯罪都发生在家附近——属于机会型犯罪。砸车窗、偷自行车、偷包裹——应有尽有。

然而,传统安防摄像头存在一个问题:往往无法真正清晰捕捉到嫌疑人,或无法从录像中提供足够细节来识别其身份。


Crimes of opportunity


机会型犯罪发生在作案者发现可乘之机并立即采取行动时。

相反,Vivint 发现更有效的方案是能够威慑这些不速之客的安防技术。他们在设备中创建了 Deter Mode(威慑模式):如果有人在住宅区域停留过久,设备会亮灯并播放声音。通过这一功能,不受欢迎的来访者会看向发声设备,恰好为摄像头争取到足够时间拍下清晰细节图像。


Vivint’s Spotlight Pro.


Vivint 的 Spotlight Pro。

尽管 Deter Mode 已经相当成功,但总有提升空间。于是 Spotlight Pro 登场——这是一款将 Deter Mode 与运动检测聚光灯结合的摄像头,“它有九个不同的 LED 分区,并连接到现有摄像头上,”Nathan 解释道。顾名思义,当有人进入摄像头设定范围时,聚光灯会亮起并跟随该人员——从这个意义上讲,它起到了光线威慑作用。如果对方继续停留在住宅区域,带声音的 Deter Mode 将启动。若事态进一步升级,还可启用频闪等光效。与此同时,整个过程都会被摄像头记录下来。

ProtoPie 如何帮助掌控局面

接下来的挑战是:如何指导客户使用这项技术。说明书的作用有限,而人们往往想直接上手设备。要打造无缝的客户体验,就需要先制作高保真原型,在产品到达消费者手中前把问题打磨清楚。

这正是 Nathan Maus 分享其通过 ProtoPie 进行原型设计经验的部分。借助 ProtoPie 的简洁界面,Maus 能够从一个强大的原型起步,并提到“我通常直接从 ProtoPie 开始,因为它让迭代演进非常容易。”他们把现有的引导模板导入 ProtoPie 后,轻松创建了前置教育流程,客户可以滑动浏览、阅读并完成设备设置。


The challenges of onboarding users to the new Spotlight Pro feature.


为新 Spotlight Pro 功能引导用户上手的挑战。

通过原型用户测试,“为了[确保]客户真正理解产品……你会看到我们在这方面一次又一次地失败,”Michelle 解释道。他们意识到,消费者往往不加思考地快速滑过说明内容,并没有完全理解设备。这是因为 Spotlight Pro 是一个非常复杂的产品,因此让消费者彻底理解至关重要。

Madlib、变量和条件,太强了!


vivint madlib


Vivint 通过他们的“Madlib”为消费者打造了一种体验。

为提升产品体验并帮助用户了解设备,他们使用 ProtoPie 创建了一个名为“Madlib”的手册,用于简化上手流程。就像经典的Madlibs 游戏一样,先在空白处填入词语,之后组成一个故事,Vivint 也通过他们的“Madlib”为消费者创造了类似体验。

通过几句带有内嵌填空的句子,消费者输入自己希望的答案后,就能轻松更改设置并完成 Spotlight Pro 的配置。若因任何原因需要编辑设置,也可使用同一界面。Nathan 解释道:

如果有人在威慑模式开启时进入我的检测区域,聚光灯会跟随他。如果他停留超过六秒,灯光会频闪,并播放哨声音调。这样就把逻辑清楚地展示给他们,然后他们可以点击那些胶囊按钮来更新这些设置。

通过 ProtoPie 制作的原型还让“Madlib”功能能够与自定义动画联动,精确展示当消费者按个人偏好修改设置时会发生什么。Nathan 解释道:

为“Madlib”加入强视觉效果,确实帮助客户更好地理解这个故事。因此,我们想到让客户构建属于自己的威慑故事。为实现这一点,我把 Madlib 与自定义动画结合起来,精确展示基于他们所选设置,威慑模式将如何运行。


Combining Madlib with custom animations


将 Madlib 与自定义动画结合,展示威慑模式会如何根据客户所选设置运行。

Vivint 在 ProtoPie 的帮助下力挽狂澜

据 Nathan 所说,这个原型之所以能创建出来,要归功于 ProtoPie 提供的功能。没有 ProtoPie,开发团队就不得不雇用工程师为这类原型编写代码。


using variables in ProtoPie


这一体验是通过使用变量来追踪已选择的设置而创建的。

通过使用变量条件公式来展示用户会在设置中选择的选项,Vivint 得以借助 ProtoPie 清晰地组织流程与步骤。随后,预览功能让 Vivint 能准确看到用户在设置阶段的引导流程将如何进行。


Prototyping the Spotlight Pro user experience in ProtoPie.


在 ProtoPie 中为 Spotlight Pro 的用户体验制作原型。

ProtoPie 通过变量与条件支持深度定制,从而实现个性化、量身打造的用户体验。例如,用户可以为进入检测区域的人员自定义音调强度或聚光灯跟踪级别。

用 ProtoPie 革新智能家居原型设计

如果你想提升产品并确保无缝的用户体验,不妨考虑使用 ProtoPie 的创新原型平台。正如 Vivint 的案例所展示的,ProtoPie 让像 Nathan Maus 和 Michelle Zundel 这样的设计师能够开发并完善诸如 Spotlight Pro 这类最前沿的安防摄像头功能。

*“说实话,ProtoPie 是让这个体验变成现实的最主要原因。” *- Nathan Maus,Vivint 高级 UX 设计师

立即加入 Vivint,借助 ProtoPie 为你的消费者打造无缝体验!