ビジュアルデザインスタジオ(Visual Design Studio)を使う理由

最終更新日:

ビジュアルデザインスタジオは、ガイドを作成および編集するための次世代ツールです。特徴を以下に示します。

  • ガイドをスタイリングするための使いやすいインターフェイス、柔軟なレイアウトのライブラリ、およびガイドの種類を組み合わせてすばやく切り替える機能を備えています。
  • ページやフィーチャーをタグ付けする方法が改善され、正確なヒートマップの指標やコンテクスト情報が得られるようになりました。
  • 効率的なローカリゼーションツールで、簡単にユーザーの母国語に対応できます。
  • 基礎となるコードを編集するためのオプションなど、幅広いカスタマイズが可能です。

ビジュアルデザインスタジオは2019年2月18日にリリースされました。この記事では、そのメリットについて説明し、よくある質問にお答えします。

どのようなメリットがあるのでしょうか?

従来のガイドデザイナーは、「クラシックデザイナー」と呼ばれ、iframeを利用してアプリのプレビューを提供していました。2019年2月18日以前のお客様は、これを使用していました。

一方、ビジュアルデザインスタジオでは、ガイドの作成方法を全面的に見直し、クラシックデザイナーをより直感的で使いやすいインターフェイスにアップグレードしています。そのメリットは以下のとおりです。

使いやすい

  • コーディングせずにガイドを作成できます。マウス操作だけでコンテンツを追加し、スタイルを設定することができます。
  • ビジュアルデザイナーでは、「進む(advance)」、「投票調査を送信する(submit polls)」、「閉じる(dismiss)」などのボタン動作を、ドロップダウンスタイルのオプションで簡単に追加し、設定することができます。
  • 投票調査は、コードを使わずにデザイナーでスタイル設定することができます。1つのガイドステップに複数の投票調査を追加し、レイアウト(旧テンプレート)の一部として保存することができます。

優れた柔軟性

  • ライトボックスタイプのガイドを、最初からやり直すことなくツールチップ、バナー、ウォークスルーなどに遷移させます。また、必要に応じて変更のたびにコンテンツやスタイルを保持することもできます。
  • 既存のガイドをレイアウトとして保存することで、さまざまなユースケースに対応した多様なレイアウトを作成することができます。
  • スタイルを固定することで、コンテンツライターはコンテンツを自由にカスタマイズしながら、効率的に作業を行うことができます。
  • カスタムガイドコードへのアクセスを保持し、高い柔軟性を実現します。

セキュリティ

  • アプリケーションをiframe内に配置するのではなく、ビジュアルデザインスタジオがアプリケーションで直接起動するので、広い画面領域を使ってガイドを作成できます。
  • 新しいビルディングブロック(「コードブロック」を含むものを除く)は、パッケージ化された意図的なデータをアプリケーションにプッシュし、サイト上で直接HTML/CSS/JSを実行するのではなく、そのデータをガイドに翻訳します。
  • アプリケーション管理者は、高度な使用目的のために、すべてのコードアクセス(HTML/CSS/JS)を無効にすることができます。

リソース管理

  • デザイナーを起動することなく、ガイドのコンテンツや設定を確認し、設定することができます。最適化されたガイドの詳細ページでは、設定ページからガイドのコンポーネントを更新できます。
  • リソースセンター(旧ガイドセンター)は、デザイナーの外部で管理できるため、同様のポイントアンドクリック操作で作成することが可能です。そのため、アプリ内ガイドの選択リスト以上のものを簡単に収容できます。

よくある質問

新しいデザイナーを使用するために必要なエージェントの最小バージョンはいくつですか?

ビジュアルデザインスタジオ(ガイド、ページ、フィーチャー)へのアクセスには、プロダクションエージェントのバージョン2.15.0以上が必要です。さらに、サブスクリプション管理者によるリソースセンターへのアクセスには、プロダクションエージェントのバージョン2.16.0以上が必要です。エージェントのバージョンを更新する必要がある場合は、詳細についてPendoエージェントの設定を参照してください。

クラシックデザイナーガイドのテンプレートを、新しいガイドレイアウトに移行することはできますか?

クラシックデザイナーとビジュアルデザインスタジオは根本的に異なるため、現時点ではクラシックテンプレートをビジュアルデザインスタジオのレイアウトに自動的に移行することはできません。ただし、レイアウトはクラシックテンプレートよりも自由度が高いので、以前のテンプレートの一部は不要になるかもしれません。

既存のクラシックテンプレートでガイドを作成する必要はありますか?

今後も、クラシックデザイナーで自由にガイドを作成することができます。クラシックデザイナーは当面の間利用可能ですので、既存のガイドやテンプレートを保持することができます。

クラシックデザイナーは廃止されるのでしょうか?

クラシックデザイナーは、すべてのユーザーに無期限で提供されます。ユーザーの皆様には、ご自身に最適なツールやワークフローを使っていただくべきだと考えています。多くの方が、クラシックデザイナーを使用して作成することに慣れています。また、クラシックデザイナーで作成されたガイドは、クラシックデザイナーで管理し、更新する必要があるため、廃止の予定はありません。新規開発では、ビジュアルデザイナーの改善に焦点を当てていますが、クラシックガイドはリソースセンターなどの新しいコンテキストでもサポートされます。

ご不明な点がございましたら、Pendoの担当者までお問い合わせください。

質問や意見がある場合はどうすればよいですか?

PendoのSlackチャンネル「#visual-designer」にご参加ください。また、Pendoカスタマーサクセスとサポートチームは一般的なサポートにも対応しています。

ビジュアルデザインスタジオの詳細はこちら

この記事は役に立ちましたか?
1人中0人がこの記事が役に立ったと言っています