タイムライン

Timeline

出来事を日付や時刻の順に沿って、縦または横に並べて可視化する時系列表示UI。

  1. プロジェクト発足

    キックオフミーティングを実施し、要件定義を開始しました。

  2. デザインレビュー完了

    主要画面のデザインレビューが完了し、実装フェーズへ移行しました。

  3. β版リリース

    社内ユーザー向けにβ版を公開し、フィードバックの収集を開始しました。

  4. 正式リリース

    一般公開を開始しました。

○ 使う場面

  • 更新履歴や活動記録など、過去に起きた出来事を時系列で振り返らせたいとき
  • 日時が確定した複数のイベントを、発生順に並べて見せたいとき

× 避ける場面

  • これから進む決まった手順の、現在どこにいるかを示したいとき(→ステップバー)
  • タスクの状態(未着手/進行中/完了)を横断的に管理・移動させたいとき(→カンバンボード)

別名

タイムライン表示、時系列表示、アクティビティタイムライン、履歴表示

近縁種との比較

「タイムライン」は英語のtime(時間)とline(線)を組み合わせた語で、出来事を時間軸に沿って一本の線上に並べる様子をそのまま表した名称である。

近縁種違い・使い分け
ステップバーステップバーが「これから進む決まった手順の、現在どこにいるか」という未来志向の工程表示であるのに対し、タイムラインは「過去に何が起きたか」という時系列の記録を振り返る用途に使う。ステップバーの各ステップは完了・現在・未達という3値の状態しか持たないのに対し、タイムラインの各イベントは自由な日時と内容を持つ点でも異なる。
カンバンボードカンバンボードは列間をドラッグして状態そのものを能動的に変更できる管理UIである一方、タイムラインは基本的に過去の記録を並べるだけの読み取り専用の表示である。

分類

機能・役割
  • ナビゲーション
  • 入力・操作
  • 表示・整理
  • フィードバック・状態
表示レイヤー
  • インライン
  • 固定・追従
  • オーバーレイ
  • 全画面・遷移
複雑さ
  • 単体パーツ
  • 複合パーツ
  • セクション