Releases

5

分で読める

What’s New in ProtoPie Genie 2.0? Camera, Voice, Web Embeds, and More

ProtoPie Genie 2.0 comes with exciting new features, including camera and voice interactions, web embeds, live maps, and the ProtoPie Genie Player app for mobile user testing.

Iulia Sorodoc、 Product Marketing Manager at ProtoPie

2024年5月、私たちはProtoPie Genie Figmaプラグインのベータ版をリリースし、デザイナーがFigma内で高度なインタラクティビティを使ってプロトタイプを強化できるようにしました。

それ以来、ユーザーコミュニティから貴重なフィードバックをいただき、それがFigma Genieプラグインの改善に役立っています。

本日、ProtoPie Genie 2.0を発表できることを嬉しく思います。魅力的な新機能が満載です:

  • より直感的な体験のためのUXフローの強化

  • カメラインタラクション

  • 音声インタラクション

  • Web埋め込みインタラクション

  • 地図インタラクション

  • モバイルユーザーテスト用のGenie Playerアプリ

以下のデモで、これらの新機能が実際に動作する様子をご覧ください。

動画

1. よりシームレスな体験のためにUXフローを改善

このバージョンでは、より直感的なUXフローでユーザー体験を向上できるよう、大幅に改善しました。これで、一覧からインタラクションを絞り込み、適用し、ブラウザ内でインタラクションフローを直接プレビューできます。

このアップデートでは、インタラクションの仕組みを分かりやすく説明しているため、ユーザー体験がよりスムーズになります。


ProtoPie Genie 2.0 comes with a more intuitive UX flow.


ProtoPie Genie 2.0は、より直感的なUXフローを備えています。

2. よりリアルなインタラクションのためにカメラインタラクションを追加

モバイルデバイスのカメラを使ってカメラインタラクションを組み込むことで、プロトタイプを次のレベルへ引き上げましょう。Genie Playerアプリでモバイルデバイス上のプロトタイプをプレビューする際は、フロントカメラまたはリアカメラの表示を選択できます。さらに、カメラ表示の開始と停止を行うシャッターボタンを追加して、プロトタイプによりリアルな表現を加えることもできます。

カメラインタラクションの追加方法については、こちらをご覧ください。


Add camera interactions using your mobile phone’s built-in camera.


モバイルフォン内蔵カメラを使ってカメラインタラクションを追加します。

3. Speech-to-Textで音声インタラクションを作成

この機能を使うと、リッスンボタンで話した言葉を聞き取り、文字起こしできます。GenieはSpeech-to-Textで50以上の言語をサポートしており、音声インタラクションを作成するためにProtoPie Studioで利用できるのと同じ言語オプションを提供します。

Genieプラグインで音声インタラクションを作成する方法を学びましょう。


Create voice interactions in 50+ languages with Speech-to-Text.


Speech-to-Textで50以上の言語の音声インタラクションを作成。

4. Web埋め込みコンテンツをプロトタイプに統合

YouTubeやVimeoの動画など、Web埋め込みコンテンツを含めることで、デザインプロトタイプを強化しましょう。URLは"https://"で始まるようにしてください。

YouTubeやVimeoのコンテンツを埋め込む場合、AutoplayやLoopなどのビデオ設定をさらに細かく制御でき、より動的でインタラクティブな体験を生み出せます。

Web埋め込みインタラクションについて詳しく見る。


Integrate web-embedded content into your prototype.


Web埋め込みコンテンツをプロトタイプに統合します。

5. 使いやすさ向上のためにライブのGoogleマップをプロトタイプに追加

ライブのGoogleマップをプロトタイプに組み込むことで、リアルタイムの地理的コンテキストを加え、ユーザーインタラクションと使いやすさを向上させます。

地図の場所をカスタマイズしたり、地図を直接操作したり、ズームイン・ズームアウトしたり、ドラッグしてさまざまなエリアを確認したりできるため、プロトタイプをより魅力的で機能的にできます。

Genieプラグインでライブマップを追加する方法について詳しく学びましょう。


Add live Google Maps to your prototype for more interaction and usability.


より多くのインタラクションと使いやすさのために、ライブのGoogleマップをプロトタイプに追加します。

6. ProtoPie Genie Playerアプリでモバイルデバイス上のインタラクションをプレビュー

この新バージョンでは、ProtoPie Genie Playerアプリを使って、モバイルデバイス上でインタラクションを直接プレビューし、テストできるようになったという大きなアップデートをお届けします。

ベータ版では、ユーザーはWebブラウザでしかインタラクションをテストできませんでした。今回の新しいアップデートにより、iOSAndroidデバイスでプロトタイプを体験できます。

詳しくはProtoPie Genie Playerアプリをご覧ください。


Preview interactions on mobile devices with the ProtoPie Genie Player app.


ProtoPie Genie Playerアプリでモバイルデバイス上のインタラクションをプレビューします。

ProtoPie Genie 2.0により、デザイナーはカメラと音声のインタラクション、シームレスなWeb埋め込み、ライブマップを通じて、より魅力的でリアルなプロトタイプを作成できます。新しいGenie Playerアプリではデバイス上で簡単にテストできるため、デザインの改善や共有がより簡単になります。

ProtoPie Genie Figmaプラグインを試して、Figmaプロトタイプを次のレベルへ引き上げましょう!