このワイヤーの特徴
写真と短い文で、帯より目を引く
写真・題名・日時・リンクを小さなカードにまとめています。
帯の1行では伝えにくいイベントやフェアの雰囲気が、ひと目で伝わります。
読み進めた人にだけ、遅れて出す
ページを開いてすぐには出さず、本文をある程度読み進めたところで出します。
開いた直後に何かが浮かぶと、読みたい内容を探す邪魔になるためです。
本文を覆わず、閉じたら出さない
カードは画面の端に小さく出し、本文はそのまま読めます。
閉じるボタンで消せるようにし、閉じたことを覚えて、同じ案内は再び出しません。
ほかの浮かぶ部品と、場所を分ける
チャットのボタンなど、右下にすでにある部品の上に積むように置き、重ならないようにしています。
制作時のよくある失敗
ページを開いた瞬間に出す
開いた直後にカードが浮かぶと、読み手は本文より先に閉じるボタンを探すことになります。
読み進めた位置や、一定の時間が経ってから出します。
カードが大きく、本文を隠す
カードが画面の多くを覆うと、閉じるまで本文が読めません。
SPでは特に、画面の下の一部に収まる大きさにします。
閉じても、ページを移るとまた出る
閉じた案内が何度も出ると、読み手はうるさく感じます。
閉じたことを覚え、同じ案内は出さないようにします。
チャットや追従CTAと重なる
右下に部品が重なると、どれも押しにくくなります。
画面の端に浮かぶ部品を洗い出し、高さをずらして置きます。
よくある質問
フローティングカードは、いつ出すのがよいですか?
ページを開いた直後は避け、本文をある程度読み進めたときや、一定の時間が経ったときに出すのが目安です。
読み手が内容に関心を持ったところで案内できます。
ポップアップとは、何が違いますか?
画面全体を覆って操作を止めるポップアップと違い、カードは画面の端に小さく出し、本文はそのまま読めます。
閉じなくても、ページを読み進められます。
SPでも出してよいですか?
出せますが、画面の下の一部に収まる大きさにし、閉じるボタンを押しやすくします。
画面の多くを覆う場合は、SPでは出さない判断もあります。
