提示

7

阅读时间

在 ProtoPie 中使用传感器制作原型

了解如何在无需编写一行代码的情况下使用传感器构建原型。

托尼·金, 首席执行官兼联合创始人

随着新的智能设备每年甚至每季度发布,在全新设备上设计用户体验变得更加重要。智能设备一代比一代更智能,制造商和服务提供商也在尝试在用户输入之前就洞察用户需求。Google Now就是这类系统的一个典型例子,它会收集用户的活动和位置信息,并呈现具备情境感知的信息。

为了提供具备情境感知的信息,有三种方式可以获取与用户相关的情境信息。

  • 用户直接输入

  • 以往的服务使用记录

  • 间接信息分析

通过传感器收集的信息在无需任何用户直接输入的情况下,间接分析用户情境方面起着主要作用。传感器已经集成在人们随身携带的智能手机中,有时也位于智能手机外部(如信标),向智能手机传递信息。这些传感器可以获取当前位置、运动信息、移动速度、周围噪声水平、智能手机在空间中的坐标以及其他形式的信息。那么,所有这些信息该如何处理并用于服务或产品呢?这个问题不仅是设计师一次有趣的探索,也是在当下越来越难回答的问题。

原型设计正变得越来越受欢迎,因为它能在开发前帮助判断一个概念的有效价值与可行性,并降低开发成本;同时,对融合传感器的原型设计需求也在不断增长。

智能手机的传感器

Apple 的 iPhone 6s 配备了以下传感器,其他厂商的智能手机也有类似传感器:

  • Touch ID 指纹传感器:通过指纹识别进行身份验证

  • 气压计:测量气压

  • 陀螺仪:测量智能手机倾斜的角度和方向

  • 加速度计:测量智能手机的加速度

  • 接近传感器:检测是否有物体遮挡智能手机,以及该物体与手机之间的距离

  • 环境光传感器:测量周围环境的亮度

  • 指南针 / 磁力计:显示朝向方向

Apple 的 iPhone 6s 和 iPhone 6s+ 使用 3D Touch 传感器,可测量触摸屏上物理输入的压力。华为采用其称为 Knuckle Touch 的功能,用于区分指尖输入和指关节输入。

使用 ProtoPie 进行传感器原型设计

要使用传感器,需要将传感器采集到的信号转换为原型工具可识别的形式。可以通过 Arduino、Raspberry Pi 或 Framer with JSON 等工具实现,但这需要一定的编码知识。

ProtoPie 让你可以轻松使用常用传感器。要实现传感器功能,请在不同类型的 Trigger 中选择 Sensor Trigger。设置传感器可接受的数值范围,并映射所需交互。搞定!

在不同类型的 Trigger 中选择 Sensor Trigger。


Select the Sensor Trigger


在不同类型的 Trigger 中选择 Sensor Trigger。

(ProtoPie 中的交互由三个基本元素组成:Trigger、Response、Object。更多信息请参阅 这篇文章。)

声音

在 ProtoPie 中制作的原型能够根据麦克风拾取到的声音响度来改变图层属性。你只需要设置响度的最小值和最大值,并将 Response 与图层属性变化进行匹配。


Set values for loudness and the Response


设置响度的最小值和最大值以及 Response。

下载示例文件

倾斜

导入一张横向较长的图片,并创建一个允许水平滚动的 Scroll Container。将 Scroll Container 的尺寸设置为与设备相同,然后将导入的图片拖入 Scroll Container,使其成为子图层。


Drag into the Scroll Container


将导入的图片拖入 Scroll Container。

选择 Tilt trigger 并选择 Y 轴。在 Tilt Trigger 下添加 Scroll Response,并设置当智能手机向左或向右倾斜时图片滚动的数值。


Set a value for tilting


设置图片在倾斜时滚动的数值。

下载示例文件

使用倾斜还能做出更有趣的原型。下面是 Joon-won Lee 在 ProtoPie 发布派对上展示的一款哑铃锻炼应用。

指南针

像添加其他传感器 Trigger 一样添加 Compass Trigger。将 Rotate Response 关联到 Compass Trigger,以基于磁场方向生成旋转,并按下图输入数值即可轻松创建一个电子指南针。此示例由 Jailene Liu 制作。


Input the values to generate rotation


输入数值以根据磁场方向生成旋转。


下载示例文件

跨设备交互(发送与接收)

可以使用 ProtoPie 创建能够在多台设备之间通信的原型。借助 Send Response 和 Receive Trigger,可以发送和接收预设消息,从而建立设备间连接。下图展示了如何在一台智能手机上点击按钮时,通过 Send Response 以字符串形式传输单词“transfer”。接收端智能手机上的 Receive Trigger 在收到该单词时,会触发与该 Trigger 关联的 Responses。


Send Response


Send Response:向另一台设备传输预设消息


Receive Trigger


Receive Trigger:当接收到来自另一台设备的消息时触发 Responses


下载示例文件

3D Touch

ProtoPie 支持 3D Touch,这是 Apple 的 iPhone 6s 和 iPhone 6s+ 上的功能。3D Touch 虽然利用了传感器,但被归类为触摸交互,可关联到 Touch Screen Trigger。3D Touch 能检测 0 到 7 的压力等级,建议将最大值设置为 6.7。


3D Touch is capable


3D Touch 能检测 0 到 7 的压力等级。

下载示例文件

下载示例文件

未来的交互会是什么样?

如今,配备触摸屏的智能手机、平板及其衍生设备已十分常见并被广泛使用。然而,未来会怎样?交互将呈现什么形态?也许未来的交互会像 Amazon Echo 一样,以后台静默运行的对话形式出现,并在用户请求时检索信息。又或者未来的交互将基于对用户的持续追踪,在用户提出请求之前就预先提供其所需的信息。随着传感器在理解用户方面发挥越来越重要的作用,设计师很可能必须学习如何在使用传感器的同时表达设计想法。