MenuToggle Menu

プロトパイスタジオ・インタフェース

プロトパイスタジオには簡単に探索できる簡単なインタフェースがあります。このページではインタフェースの主なコンポーネントについて詳しく説明します。

インタフェースにすでにおなじみですか?最初のプロトタイプを作成する方法の詳細については、ここをクリックして下さい!

ダッシュボード(Dashboard)

[object Object]

プロトパイスタジオにログインすると、ダッシュボードがユーザーを迎えます 。ダッシュボードを使用して、最近のプロトタイプ(パイ)を閲覧し、新しいパイを作り、ローカルまたはクラウドベースのパイにアクセスできます。

  • 最近パイ(Recent Pies): 最近パイセクションでは、最近アクセスしたプロトタイプを簡単に見つけて開くことができます。これにより、進行中のプロジェクトにすばやくアクセスできます。
    • 削除(Delete): このオプションを選択すると、パソコンやクラウドページからパイが永久に削除されます。
    • 最近パイから除去(Remove from Recent): 最近みたパイリストからパイを除去しようとする場合"最近パイから除去"オプションを選択します。
  • 新しいパイ(New Pie): 新しいパイの作成を始めるには、使用可能な2つの新しいパイボタンのうち、一つを選択します。また最初のプロトタイプを作成する方法の詳細については、ここをクリックして下さい!

学習(Learn)

[object Object]

プロトパイスタジオの"学習"タブを見てください。このタブではプロトパイについての最高の学習資料を見つけることができます。ログインすると、プロトタイピングの旅を始めるのに役立つ多くのリソースを見つけることができます。例えば次のとおりです。

  • 相互作用テンプレート(Interaction Templates): プロトパイからすぐに相互作用テンプレートを開きます。相互作用の作成方法を見るか、相互作用を再使用します。
  • プロトタイプギャラリー(Prototype Gallery): 他のプロトパイユーザーが作ったプロトタイプを探索しながらインスピレーションを得ることができます。
  • クイックスタートコース(Quick Start Courses): プロになるのに役立つ必須機能についての5~7分のチュートリアルです。
  • ヒントとコツ(Tips & Tricks): 真のプロトパイ専門家となる旅で、必要な助けを提供します。
  • イベント(Events): プロトパイのライブイベントを確認します。プロトパイ専門家と顧客からのベストプラクティスと業界の動向を学びます。

サポート(Support)

[object Object]

ヘルプが必要な場合やフィードバックを送信したいですか?ブログを訪問したり、専用のドキュメントを読んだり、機能リクエストを提出または投票する、プロトパイオニアス(ProtoPioneers) コミュニティに登録して、他のプロトパイユーザーから学ぶことができます。

Prototyping in ProtoPie Studio

[object Object]

1. レイヤーパネル

レイヤーパネルで、シーンごとに階層的に作成されたすべてのレイヤーを見ることができます。 シーンがどのような仕組みになっているか学んでみましょう。こちらにアクセスしてください。

他のデザインツールと同じように、レイヤーパネルでレイヤーの並べ替え、名前の変更、ロックとロック解除、非表示と表示が可能です。

Figma、Sketch、またはAdobe XDからデザインをインポートすると、レイヤーパネルに同じ階層のレイヤーが表示されます。あなたのデザインをインポートする方法についてはこちらをご参照ください。

2. シーンパネル

シーンパネルはデフォルトでは表示されません。 シーンパネルにアクセスするには、ウィンドウの左側にあるシーンパネルアイコンをクリックします。 プロトタイプ内のすべてのシーンの表示、並べ替え、シーンパネルからシーンを開くことができます。シーンについて詳しくはこちらをご覧ください。

3. キャンバス

キャンバスで、シーンとそのシーンのレイヤーを表示します。 キャンバスには、一度に1つのシーンしか表示されません。

キャンバスへのさまざまなレイヤーの挿入は、いくつか方法があります。 デザインツールからインポートする、作成する、または手動で追加できます。レイヤーについて詳しくはこちらをご覧ください。

キャンバスをパンするには、スペースバーを押したままクリックしてドラッグします。

4. プロパティパネル

プロパティパネルで、選択した内容に応じて、シーン、レイヤー、トリガー、またはレスポンスのプロパティと設定を表示します。 複数のレイヤーを選択すると、それらに共通しているプロパティが一度に表示されます。

5. インタラクションパネル

インタラクションパネルでインタラクションを作成します。 トリガーを追加することから始めて、1つまたは複数のレスポンスと組み合わせましょう。

インタラクションパネルには、シーン内のすべてのインタラクションがリストとして表示されます。 レイヤーパネルとは異なり、インタラクションパネルには階層がありません。

インタラクションの作成方法についてはこちらをご参照ください

6. タイムライン

応答の継続時間、遅延、および繰り返しの表示がされます。 プロパティパネルでプロパティを変更すると、タイムラインにこれらのプロパティが反映されます。

7. プレビューウィンドウ

プレビューウィンドウでプロトタイプを実行します。 プレビューウィンドウを使用して、実際のインタラクションを確認できます。 インタラクションが機能しない場合、または途中でミスをした場合は、プレビューウィンドウに表示されます。

デフォルト設定にて、レイヤーまたはインタラクションに変更を加えると、プレビューウィンドウが自動的に更新されるようになっています。

8. ツールバー

ツールバーを使用すると、ProtoPieで頻繁に使用するアクションに簡単にアクセスできます。

9. コンポーネントパネル

シーンパネルと同様に、コンポーネントパネルはデフォルトでは表示されません。 コンポーネントパネルにアクセスするには、ウィンドウの左側にあるコンポーネントパネルアイコンをクリックします。 ローカルコンポーネントとインタラクションライブラリの概要を表示します。

コンポーネントについてはこちら、インタラクションライブラリの詳細についてはこちらをご覧ください。

10. 可変パネル

シーンおよびコンポーネントパネルと同様に、可変パネルはデフォルトでは表示されません。 可変パネルにアクセスするには、可変をクリックします。 プロトタイプ全体または開いているシーン全体で使用される変数の概要を表示します。(可変?変数?UIの表示を確認!)

変数について詳しくはこちらをご覧ください。

基本設定(Preferences)

[object Object]

一般(General)

このセクションでは、言語、外観、キャンバスの背景色を含むプロトパイスタジオの一般設定を調整できます。現在のプロトパイスタジオは英語、日本語、中国語をサポートします。

シーン(Scene)

パイを初めて作成する時に使用する基本デバイスを設定します。事前設定リストから基本デバイスのいずれかを選択するか、独自のデバイスをユーザー指定することができます。プロトパイスタジオの内部でサポートされているデバイスの詳細については、ここをクリックして下さい

ネットワーク(Network)

プロトパイスタジオのプロキシ(Proxy)の設定は、最初は'プロキシなし(No Proxy)'で設定されています。会社でプロキシサーバーを使用する場合、プロトパイで作業できるように、プロキシ設定を構成する方法に関するガイダンスを参照するには、ここをクリックして下さい

ラボ(Labs)

ラボでは最新のベータ機能をアクティブ化してテストします。ベータ機能に関するフィードバックを送信したい場合、‘問題報告(Report an issue)’フォームを作成して、プロトパイ スタジオ内で簡単に問題を報告することができます。

またはここをクリックして、プロトパイオニアス・コミュニティに登録してコメントを共有することもできます。

[object Object]
Back To Top