Customer Spotlight

8

分で読める

Using ProtoPie to Design Tomorrow’s Electric Vehicles

Automotive prototyping—without a developer in sight! Discover how Arrival uses ProtoPie to build prototypes for the sustainable vehicles of the future.

Rebeca Caritas、 Customer Success Manager
connect ai agents like claude, cursor and more to protopie via mcp

Arrivalは、英国の電気自動車メーカーで、単なる車以上のものを生み出すことを使命としています。

彼らは、気候危機に立ち向かうには、炭素排出量を削減し、大気汚染を減らし、廃棄物を埋立地に送らないための変革的な解決策が必要であり、しかもそれを急いで実現しなければならないことを理解しています。

彼らの解決策は何でしょうか? それは、電気自動車の設計・製造方法に大胆な変革を加えることです。具体的には、

  • 電動化へのコスト障壁を取り除く。

  • 長持ちする、環境負荷の低い素材を使う。

  • 多様なユーザーが利用しやすいように車両を設計する。

このような革新的なアイデアを形にするには、高品質なツールが必要です。そして、わかりにくいコードや技術用語に足を引っ張られていてはなりません。

だからこそ、Arrivalのデザイナーたちは、開発者やエンジニアの助けを借りずに自動車のUXプロトタイプを作成するため、ProtoPieを使い始めました。ここでは、ArrivalのHMIデザインチームがProtoPieを使ってバスやバンの高忠実度プロトタイプをどのように作成しているかを紹介します。

動画

自動車UXプロトタイピングの課題

運転は、多くの認知負荷を伴う複雑な活動です。

わずかな気が散る要因でもヒューマンエラーにつながる可能性があるため、壊滅的な結果を避けるには、車のUXデザインプロセスでは体験の細部ひとつひとつまで、特別な配慮と注意が求められます。

Arrivalのチームにとって、走行しながら車両のすべての反復をテストし、すべてが安全に動作することを確認するのは不可欠です。

ここでは、Arrival VanとArrival Busという2つの製品のユーザー体験を設計する際に彼らが直面した課題を見てみましょう。

Arrival Van: 1人のユーザーに向けたドライバー中心のUXデザイン。

Arrival Vanは、複数のバリエーションに対応できるモジュール式設計で、部品を簡単に交換できるため、より長いライフサイクルを実現できます。

この車両では、設計の焦点はドライバーにあり、次のような点が考慮されています。

  • 安全性。

  • 使いやすさ。

  • 快適性。

キャビン部分は、ドライバーが最も長く過ごす場所です。そこにはHMIデザインチームが設計したデジタルスクリーンがあり、同チームは、ユーザーにより良い体験をもたらすことを目指す、あらゆる物理的・デジタルなタッチポイントも担当しています。

Arrival Bus: 複数のユーザーに向けたアクセシブルなUXデザイン。

Arrival Busでは、プロトタイピングのプロセスが少し複雑になります。というのも、チームはこの車両をドライバーだけでなく、乗客やフリート運用者も考慮して設計しているからです。

以下は、アクセシビリティを高め、デジタルシステムと物理的デザインの統合を示すコンポーネントの例です。

  • 床がフラットで、よりアクセスしやすく、掃除もしやすい。

  • 支柱にはタッチポイントがあり、乗客とドライバーの主なコミュニケーション手段となっています。

  • バス内の各所にあるスクリーンはインタラクションを反映し、停車リクエストが行われたことと、バスが停車するまでの残り時間を乗客に知らせます。

Arrivalでは、デジタルチームがインダストリアルデザインチームと連携し、デジタル体験を物理的な製品へと落とし込んでいます。

このようなシームレスなハードウェアとソフトウェアの統合によって、HMIデザインチームは、既存のハードウェアに基づくデジタル体験ではなく、独自の体験を生み出せます。

その結果、「まるで魔法のように感じられる体験」だと彼らは言います。

何がそれを魔法のようにしているのでしょうか? ProtoPieです。

ArrivalがProtoPieを使ってHMIデザインプロセスを革新する方法

Arrivalは、製品の安全性という指針のもと、製造プロセスから製品における人間の感覚設計に至るまで、あらゆる面で革新を続けています。

Arrivalのデザインチームは、ワークフローで2つのツールを活用しています。

最初のステップでは、Figmaで製品の反復案を検討します。次のステップでは、ProtoPieを使ってすべてのデザインコンポーネントを構築します。

ProtoPieの使い方には主に2つの方法があり、以下のセクションで詳しく見ていきます。

1. 人間の感覚設計に焦点を当てる。

最初の部分は、人に関するものです。

前述のとおり、走行しながらのテストは、Arrivalにおける自動車UXデザインプロセスの重要な一部です。

チームは安全性を確保するため、デザインのあらゆる部分を厳密にテストし、車を運転する人に人間中心の視点で向き合っています。

focus-on-human-sensory-design

UXテストのプロセスでは、次のような点に注目しています。

  • スクリーンを操作しながら人がどのように運転するかという人間工学。

  • 体験の感情的側面。

2. 物理とデジタルの橋渡しを作る。

画面そのものだけでなく、チームは物理コントローラーが何をするのか、そしてそれが画面上でどのように表示されるのかを検討しています。たとえば、自動車HMIのデザインプロセスでは、次のような問いを立てます。

  • 停止ボタンを押したり、ハンドルを切ったりしたとき、それらのインタラクションは画面上でどのように見えるのでしょうか?

  • 車両は外部環境とどのように相互作用するのでしょうか?

次のセクションでは、ArrivalがProtoPieで車両をプロトタイプ化する例と、これらの原則が実際の現場でどのように活かされているかを見ていきます。

ProtoPieで作成された車両プロトタイプの例

1つ目のユースケースでは、Arrivalのデザインチームは、実際のエンジン、ペダル、ハンドル、そして右側のスクリーンを備えたシミュレーターを使っています。これは実際の最終製品とまったく同じように設計されており、必要に応じて素早いフィードバックと新たな反復を可能にします。最短では翌日にも対応できます。

2つ目のユースケースでは、チームは「God Mode」を作成し、ユーザーが日付を設定したり天候を変更したりして、外的条件の変化にインターフェースがどう反応するかを確認できるようにしました。

ProtoPieの利点の1つは、すべてを1か所にまとめて、さまざまなエンジニアやステークホルダーに見せられることです。

各コンポーネントを詳細に表示することもできますし、全体像として表示して、より大きな体験の中で各ステークホルダーの役割を理解しやすくすることもできます。

[IMG url="https://cdn.sanity.io/images/qyzm5ged/blog/c41e08abdb68baa69fc6e90706aef5002a7b5780-1450x950.gif"]

最後の例はArrival Busです。車内のスクリーンはすべて、バスの旅程に応じた内容になっています。

チームは、この旅程の各段階を視覚化できるプロトタイプを作成しました。従来のフラットなデザインツールではこのような複雑な情報を伝えるのが難しいため、これは特に役立ちました。

arrival-bus-prototype

ProtoPieなら、人々が反復案を自由に試し、「stop」や「request」といったインタラクションをタップして、その反応を確認できるプロトタイプを共有できます。

これらの例はすべて、開発者ではなくデザイナーによって作られました。

要するに、ProtoPieはArrivalがプロトタイプの速度と品質を高めるための理想的な解決策であり、目標をより早く達成する力を与えてきました。

ProtoPieで未来の車両をデザインしましょう。

ProtoPieは、15,000社以上が利用する定番のUXデザインツールです。自動車のプロトタイピングワークフローにどのように役立つかを知るために、デモを予約してください。

[デモを依頼]