本文へ移動

§11-10Trust

ステータスページ

各サービスの稼働状況と障害履歴を示す。

障害時に利用者が自分で状況を確かめられるようにする。問い合わせの集中を防ぎ、復旧の見通しを伝えたいときに使う。

実装のポイント

サービス単位の状態を色だけでなくテキストでも示し、日別バーにはホバーで日付とインシデント内容を出す。全体バナーは最も悪い個別ステータスから導出する。

特徴
  • チャート
  • アクセシビリティ
デモで使っているもの
  • lucide-react

このパターンが効く目的