フォーカス

フォーカスとは

フォーカスはサイト上の対象の要素にハイライト当てます。 フォーカスを設定することでステップが説明している箇所をエンドユーザーにわかりやすく明示できます。
image

フォーカスの形状

フォーカスが当たっている箇所の形状を変更することができます。 フォーカスの形状には 角丸 / 四角 / 丸 の3種類があります。

角丸

image

image

四角

image

フォーカス箇所を指定する

  1. [フォーカス]をクリック
  2. image
  3. パネルのフォーカスから[取得]をクリック
  4. image
  5. [取得]をクリックするとステップが非表示になり、セレクター取得モードになります セレクター取得モードでは、編集中の画面からフォーカスを設定する要素を取得することができます
  6. image
  7. フォーカスを設定する要素にマウスオーバーし、 その要素が青枠で囲われいる状態でクリック
  8. image
  9. ステップが表示され、該当箇所にフォーカスが当たります
  10. image

フォーカス対象の操作を制御する

フォーカス対象要素の操作を制御することができます。 [無効]にした場合は対象要素のクリックができなくなります。
  1. [フォーカス]をクリック
  2. image
  3. フォーカス対象の操作の[ドロップダウン]をクリック
  4. image
  5. [有効/無効]から選択

フォーカスの形状を変更する

  1. [フォーカス]をクリック
  2. image
  3. 形状の[ドロップダウン]をクリック
  4. image
  5. [角丸/四角/丸]から選択
  6. image

✴️ステップを編集する

よくある質問