行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

聚焦客户
•

10

阅读时间

如何创建软硬件集成原型

构建软硬件一体化原型比以往任何时候都更容易!了解 blokdots 如何与 ProtoPie 集成,帮助你在无需编写任何代码的情况下,为互联产品制作原型。

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

blokdots 是一款无代码软件,让你可以轻松创建交互式硬件原型。作为由设计师打造的产品,它的使命是帮助每个人将想法可视化并找到能够改变世界的问题解决方案——即使是没有工程或编程知识的人也可以。

听起来很棒,对吧?

而且它还能更好,因为 blokdots 与 ProtoPie 集成,通过软硬件整合将你的原型设计提升到新高度。现在,将硬件连接到应用和服务中的交互比以往任何时候都更容易。


protopie-and-blokdots-connection

在我们最近的网络研讨会中,我们听取了来自 blokdots 的 Olivier Brückner 和 Marcus Paeschke 的分享,他们讲解了如何将 blokdots 与 ProtoPie 结合使用,为互联未来构建原型。

视频

用硬件做草图——像纸板一样简单。

要打造出色的互联产品,你需要通过软硬件测试获取外部反馈。但在当今环境下,为设备之间的交互制作原型变得更具挑战。

如果你是一名设计师,或是参与互联产品用户体验工作的团队成员,你可能经历过以下情况:

  • 你所使用的产品和硬件会随着时间推移变得越来越复杂。

  • 你无法获得硬件原型所需的专业知识、实验室空间或材料。

  • 你没有时间或资源去学习编程或折腾电子电路。


hardware-coding-requirements

可能已经有像 Arduino 这样的硬件原型工具,但制作 Arduino 硬件原型需要编写代码以及基础的电气工程知识。这意味着你需要雇佣开发人员,而这当然要花费大量时间和金钱。

现在,你不必这样做了,因为使用 blokdots 构建交互式硬件原型就像制作纸板模型一样简单。

对一些人来说,这可能会让你联想到什么。你知道我们常说 ProtoPie 让高保真原型制作像 Pie 一样简单吧?

基本上,blokdots 之于硬件原型,就如同 ProtoPie 之于软件原型。

这两款工具都将真实原型设计的能力交到设计师手中,让你无需编程知识也能测试复杂概念。

通过 blokdots-ProtoPie 集成,你可以像纸板和 Pie 一样轻松地做好软硬件原型设计。

blokdots 如何工作

那么,blokdots 究竟是如何成功简化硬件原型设计的?以下是三个主要步骤概览。

1. 即插即用硬件

blokdots 基于 Seeed Studio 的 Grove System,无需手动布线即可简单连接硬件。

如你在下图所见,这些小型组件采用即插即用连接,让你可以立刻使用硬件。


plug-and-play-hardware-blokdots

2. 易于使用的软件

blokdots 的核心部分当然是软件。

blokdots 使用简单且易于理解的逻辑条件。即使你是从未写过代码的完全新手,也能够构建硬件草图。

3. 无缝扩展能力

blokdots 可以扩展到你已经熟悉并喜爱的所有工具。

这让你可以轻松将硬件连接到你的用户界面原型——比如你用 ProtoPie 创建的那些。之后,你甚至可以进一步制作更复杂的草图,并通过 WebSockets 将它们连接起来。

seamless-extendability

你可以用 blokdots 构建什么?

让我们看看网络研讨会中介绍的一个场景示例,它展示了你如何在实践中使用 blokdots。

来认识一下 Great Products Studio, Inc,这家公司决定构建一个 CO2 传感器,因为:

  • 如果说 COVID-19 教会了我们什么,那就是良好的空气质量对健康非常重要。

  • 评估空气质量以及是否需要给室内通风的一种方法,是测量空气中的 CO2 含量。

你可以使用 blokdots 迭代这类 CO2 传感器的设计。下面是搭建方法:

  1. 通过插入线缆连接 CO2 传感器,并在软件中添加它。

  2. 添加一个 LCD 显示屏,用于告诉用户空气质量是良好、稍差,还是房间需要立即通风。通过线缆连接后,显示屏可以获取传感器数据。

  3. 添加颜色提示,让用户一眼就能获取信息,而不必费力读取显示屏内容。

  4. 连接蜂鸣器并添加声音警报,这意味着当 CO2 超过临界值时,原型会发出提示音。

  5. 连接运动传感器,因为这种声音警报只有在房间里已经有人时才有意义。

  6. 添加与窗户连接的舵机电机,这意味着硬件本身可以主动管理空气质量。

以上是你可以使用 blokdots 自定义产品的一些方式。

不过,正如前面提到的,用户测试和市场验证对于打造目标用户会喜爱的好产品至关重要。这正是每个人都想要的,对吧?

例如,如果你通过与一线人员交流发现他们其实觉得蜂鸣器声音很烦人,那就是你需要在后续迭代中修复的点。

这正是 blokdots 带来的可能——对硬件交互进行草图设计和测试,从而帮助你定义产品。

但这只是第一层。让我们把它提升到下一层。

blokdots 如何与 ProtoPie 集成?

通过 blokdots 和 ProtoPie,你可以将硬件连接到应用和服务中的交互。

说到互联设备,我们通常指智能家居电器和其他物联网设备。

blokdots 与 ProtoPie 有两种不同的集成方式:

  1. ProtoPie Connect:用于编排多个原型与外部硬件及其他系统协同工作的专业方案。

  2. ProtoPie Player 集成:在你的移动设备上使用 ProtoPie Player,即可直接与 blokdots 通信。这一方式在 ProtoPie 免费版中可用。

blokdots-and-protopie-hardware-software

回到之前的场景,你可以用 ProtoPie 做什么?

假设你做了市场评估后发现,这类空气质量产品在消费级市场已经趋于饱和。但你发现,在大型办公室的智慧楼宇管理方面存在巨大机会。

那么使用 ProtoPie,你可以创建一个仪表板并与设施管理人员进行测试。完成设计后,你可以将其导入 ProtoPie,并添加交互和小动画,让它真正“活”起来。

你可以把 ProtoPie 集成添加到 blokdots,并使用二维码让传感器数据在两个工具之间轻松流动。这让你无需编写任何代码,就能在功能性原型中使用真实数据。

经过更多轮用户测试后,你可以轻松调整迭代。你还可以复用之前连接硬件的同一个原型来添加新功能。

使用 ProtoPie 为互联未来打造原型

像 blokdots 和 ProtoPie 这样的工具正在改变原型设计的未来。立即点击这里,亲自了解我们如何帮助你打造更好的互联产品!