バッジの意味を説明する
1 つの色の点だけではステータスを全員に説明するのに十分ではありません。
バッジ デザインシステム
メインコンテンツを侵害することなく、数量やステータスを追加します。
チェックリストの内容
確認の進捗
01
構造と意味
使用状況に応じて情報とプレゼンテーションを比較します。
02
インタラクションとユーザビリティ
操作を試し、ステータスを変更して作業を続行します。
進捗はこのブラウザーに自動保存されます。
ガイド
確認方法
使用例
使用例
バッジの意味を説明する
「通知」ボタンには「未読通知 3 件」というアクセス名が付いています。
バリエーションと利用場面
カウンターには数字が付いています
カウンタがカウントしているものの種類を示し、大きな数値には表示制限があります。
0、1、120 を試してください。非表示または短縮ルールでは、ユーザー名の完全な意味が保持される必要があります。
例 現在99以上ですが、ユーザー名はまだ「未読通知120件」のままです。
色に数値やラベルを組み合わせてください。
マークには最新情報があります
ドットは、特定の量を約束することなく、単に変化を示す場合に適しています。
ユーザーが更新スタンプとオンライン ステータスを区別できるかテストします。
例 「確認すべき情報があります」というラベルが付いているプロファイルタブをクリックします。
色に数値やラベルを組み合わせてください。