INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

Tutorials

9

分で読める

Designing Automotive In-Car Experiences with ProtoPie

Learn how to use our Automotive Solution to create new in-car automotive experiences using live vehicle data.

Tony Kim、 CEO & Co-Founder

自動車業界は急速に進化しています。20年前、一般的な車に含まれるコード行数は100万行でしたが、今ではその数は約1億行です。「車内体験」という言葉は、車のインフォテインメントシステムだけでなく、実際に運転したときの感覚にも同じくらい関係するようになりました。

実際、調査では、ドライバーは自分の車にもスマートフォンと同じエンターテインメントやコミュニケーション機能を求めていることが示唆されています。UXデザイナーにとっての要点は明確です。車内体験の最適化は、今や物理的な取り組みであると同時に、デジタルな取り組みでもあります。

そのため、自動車デザイナーは車内体験を設計する際に、実際の走行中の車両データを入力として使用する必要があります。これは「あれば便利」というものではなく、必須です。だからこそ、私たちはAutomotive Solutionを作りました。

ProtoPie が自動車企業の車載ライブデータ活用をどのように支援するか

当社のAutomotive Solutionを使えば、自動車企業は、あらゆるハードウェアや API と連携しながら、複数のディスプレイにまたがるプロトタイプを構築・テストできます。

多種多様なユースケースがありますが、Automotive Solution を使ってお客様が作成されたものにはいつも感心させられ、驚かされています。最近、ドイツのあるクライアントが、実車と連携し、その車両から取得した実際のライブデータを使った、まったく新しいインタラクションデザインのコンセプトを ProtoPie でテストした方法を見せてくれました。

残念ながら、機密保持の理由により、この具体的なユースケースを公開することはできませんが、代わりにできる最善のことをしました。私はこの課題に取り組み、以下の動画のとおり、車からの実際のライブデータを活用してインタラクションデザインのコンセプトをテストする方法を示す一般的な例を作成することにしました。

このデモでは、デジタルのダッシュボードプロトタイプが車から実データを受け取り、それを使って提供される車内体験をテストする様子を示しています。しかし、これは Automotive Solution で実現できることのほんの表面にすぎません。車のあらゆる部品は常に信号を送受信しており、業界に携わっていない私には、どこから手をつければよいのか見当もつきませんでした。

しかし、さらに調べていくうちに、OBD と呼ばれるものに出会いました。

OBD とは何か、そしてこれを使ってこの車内体験をどのように設計・テストしたのか?

OBD はOn-Board Diagnosticsの略で、車両のさまざまなサブシステムの状態を追跡するコンピュータベースのシステムです。車の性能に関するあらゆる問題を調べるために使えるため、要するに車に内蔵された自己診断システムです。

私は自分の車の OBD を活用して、車からライブデータ/信号を受信しました。ほかにも OBD システムはありますが、OBD2は私の車も含め、ほぼすべての新車で最も一般的なものです。

OBD2 からはどのようなデータを取得できるのか?

OBD2 PID や車載診断の Parameter ID を見れば簡単にわかります。これらは基本的に、車両からデータを要求するためのコードです。以下にいくつか例を示しますが、より包括的な一覧をお探しならこのリンクもご覧ください。


data lists that you get from OBD2

データにはどうアクセスするのか?

OBD データにアクセスするには、まずOBD スキャナーが必要です。私は車そのものからライブ信号を受け取るために、OBDLink MX+という Bluetooth 対応の OBD スキャナーを購入しました。取り付けはとても簡単で、スキャナーを OBD2 ポートに差し込むだけです。その後、Bluetooth 接続を通じて信号がラップトップに送信されます。


OBDLink MX+ example


OBDLink MX+ 提供:

OBD2 と OBD2 スキャナーのデータを使ってデザインをテストした方法

このデータを自分のデザインでテストするには、まずProtoPie ConnectBridge Appが必要です。これらを使って、デザインまたはプロトタイプを OBD2 スキャナーに接続します。ProtoPie Connect は、あなたのプロトタイプ(この場合は iPad 上のダッシュボード)を OBD2 スキャナーに接続します。ただし、ProtoPie Connect と通信するには Socket.IO をサポートする必要があります。そこで Bridge App の出番です。

このリンクをクリックしてください。私が OBD2 スキャナー向けに特別に作成した Bridge App を確認できます。Bridge App のコードは自分で変更して、接続したいあらゆるハードウェアに対応させることもできます。下の図は、このプロセスがどのように機能するかを示しています。


the diagram shows how protopie works with hardware

車と OBD スキャナーを含めた全体の 4 ステップの流れは、次のようになります。


four-step flow including the car and OBD scanner
  1. 車は OBD2 ポートを通じて、さまざまな信号を OBD スキャナーに送ります。


OBD port example
  1. OBD スキャナーは、これらの信号を ProtoPie Connect を実行しているラップトップに送ります。


overall process how in-car experience works with protopie player and connect
  1. 次に、OBD 信号を解釈し、ProtoPie Connect がそれらを正しく理解できるようにするBridge Appが必要です。

  2. ProtoPie Player はワイヤレス接続でラップトップとペアリングされています。このデモでは、iPhone をテザリングして、MacBook(ProtoPie Connect)と iPad(ProtoPie Player)を接続しました。

プロトタイプはどのように作成されたのか?

全体のセットアップに関する基本を押さえたところで、次はプロトタイプそのものの詳細を見ていきましょう。

要するに、車速に応じて回転するメーターの針を作りたかったのです。

車が走行していると、OBD2 ポートを通じて 0 から 255 まで連続的に変化する数値の系列を送信します(スーパーカーではさらに高い値が得られるかもしれません)。その信号を Bridge App が解釈し、ProtoPie Connect が理解できる形にしたうえで、ProtoPie Player に送信します。


gif shows receiving values for vehicle speed


ProtoPie Connect は車速の値を受信しています。

上で見たとおり、ProtoPie Connect は 0 から 255 までの値を持つ「OD」という名前のメッセージを受信しています。Bridge App は OBD テーブルから取得した XX 信号を解釈でき、必要に応じてアプリを編集してより多くの信号を取得することもできます。いいですね!では、Pie ファイル(プロトタイプ)がこれらの信号を理解し、インタラクションで活用できるようにしましょう。


assigning values to variable on the receive trigger on protopie player


Receive Trigger で Variable に値を割り当てる

Receive Trigger を追加したら、Message フィールドに「OD」と入力し、「Assign to Variable」オプションにチェックを入れます。値を割り当てるために、あらかじめ作成しておいた変数を選択します。


variable on the rotate response on protopie player


Rotate Response で変数を使用する

最後に、Rotate Response セクション内の「Rotate To」オプションでその変数を使用し、メーターの針を回転させます。これで準備完了です!このプロトタイプでは、信号は実車から ProtoPie Player へ一方向に流れます。

Tony のプロトタイプにアクセスして、ぜひご自身で試してみてください。

[Tony のプロトタイプ]

継続的または双方向の動的環境向けのプロトタイプを作るには

動的な値の送信方法がわからなくても心配いりません。Bridge 機能を使って、複数デバイスを含むインタラクションをどのように実現できるか見ていきましょう。

実はとても簡単です。Send response と Receive trigger は、メッセージの送受信によって互いに通信できます。動的な値を送信したい場合は、「Send Value Together」オプションにチェックを入れればよいのです。

それだけです!


send value together option on protopie player


動的な値を送信するための「Send Value Together」オプション

自動車プロトタイピングの未来

自動車デザイナーが実車データを使ってデザインをテストできることは非常に重要です。ProtoPie により、このプロセスは簡素化され、誰でも使いやすくなりました。実際の車両と統合することでデザインをテストできるため、CAN/LIN バスや OBD の車載データを直接使ったプロトタイピングが可能です。これにより、ダッシュボード、ライト、スピーカー、ディスプレイなどを活用した、より幅広い自動車プロトタイピング機能を体験できます。

Automotive Solution にご興味がある方、またはデモセッションのご予約をご希望の方は、お気軽にお問い合わせください。

[今すぐお問い合わせ]