ランチャー作成時のベストプラクティス
概要
ランチャーを構築する方法をすでに知っているなら-この記事を読んで、私たちは、ランチャーを簡単に管理する上で最も効果が発揮できると判明した戦略と方法について学ぶ。
ランチャーを管理しやすいように構築する
エディタで、ランチャーに明確でわかりやすいタイトルをつける
作成したすべてのもの、特にランチャーには明確な名前を付けることが重要です。 WalkMeエディタには、似たようなランチャーが複数存在する場合があります。 わかりやすい名前を使用することで、混乱が避けられ、コラボレーションがしやすくなります。
ランチャーテキストをカスタマイズしてアクションをわかりやすく伝える
妥当だと判断できる場合、アイコンのテキストをカスタマイズして、一般的な「Walk Me Through」メッセージの代わりにより多くの情報を提供できるようにします。 コードを使用せずに、ランチャーのテキストと色をカスタマイズできます。
例:
- 「教えてください」は「?」よりも優れています(多数ある場合を除く);
- 「もっとヒントを得る」は「さらに詳しく知る」よりも優れています。
- 「メニューを開く」は「オプション」よりもわかりやすいです。
ランチャーテキストは、自己言及的で自己宣伝的である必要があります。
例:
- 機会の作成方法
- サインアップはこちらから
- 新しいプライバシーポリシーを読むにはこちらをクリックします
場所
ランチャーは、見た目が最も良い場所ではなく、ユーザーが最も必要とする場所に配置します。 例えば、スマートウォークスルーで、ユーザーがフォームを完了するようガイドする場合、ランチャーはユーザーが入力を開始するフォームの上部にある必要があります。
デザイン
ランチャーのデザインは、ホストウェブサイトやアプリケーションのデザインに合わせて従うべきです。 サイトのボタン(半径、間隔、状態など)を調べて、デザインスキームの手がかりを得ます。
ランチャーが他のエレメントをブロックしている場合は、Z-Indexを調整します
ランチャーを他のエレメントの下に表示させたいのに、上に表示されてしまうことがあります。 例えば、ページ上のランチャーが、ドロップダウンメニューの上にも表示されているような場合です。 これを修正するには、ランチャーrの[Selected Element tab(選択したエレメントタブ)]に移動して、z-Indexの値を変更します。
Z-indexにより、ウェブサイトのページ上でアイテムを重ねることができるようになります。ランチャーがブロックしている、またはブロックされている場合、WalkMeエディタでZ-indexを変更してみてください。 Z-Indexは、ランチャーオプションメニューの[Display Conditions(表示条件の設定)]タブにあります。
Tip Tuesday動画
WalkMeコンテンツを表示/非表示
フォームにカスタマイズしたテンプレートを挿入する方法
ランチャーを縦に表示させる方法
ランチャーのQA検証方法