デザイナーと共有されたプロトタイプをレビューします。

レビューワークフロー

Adobe XD では、デザイナーとレビュー担当者間でプロトタイプを共有して簡単に共同作業をおこなうことができます。

デザイナーがデザインプロセスを終了したら、プロトタイプへの非公開または公開の Web リンクを作成してレビュー担当者に送信できます。レビュー担当者はプロトタイプに注釈を付けてフィードバックを送ります。 

デザイナーはフィードバックを表示し、変更を加え、必要に応じて再確認のためのプロトタイプまたは Web のリンクをレビュー担当者に送ることができます。 

ワークフローについて詳しくは、レビューワークフローを参照してください。

デザイナーとレビュー担当者間のワークフロー
デザイナーとレビュー担当者間のワークフロー

レビュー担当者ワークフロー

レビュー担当者は、プロトタイプにコメントするには、Adobe ID を使用してログインする必要があります。エンタープライズユーザーである場合は、アカウント管理者に問い合わせて、権限と資格情報を提供してもらいます。

プロトタイプがパスワードで保護されている場合は、プロトタイプを表示するパスワードを入力します。

パスワードを入力してパスワードで保護されたプロトタイプを表示
パスワードを入力してパスワードで保護されたプロトタイプを表示

ログインしたら、コメントを表示アイコンをクリックして、コメントパネルを開きます。

  1. Adobe ID でログインするには、「ログイン」をクリックして、Adobe 資格情報を入力します。

    ゲストとしてログインするには、コメントパネルの上部にある「ゲストとしてログイン」をクリックします。名前の入力を求めるメッセージが表示されたら、名前を入力し、CAPTCHA コードを入力します。

    注意:

    ゲストとしてログインし、コメントし、(ブラウザーの終了または更新により)セッションを終了し、再度ゲストとしてログインした場合、以前のコメントに対する権限はありません。一方、Adobe ID を使用してログインした場合は、以前のコメントを編集できます。

  2. 次のツールを使用して、表示状態を最適化できます。

    • ホットスポットのヒント共有プロトタイプを表示するすべてのユーザーが、ホットスポットのヒントを利用できます。これらのヒントでは、インタラクティブであり、レビュー担当者がクリックする必要があります。ヒントは、インタラクティブエレメントがないアートボードのスペースをクリックしたときに表示されます。
      注意:プロトタイプの共有中にデザイナーがヒントを無効にした場合は、これらのヒントは表示されません。
    • フルスクリーンモードプロトタイプを、ブラウザーやプレビューモードでフルスクリーンで表示できます。共有プロトタイプの表示中に、画面の右上隅のフルスクリーンアイコンをクリックする必要があります。プロトタイプが画面いっぱいに拡張され、すべてのデザインの詳細を明確に確認できるようになります。フルスクリーンモードを終了するには、Esc キーを押します。
    ピンをカンバスの特定の場所にドラッグして、コメントを入力
    ピンをカンバスの特定の場所にドラッグして、コメントを入力
  3. コメントパネルの上部にコメントを入力します。コメントを改行するには、Shift + Enter キーを押します。

    通常のコメントから固定コメントに切り替えることもできます。コメント通知メールには、ホームアートボードだけでなく、コメントが作成されたアートボードへの直接リンクも記載されます。

    XD により、すべてのピン留めされたコメントに番号が割り当てられます。コメントパネル内のコメントにもこれらの番号が反映されるため、デザイナーはコメントのコンテキストを簡単に把握できるようなります。

    編集フィールドにコメントを入力してピンを追加し、別のアートボードに移動すると、他のアートボードのコメントフィールドは空になります。元のアートボードに戻ったとき、コメントとピンは保持されます。「キャンセル」を使用して、コメントフィールドに追加したコメントをキャンセルすることもできます。

    注意:

    ピン留めした後にピンを移動するには、そのピンをカンバス上の別の場所にドラッグします。配置済みのピンを移動するだけです。

    コメントを未解決にする
    コメントを未解決にする

    作成者はコメントを表示したり、解決したら解決済みとマークしたりすることができます。解決済みのコメントを確認するには、「解決済みのコメントを表示」をクリックします。コメントが誤って解決済みとマークされている場合は、「「未解決」に移動」をクリックしてコメントを未解決の状態にすることができます。

    作成者とレビュー担当者は、他のレビュー担当者が追加したコメントに返信することができます。レビュー担当者のコメントに返信すると、レビュー担当者は電子メールで、または Creative Cloud デスクトップアプリケーションから通知を受け取ります。通知がクリックされると、レビュー担当者は参照先のアートボードに転送されます。

    作成者は、レビュー担当者からのコメントを削除するか、コメントに返信することができます。また、作成者は @mention を使用して、非公開の招待状のデザインへのアクセスに招待されたユーザーを表示することもできます。公開プロトタイプおよびデザインスペックの場合、少なくとも 1 回コメントしたユーザーのみがレビュー担当者一覧に表示されます。@mention を使用した場合、レビュー担当者は、メールで通知を受け取るか、Creative Cloud デスクトップアプリケーションから通知を受け取ります。通知がクリックされると、レビュー担当者は参照先のアートボードに転送されます。

    @mention ヒントダイアログボックスには、次のオプションが用意されています。

    • 公開リンク:プロトタイプまたはデザインスペックに少なくとも 1 回コメントしたレビュー担当者が一覧表示されます。
    • 非公開リンク:プロトタイプまたはデザインスペックのリンクに招待された関係者が一覧表示されます。

複数のアートボードにわたるすべてのコメントを表示する

Adobe XD のすべての画面コメントの表示機能を使用すると、プロトタイプやデザインスペックでの関係者からのフィードバックの管理がさらに簡単になります。1 つのリスト内のすべてのコメントを表示し、各コメントをクリックして、影響するアートボードに直接移動してコメントを返信、解決、または削除できるようになりました。

コメントパネルの左下の「すべてのコメント」トグルボタンを使用して、シングルビューでの複数のアートボードにわたって追加されたコメントを一覧表示します。 トグルは、公開されているデザインスペックまたはプロトタイプリンクではデフォルトでオンになっています。

複数のアートボード全体のコメントの表示
複数のアートボード全体のコメントの表示

A. 未解決のコメント B. 「すべてのコメント」トグルボタン C. コメントのフィルター 

コメントは、アートボードごとに、アートボード名と共に表示されます。コメントが追加されているすべてのアートボードがこのすべてのコメントビューに表示されます。左の青いハイライトは、現在のアートボードに対するコメントを示します。現在のアートボードのものではないコメントセットをクリックすると、そのアートボードに移動してコンテキストを最初に設定できます。その後、そのセットの個々のコメントに返信、解決、または削除できます。

コメントパネルの右上隅の通知アイコンの上の 3 という数字は、複数のアートボードにわたる未解決のコメントを示します。

レビュー担当者の名前、時間、またはコメントのステータスに基づいて、コメントをフィルターできるようになりました。コメントをフィルターするには、コメントパネルの右下隅にあるじょうごのアイコンをクリックします。

  • レビュー担当者は、プロトタイプまたはデザインスペックのリンクにコメントを追加したすべてのレビュー担当者の表示名をフィルターできます。レビュー担当者の名前をクリックして、そのレビュー担当者に限定してコメントをフィルターします。
  • 時間フィルターのオプションには、今日昨日過去 7 日間それ以前があります。
  • ステータスフィルターでは、解決済みを使用して、すべての解決済みコメントの一覧のみを表示できます。

じょうごアイコン上の青い点は、フィルターがアクティブであることを示します。「クリア」をクリックして、コメントのフィルターを削除します。

コメントのフィルター
コメントのフィルター

A. コメントのフィルター(レビュー担当者別) B. コメントのフィルター(時間別) C. コメントのフィルター(ステータス別) D. 適用したフィルターをクリア E. フィルター適用済み 

すべてのコメント」トグルをオフにして、現在のアートボードのみのコメントを表示できます。アートボードごとにコメントを表示するには、横のアイコンをクリックして、「すべてのコメント」をいつでもオフにできます。

ピンの移動

アートボード上のピン番号をクリックして、カンバス上の別の適切な場所にドラッグすることができます。

  • アートボードのピンの上にマウスポインターを置きます。 
  • クロスバーが表示されたらそのピンをクリックして、アートボード上の目的の場所に移動します。
ピンの移動
ピンの移動

コメントに返信、解決、または削除する

XD のデザインモードでは、作成者はコメントを解決、削除、またはコメントに返信できます。

  • コメント上にマウスポインターを合わせてクリックし、現在のアートボードのコンテキストを設定します。「返信」をクリックして、コメントに応答します。「返信」リンクの上の数字は、コメントに対して受け取られた返信の数を示します。
  • コメントを修正したら、コメントが解決されたことを示すために、「解決」をクリックします。レビュー担当者も、コメントが修正されたことを示すために、「解決」をクリックすることができます。デザイナーは、「未解決」をクリックしてコメントを再開できます。
  • 不要なコメントを削除するには、削除アイコンをクリックします。
コメントの解決と削除、またはコメントへの返信
コメントの解決と削除、またはコメントへの返信

A. コメントの解決 B. コメントの削除 C. コメントへの返信 

自分と非公開に共有されているプロトタイプの操作方法(ベータ版)

デザイナーとレビュー担当者は、「作品」の「共有されたアイテム(ベータ版)」セクションから非公開のプロトタイプとデザインスペックにアクセスできます。「共有されたアイテム」には、非公開の成果物と共有されたフォルダーが表示されます。

エンタープライズ版のお客様として「作品」を使用する方法の詳細については、アセット設定を参照してください。

デザイナーとレビュー担当者の Creative Cloud の「作品」セクションでのユーザー操作性は、それぞれの役割に応じて異なります。

デザイナーの場合は、「作品」で次の追加オプションを表示できます。

  • 共有されたアイテム(ベータ版):レビュー用に共有されているプロトタイプとデザインスペックが表示されます。
  • 公開済み:公開されているプロトタイプとデザインスペックのリンクのリストが表示されます。

レビュー担当者の場合は、「作品」で次のオプションのみを表示できます。

  • 共有されたアイテム(ベータ版):レビュー用に関係者と共有されているプロトタイプとデザインスペックを表示する簡易化された関係者エクスペリエンスが表示されます。共有プロトタイプの名前の横にある楕円をクリックして、プロトタイプまたはデザインスペックを削除したり、レビューサイクルから退出したりすることもできます。
  • ファイル:レビュー担当者からレビュー用のファイルを受け取ったか、Creative Cloud 上でアセットをアップロードして管理していない限り、空のフォルダーが表示されます。

このビューでは、レビュー担当者は、メインタスクである共有される成果物についてのレビューとコメントに集中できます。

作品」の様々なオプションについて詳しくは、アセットの参照、同期、管理を参照してください。

注意:

この機能は、レビュー担当者と共有されるデザインスペックとプロトタイプの非公開リンクにのみ適用されます。

デザイナービュー
デザイナービュー
レビュー担当者ビュー
レビュー担当者ビュー

デザイナーのワークフロー

  1. 非公開リンクを作成したら、「招待」タブでブラウザーで開くアイコンを選択すると、アセットの Web ビューに自動的にログインされます。

  2. 画面左上隅の「作品」をクリックすると、「作品」に公開済みビューが自動的に表示され、プロトタイプとデザインスペックが示されます。

    デザイナービュー
    デザイナービュー
  3. ブラウザーの戻るボタンを押して、プロトタイプの Web ビューに移動します。

レビュー担当者ワークフロー

  1. レビューワークフローメールで受け取ったリンクをクリックして、コメント用のプロトタイプにアクセスします(Adobe ID でログインしている場合)。

    注意:

    プロトタイプにアクセスするために有料の Adobe ID は必要ありませんが、レビューワークフローのメールと同じ電子メールアドレスで Adobe アカウントにログインしていることを確認してください。

  2. プロトタイプまたはデザインスペックの Web ビューで「共有アイテム」をクリックして、Creative Cloud の「作品」セクションに移動します。 Creative Cloud アカウントがメールアドレスにマッピングされているか、Creative Cloud アカウントに既にログインしている場合は、「作品」に自動的に誘導されます。

  3. 作品」のレビュー担当者ビューに、共有されたアイテム(ベータ版)ファイルオプションが表示されます。共有プロトタイプの名前の横にある楕円をクリックして、プロトタイプまたはデザインスペックを削除したり、レビューサイクルから退出したりすることもできます。

    共有されたアイテム:レビュー担当者ビュー
    共有されたアイテム:レビュー担当者ビュー

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー