Adoptスタジオ(Adopt Studio)へのアクセス
1. 左側のナビゲーションで[ガイド]アイコン をクリックします。
2.[+ガイドの作成]ボタン を選択します。
3. ガイドに名前を付け、アプリケーションを選択し、アプリ内ガイドを設置するURLを入力します。
コンテンツタイプ
選択したアプリケーションにAdoptスタジオ(Adopt Studio)がロードされると、[ツールチップ]と[ライトボックス]の2つのコンテンツタイプから選択可能になります。
ツールチップ
ツールチップは、ユーザーがプロダクト内で、特定のエリアに移動したり、特定のアクションを実行したりしたときに表示されるアプリ内メッセージです。最も一般的なタイプのツールチップは「ホバー」です。これは、ユーザーがカーソルをナビゲーションメニュー、インタラクティブ要素、あるいは事前に定義された「ホットスポット」の上に移動させたときに表示されるメッセージです。
ツールチップは主に、常時表示するとUIが煩雑になるような、機能に関する補足説明を提供するために使用されます。
ライトボックス
ライトボックスは、ページの中央に配置されるタイプのガイドです。ライトボックスは、通常、サービス停止や主要な新機能リリースなどの共通のお知らせに使用されます。
Adoptスタジオ(Adopt Studio)のパネル
Adoptスタジオ(Adopt Studio)は、上部パネルと下部パネルに分かれています。上部パネルでは、ガイド名の編集、ステップの保存、デザイナーの終了、画面上のパネルの左右への移動が可能です。下部パネルでは、ターゲットモードに入り、アプリケーションへのガイドの追加を開始できます。
ガイド名の編集
テキストにカーソルを合わせるかクリックすると、ガイド自体の名前を更新できます。これは、ガイド内のステップではなく、ガイド自体に名前を付けるものです。
デザイナーの終了
[終了(Exit)]をクリックすると、Adoptスタジオ(Adopt Studio)を終了します。その後[ガイドの詳細] ページに戻ります。
パネルの移動
Adoptスタジオ(Adopt Studio)のパネルは、ページの左側や右側に移動できます。
ガイド作成の開始
最初にAdoptスタジオ(Adopt Studio)を開く際は、アプリケーション上で起動します。[ガイド作成の開始(Start Building Guide)]をクリックして、ターゲットモードに入ります。ターゲットモードでは、既存のタグ付けされたフィーチャーを検索できますが、ターゲットモードではフィーチャーにタグを付けることはできません。
タグ付けされたフィーチャーの検索
タグ付けされたフィーチャーは、ピンク色でハイライトされます。タグ付けされたフィーチャーにカーソルを合わせると、その名前が表示されます。
注:ページ上でクリック可能なすべての要素が、タグ付け可能というわけではありません。
エディタモード(Editor Mode)
タグ付けされたフィーチャーをクリックすると、エディタモード(Editor Mode)になります。エディタモードでは、ガイドにテキストを追加したり、ツールチップをカスタマイズしたりできます。ガイドのテキストの編集を開始するには、点線の長方形内にあるテキストをクリックします。テキストは、斜体、太字、下線付き、またはハイパーリンクにすることができます。ツールチップの編集が完了したら、[保存して閉じる(Save & Close)]を押します。ステップは、作成された順序で保存されます。[削除]を押すと、エディタモードが終了します。
既存のステップの編集
Adoptスタジオ(Adopt Studio)の下部パネルにある鉛筆のアイコンをクリックすると、ガイドステップを編集できます。[ステップの編集(Edit Step)](1)をクリックすると、エディタモードに戻ります。エディタモードでは、テキストを変更できます。ステップを削除するには、鉛筆アイコンの横のゴミ箱のアイコンをクリックします。
ステップの非表示
2つのパネルの間にある矢印をクリックすると、ガイドステップを表示している下部パネルが非表示になります。ステップを再度表示または変更する場合は、下矢印をクリックします。
コンテンツタイプの選択
コンテンツブロックの上または下にある[+ここに新規コンテンツを追加(Add new content here)]をクリックすると、テキストブロック(Text block)、イメージブロック(Image block)、自由記入式の投票調査ブロック(Open Text Poll block)のいずれかを選択するオプションが表示されます。
テキスト
エディタモード(Editor Mode)では、ガイドのコンテンツを太字、斜体、下線付き、ハイパーリンクにすることができます。
太字
テキストを選択し、太字アイコンを選択します。
斜体
テキストを選択し、斜体アイコンを選択します。
下線
テキストを選択し、下線アイコンを選択します。
ハイパーリンク
テキストを選択し、クリップアイコンをクリックしてリンクを入力します。
画像
[画像(Image)]オプションを使用すると、コンテンツブロックに画像を追加できます。コンテンツブロックに画像を追加するには、Imgur、Flickr、Dropboxなどの画像ホスティングサービスに画像をアップロードし、画像のURLを[画像URL(Image URL)]フィールドにコピーしてください。
画像の有効なURLを入力したら、画像のAltテキスト(代替テキスト)(2)を入力します。Altテキスト(代替テキスト)は、スクリーンリーダーソフトウェアがユーザーに読み上げるもので、この例のように画像の読み込みに失敗した場合にページ上に表示されます。
自由記入式の投票調査
自由記入式の投票調査(Open Text Poll)は、質問と回答の2つの要素で構成されます。自由記入式の投票調査では、投票調査の質問をカスタマイズできます(1)。ただし、プレースホルダーのテキストは編集できないため、グレーアウトで表示されます(2)。
ガイドの投票調査の回答にアクセスするには、ガイドのタブからそのガイドをクリックします。投票調査の回答は、[投票調査の回答(Poll Responses)]タブに集約されます。特定の投票調査をクリックすると、その投票調査の質問の回答の詳細が表示されます。投票調査の詳細テーブルには、その投票調査の表示アプリ、タイプ、ステップ、閲覧した訪問者数が表示されます。
コンテンツブロックの追加、削除、変更
コンテンツブロックの詳細と使用方法については、こちらをご覧ください。