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をダウンロード

製品ドキュメント

コミュニティ

Menu

プロトタイプの共有

ProtoPieでは、他のユーザーとプロトタイプを共有するプロセスがシームレスに行えます。プロトタイプにアクセスできるユーザーや、共有時の表示方法を完全にコントロールできます。

また、プロトタイプとインタラクション録画をペアリングすることで、エンジニアが開発に必要なすべてのインタラクション仕様を提供できます。

プロトタイプアクセスの管理

プロトタイプを共有する準備ができたら、ページ右上にある「**共有**」ボタンをクリックします。プロトタイプを表示およびダウンロードできるユーザーを選択できるため、アクセス権限を完全にコントロールできます。


{'_type': 'localeString', 'en': 'protopie-cloud-share-settings'}

リンクを知っている全員を許可する

このオプションを選択すると、プロトタイプのリンクを受け取った全員が、プロトタイプの表示やダウンロードを行えるようになります。


{'_type': 'localeString', 'en': 'anyone-with-the-link-share'}

アクセスレベル

ステークホルダーとプロトタイプのリンクを共有する際、「アクセスレベル」メニューを使用してアクセスレベルをカスタマイズできます。利用可能なオプションは以下の通りです。

  • 表示とダウンロードが可能: プロトタイプのリンクを受け取った全員が、プロトタイプの表示とダウンロードの両方を行えます。

  • 表示のみ可能: プロトタイプのリンクを受け取った全員は、プロトタイプの表示のみが可能で、ダウンロードはできません。

  • プロトタイプのみ表示可能: このオプションは、プロトタイプリンクの共有とアクセスのプロセスを簡素化するため、ユーザーテストに最適です。ただし、ウェブブラウザ上でのプロトタイプの表示方法をカスタマイズすることはできません。さらに詳細なカスタマイズを行うには、上記のオプションを使用してください。

  • アクセス権なし: チームスペース以外のユーザーは、このプロトタイプにアクセスできなくなります。

{'_type': 'localeString', 'en': 'pie access level '}

チームメンバーのみに許可する

ProプランおよびEnterpriseプランのみ。

{'_type': 'localeString', 'en': 'only-team-members'}

プロトタイプへのアクセスを、チームスペースのメンバーのみに制限できます。この設定を有効にすると、チームメンバーのみがプロトタイプにアクセスできるようになります。

パスワード保護

プロトタイプを外部に共有する際、不正アクセスの懸念が生じることがあります。これに対応するため、共有プロトタイプにセキュリティレイヤーを追加するパスワード保護機能を提供しています。

パスワード保護を有効にすることで、正しいパスワードを持つ個人のみがプロトタイプにアクセスできるようになります。

{'_type': 'localeString', 'en': 'password-protection'}
  1. Pieページの右上にある共有をクリックします。

  2. スペースオーナーの名前の下のセクションをクリックします。

  3. リンクとパスワードを知っている全員を選択します。

  4. パスワードを入力します。

  5. 保存をクリックします。

共有リンクの有効期限

Enterpriseプランのみ

Enterpriseプランでは、プロトタイプの共有リンクに有効期限を設定できます。これにより、指定された時間が経過するとリンクが無効になり、アクセスできなくなるため、機密性の高いデザインをさらに保護できます。

この機能は、リンクを知っている全員にプロトタイプへのアクセスを許可した後に利用可能になります。

共有リンクの有効期限は、1日、3日、1週間から選択できます。

{'_type': 'localeString', 'en': 'pie access link expiry'}

シーンの切り替え

「シーン切り替え」オプションを使用して、プロトタイプのシーンを簡単に移動できます。各シーン専用のリンクを生成し、正確な共有体験をコントロールできます。この機能は、Mazeなどのプラットフォームでプロトタイプをテストするデザイナーや研究者にとって特に有用です。

{'_type': 'localeString', 'en': 'change scene'}

表示オプション

ステークホルダーに最高の閲覧体験を提供するために、ProtoPieではプロトタイプを共有する前に表示オプションをカスタマイズできます。

ギアアイコンをクリックして、表示オプションにアクセスします。デバイスフレームの表示、カーソルの種類、ホットスポットヒントなど、さまざまな表示オプションを選択できます。

表示オプションを選択したら、共有の下にある「リンクをコピー」を使用するか、アドレスバーから直接リンクをコピーして、テスターとプロトタイプを共有します。テスターがリンクを開くと、有効にしたすべての表示設定が適用された状態で、意図した通りのプロトタイプが表示されます。


{'_type': 'localeString', 'en': 'managing-display-options'}
  • オリジナルサイズ (100%): プロトタイプを元のサイズで表示します。

  • ブラウザサイズに合わせる: プロトタイプをブラウザのサイズに合わせて伸縮表示します。

  • ホットスポットヒント: タッチ可能なエリアをハイライトして、ナビゲーションを容易にします。

  • デバイスフレーム: デバイスフレーム内にプロトタイプを表示します。

  • ProtoPie UI: ツールバーなどのProtoPie Cloudのインターフェースを含めます。

  • カーソルの種類: タッチポイントまたは矢印カーソルを選択します。

  • 背景: プロトタイプのカスタム背景色を設定します。

  • 再生速度: プロトタイプの再生速度を調整します。

ノイズのない共有

視覚的に邪魔な要素を排除し、ステークホルダーが集中できる環境を作ります。プロトタイプを共有する際は、ブラウザサイズに合わせるを有効にし、**ProtoPie UI**(および必要に応じてデバイスフレーム)を無効にします。

{'_type': 'localeString', 'en': 'Share prototype without any distractions', 'ja': 'Share prototype without any distractions', 'ko': 'Share prototype without any distractions', 'zh': 'Share prototype without any distractions'}

ホットスポットヒント付きで共有する

ホットスポットヒントを有効にしてプロトタイプ内のタッチ可能なエリアをハイライトすることで、ステークホルダーの操作を簡素化します。

{'_type': 'localeString', 'en': 'share prototype with touch hint option', 'ja': 'share prototype with touch hint option', 'ko': 'share prototype with touch hint option', 'zh': 'share prototype with touch hint option'}

ユーザビリティテスト用の共有

デスクトップでユーザビリティテストを実施する場合、不要な視覚的ノイズを排除してプロトタイプを共有したい場合があります。これを設定する方法について、詳細はこちらをご覧ください。

モバイルやタブレットでユーザビリティテストを実施する場合は、よりリアルな体験が得られるProtoPie Playerの使用をお勧めします。

エンジニアとの共有

エンジニア向けに、プロトタイプとインタラクション録画を組み合わせることで開発プロセスを向上させます。プロトタイプと1つまたは複数のインタラクション録画を共有することで、エンジニアが開発に必要なすべてのインタラクション仕様にアクセスできるようになります。

Handoffボタンをクリックして、エンジニアが作業中に簡単に確認・参照できるインタラクション録画を作成します。これにより、エンジニアはあなたのデザインを忠実に機能する製品へと変換できます。

Handoff機能の詳細はこちらをご覧ください。

{'_type': 'localeString', 'en': 'sharing-with-engineers'}