インタラクティブキオスクを活性化し、製品で通行人の関心を引きたいとお考えですか？または、キオスクがアイドル状態の時に表示したいプロモーションコンテンツがありますか？魅力的なビジュアルディスプレイを作成して、エンゲージメントを高め、オーディエンスの注目を集めましょう。
|
キオスク機能にアクセスし、複数の画面にプッシュするには、Engageプランが必要です。 |
この記事の内容
アトラクトスクリーンとは？
アトラクトスクリーンは、誰かが画面に触れるまでインタラクティブキオスクに表示される画面です。画面が操作されると、視聴者はキオスクへと誘導されます。アトラクトスクリーンは、通行人にキオスクを操作してもらうために表示したいあらゆるコンテンツになり得ます：ビジュアルウェルカムスクリーン、広告のローテーションプレイリスト、製品やブランドの動画など！
以下は、アトラクトスクリーンとインタラクティブキオスクの両方を示す、私たちが作成したシンプルな例です！
それでは、始めましょう！
アトラクトスクリーンの作成
まず、Engage管理ページに移動します。
新規アプリまたはタッチスクリーンキオスク → タッチスクリーンキオスク → アプリ選択をクリック
キオスクデザイナー Proを選択 → 作成をクリック
その後、デザイナーProに移動します！
デザイナーProで、ウィジェット → ビデオ → アセットライブラリからビデオを選択
ビデオ要素をクリック → 上部メニューバーから書式オプションをクリック
画面右側に書式オプションメニューが表示されます → 位置を開く → 「背景として使用」をクリック
ビデオがキャンバスの背景になり、その上にインタラクティブな要素を重ねることができます！
要素のリンク設定
この例では、デザイナーで利用可能な図形とテキストを使用して「ここをタップして開始」ボタンを作成しました。
要素が作成されたら、インタラクティブにしたい要素を選択→ リンクをクリック → 右側のメニューから「リンクを追加」をクリック
この要素をWebサイトURLまたはアセットライブラリ内のアセットにリンクできます。
| 1つのページに4つ以上のインタラクティブ/リンク要素がある場合、パフォーマンスの問題が発生する可能性があります。 |
希望するリンクを選択したら、右側のメニューで「リンクオプション」を調整します
- スケール： プッシュされた時にリンクされた要素が画面にどのようにフィットするかを調整します
-
表示時間： リンク元の元のソースに戻る前に、アセットが画面に表示される最大時間です。
- プリロード： クリックされる前にアセットをプリロードします。よりスムーズなキオスク体験のために選択してください。
-
閉じる＆ナビゲーションバースタイラー： デザインに合わせてナビゲーションバーと閉じるアイコンをカスタマイズします。
- アイコン位置： 画面上のアイコンの位置を調整します。
- アイコンスタイル： ホームアイコンの視覚的スタイルを調整します。
- アイコンカラー： アイコンとナビゲーションバー要素の色を調整します。
- 背景色： アイコンの背後に存在する背景色を調整します。
- 不透明度： アイコンではなく、背景色の可視性を調整します。
- アイコンサイズ： 画面上のアイコンとナビゲーションバーの表示サイズを調整します。
- ナビゲーションバーを表示： ホームアイコンの横に「戻る」と「進む」ボタンが追加されます。
| デバイスでのパフォーマンスを向上させるために、特にキオスクに複数のページがある場合は、ナビゲーションバーをオンにすることを強くお勧めします。 |
デザインに名前を付ける → 保存をクリック → 画面にプッシュ
これで完了です！目を引くアトラクトスクリーンでインタラクティブキオスクを強化できるようになりました！
キオスク機能の他の使用方法と、インタラクティブディスプレイを活性化する方法をご覧ください：