スピン前のオファーバーとスピン後の残り時間バーはどう使い分けるか

ルーレット本体とは別に、画面に細い帯を表示できます。

帯には、スピン前に表示するものと、スピン後に表示するものの2種類があります。それぞれ役割が違うので、目的に合わせて使い分けます。

スピン前のオファー表示バー

ルーレットを開く前に、何がもらえるのかを知らせる帯です。

ルーレットは閉じられてしまうことがあります。そんなときでも、この帯があれば、「何を逃したのか」がお客さまの目に残ります。 もう一度ルーレットを開くきっかけにもなります。

当選したクーポンの有効期限まで、カウントダウンを表示する帯です。

長さはタイマー（分）で設定します。時間ではなく、分単位で設定する点に注意してください。

この帯は、「今日中に使ってください」と促すものではありません。「今の訪問中に使ってください」と促すための仕組みです。

たとえば30分に設定すると、30分のカウントダウンが表示されます。買い物をしている間も残り時間が見えるため、購入を迷っている人の背中を押せます。

タイマーが短すぎると、急かされているように感じられます。反対に、長すぎると時間制限による緊張感がなくなります。

目安にするのは、そのショップで購入を決めるまでにかかる時間です。

商品数が少なく、単価も低いショップなら、15〜30分程度で足ります。比較検討が必要な商材なら、60分でも短いかもしれません。

自分のショップの平均滞在時間が分かる場合は、まずその2倍程度から設定してみてください。

背景色と文字色は、それぞれ設定できます。初期値では、背景色が #e7b520 の黄色になっています。

帯は目立たせたい要素なので、ショップの基調色と同じ色にすると、デザインの中に埋もれてしまいます。普段のデザインでは使っていない色を選ぶと、帯として認識されやすくなります。

ただし、赤は警告のように見えやすい色です。緊急性を出したい場合でも、オレンジや黄色のほうが圧迫感を抑えられます。

必ずしも、2種類とも有効にする必要はありません。

注文完了ページ限定のキャンペーンでは、残り時間バーの効果は薄くなります。

この場合、配るのは次回の買い物で使うクーポンです。その場ですぐ購入してもらう必要がないため、残り時間で急かす理由がありません。

スピン前とスピン後では表示される場面が違うため、2つの帯が同時に表示されることはありません。

ただし、通知パネルなど、ほかの帯を使っている場合は注意が必要です。画面の同じ位置に複数の要素が並ぶことがあります。

実際のショップで表示を確認し、帯が重なっていないかをチェックしてください。

設定画面のプレビューでは帯単体の表示を確認できますが、ほかの要素との重なりまでは再現されません。

帯は画面の横幅いっぱいに表示されます。そのため、スマホでは帯の分だけ商品や本文が下に押し下げられます。

文言が長いと2行になり、帯の高さも増えます。帯に入れるテキストは短くしてください。

「本日限定」「残り30分」程度でも、必要なことは十分に伝わります。詳しい説明を入れたくなりますが、帯は詳細を説明する場所ではありません。

オファーバーは参加を、残り時間バーは当選後の利用を後押しします。目的に合わせて、どちらかを選べば十分です。

タイマーは分単位で設定し、その訪問中に使ってもらうための仕組みです。ショップの滞在時間を目安に、長さを決めてください。