このワイヤーの特徴
未読の数で、新しいお知らせがあることだけを伝える
ベルに未読の数を添え、新しいお知らせがあることを小さく知らせています。
帯のように画面の上を占めないので、本文を読む邪魔をせず、気になった人だけが開けます。
複数のお知らせを、1か所にまとめる
開くと、新しい順に3件ほどのお知らせが並びます。
帯を何本も重ねる必要がなく、すべてを見たい人は一覧のページへ進めます。
読んだものは、未読から外す
押したお知らせは未読の印を外し、数も減らします。
「すべて既読にする」も置き、未読が残り続けて気になる状態を防いでいます。
開閉の状態を、読み上げでも伝える
ベルのボタンには「お知らせ 未読2件」のような名前を付け、開いているかどうかも伝えます。
Escキーで閉じ、閉じたらベルのボタンに戻ります。
制作時のよくある失敗
ベルだけで、何のボタンか分からない
アイコンだけのボタンは、読み上げで何のボタンか伝わりません。
「お知らせ」と分かる名前を付け、未読の数も名前に含めます。
未読の数が、いつまでも消えない
読んでも数が減らないと、読み手は数を気にしなくなります。
開いたお知らせは既読にし、まとめて既読にする方法も用意します。
急ぎのお知らせまで、ベルの中に入れている
ベルは開いた人にしか届きません。
障害や休業など、全員に届けたい内容は、帯でも伝えます。
開いた一覧が、閉じにくい
閉じる方法がボタンの再押しだけだと、SPで画面を覆ったまま困ります。
外側を押したとき、Escキーを押したときにも閉じるようにします。
よくある質問
ベルの未読は、どのように覚えておけばよいですか?
ログインのあるサイトなら、利用者ごとにサーバーで覚えておけます。
ログインのないサイトでは、ブラウザに読んだお知らせを保存する方法があり、別の端末では未読に戻ります。
未読の数が多いときは、どう表示すればよいですか?
10件以上は「9+」のようにまとめると、バッジが大きくなりすぎません。
数そのものより、新しいお知らせがあることが伝われば十分です。
ベルの一覧には、何件くらい並べればよいですか?
新しい順に3〜5件が目安です。
それより前のお知らせは、一覧の下の「お知らせ一覧へ」から見てもらいます。
