デスクトップアプリ

朝のブリーフィングダッシュボード

朝のブリーフィングダッシュボードのデザインは、慌ただしい業務日を落ち着いたソース別のデスクトップブリーフィングに整理し、優先タスクとプロジェクト・メッセージ・ドキュメントの文脈を並べて見せます。

OpenDesignデザイン・制作
公式
ソース別に通知をまとめ、タスクの優先度を示す個人向けの朝の業務ブリーフィング8 セクション
太陽のアイコン、Eli宛ての中国語のあいさつ、曜日付きの日付、パステル調の5つのサマリーカード、番号付きの3つの優先タスクが並ぶ、クリーム色の朝のブリーフィング冒頭画面。
朝のブリーフィング概要スクリーンショット 1 / 8

朝のブリーフィングダッシュボードの活用シーン

  • 朝のタスクトリアージ個別のツールを開く前に緊急の作業を確認する
  • 複数サービスの状況レビュー使い慣れた作業ソース間でプロジェクトの兆候を比較する
  • 個人向け業務ブリーフィング優先順位と文脈を踏まえて一日を始める

日次ワークスペースデザインのポイント

  • 優先事項を先頭に置く構成番号付きの3つのタスクがワークスペースの読み順を先導する
  • ソース別にまとめた文脈GitHub、Notion、Sentry、プロジェクトのデータがそれぞれ見分けやすいまま保たれる
  • コンパクトな業務シグナル件数でタスク、レビュー、ミーティング、メッセージ、エージェントを要約する
  • 縦に長いワークスペース冒頭のブリーフィングの下に、詳細なソース別セクションが続く

朝のブリーフィング概要

朝のブリーフィングダッシュボードは、個人の業務ブリーフィングを想定したOpenDesignのデスクトップアプリ例です。冒頭の状態では、あいさつ「早安,Eli」と日付「2026 年 5 月 6 日 · 星期三」を示し、タスクを読む前から具体的な朝の文脈をつくります。

構成は、中央のあいさつから5枚のサマリーカード、さらに番号付きの大きな3つの優先項目へと進みます。この順序により、最初の画面で「今日はどんな一日か」「どの仕事から手を付けるべきか」という実務上の2つの問いにすぐ答えられます。

ビジュアルは抑制が効いていますが、単色ではありません。サマリーカードはそれぞれ異なる淡い色調とアクセントカラーを持ち、優先カードは白い地を保って、大きな数字、ソースラベル、ステータスの文言で区別します。すべての通知を警告のように見せることなく、カテゴリの違いが分かります。

冒頭の概要には、あいさつ、5枚のサマリーカード、番号付きの3つの優先項目が表示されます。
冒頭の概要には、あいさつ、5枚のサマリーカード、番号付きの3つの優先項目が表示されます。

あいさつと日付

名前入りのあいさつと曜日付きの日付が、ブリーフィングを一日の出発点として位置づけます。

サマリーストリップ

5枚のカテゴリカードが、詳細なソースセクションの前にそれぞれ別の業務シグナルを示します。

優先キュー

番号付きの3項目が、雑多な通知を目に見える提案順に変換します。

冒頭のシグナル

サマリーストリップには「7 待办事项」「3 待 Review」「4 今日会议」「12 @我的消息」「2 Agent 完成」が表示されます。これらは1つの総合的な生産性スコアではなく別々の業務カテゴリなので、未処理タスク、レビュー、ミーティング、メンション、例示のエージェント活動を読み分けられます。

続く大きな優先カードは、「Review #1842 权限模型重构 PR」「回复 Yuki 在《Onboarding Flow v3》文档里的评论」「Sentry P0 报错量上升,需要排查 auth-service」といった具体的な作業を挙げています。番号の順序は提案される注意の順番を示し、ソースと待ち時間のラベルが、各項目がブリーフィングに載る理由を説明します。

優先順位を付けた朝の業務

このダッシュボードは、エンジニアリング、プロダクト、コミュニケーションの各業務を、ソースごとの個性を失わずに見渡したい人に向いています。すべての項目を汎用的な受信トレイに均してしまうことはありません。GitHubはGitHubのまま、NotionはNotionのまま、Sentryは項目を緊急にしているインシデントの言葉を保ちます。

カードにはトレードオフも表れています。コンパクトな最上位のブリーフィングはツールをまたいだ検索の手間を減らしますが、件数そのものは集計ルールを説明できません。「12 @我的消息」はメンションの量を示し、「Sentry P0 报错量上升」は定性的な警告、「新增 23 例」は目に見えるサンプル数値を示します。このデザインはこれらのシグナルを並べて提示しますが、同じ測定体系を共有しているとは主張しません。

表示されるソースのシグナルと、それが読み手に及ぼす影響
ソース表示されるシグナル読み手の次の一手
GitHubReview #1842と5つのリポジトリ行。5 openのバッジにはマージ済みの2行が含まれるバッジを突き合わせ済みのオープン件数とみなさず、各行のステータスを確認する
Notion返信待ちのコメントと、編集されたドキュメントほかのドキュメントを広く見る前に、具体的に示されたコメントへの返信に対応する
SentryP0という表現、新規23件、エラートレースインシデントを調査上の優先事項として扱う
Jira18/25ストーリーポイントと進捗72%スプリントの進捗を、名前付きの課題行とあわせて読む

キューの先にある文脈

下部のワークスペースは、上のカードを繰り返すのではなくブリーフィングを広げます。Notionのビューには「Q3 产品路线图」「工程规范 — Code Review 指南」「竞品分析 — Clerk vs WorkOS」が並び、それぞれに短い抜粋と編集時刻が付きます。これにより、ドキュメントの新しさと主題が十分に切り分けられ、どこから続けるかを選べます。

Jiraのパネルは別の視覚的な文法を使います。「PLAT-Sprint 8」、18/25のストーリーポイント表示、72%の進捗バー、「PLAT-412 SSO 集成 — SAML callback」のような課題行です。進捗バーはスプリントを素早く読むのに便利ですが、課題名が併記されているので、パーセンテージだけがプロジェクト状態の唯一の解釈になることを防げます。

ソース別ワークスペースの流れ

ワークスペースの流れは、個人の優先事項からソース別のセクションへと進みます。冒頭のキューの後、デザインはGitHub、Sentry、Vercel、Linear、Slack、Gmail、Notion、Jira、Trello、Drive、Feishu、GitLab、Feishu Documentsを見分けやすいブロックとして提示します。この順序は縦に長いスキャンを生みますが、各ブロックは独自の語彙とデータの形を保ちます。

この並びは、上から順に注意を向ける読み方にも、特定のソースを探す読み方にも対応します。代償は長さです。3つの優先項目の下に13のパネルが続くため、このデザインは1画面に収まるコンパクトなダッシュボードではなく、縦にブラウズするワークスペースです。ソースは1440幅のビューポートに固定されており、レスポンシブな再配置は備えていません。狭い画面向けの実装には追加のレイアウト作業が必要です。

NotionとJiraのセクションは、ドキュメントの抜粋とスプリントのデータが、1つのワークスペース内で異なるレイアウトを使う様子を示しています。
NotionとJiraのセクションは、ドキュメントの抜粋とスプリントのデータが、1つのワークスペース内で異なるレイアウトを使う様子を示しています。

さまざまなデータの形

このデザインは、すべてのサービスを同じコンポーネントに押し込みません。Vercelはブランチと「building…」「fail」などのビルド状態を表示します。Linearはスプリントのパーセンテージに加えて「完成 9」「进行中 4」「待办 2」を示します。Slackはチャンネル名とメンションを、Gmailは送信者のイニシャル、件名、スニペット、時刻を表示します。

この違いが重要なのは、項目がどんなフォローアップを意味するのかを読み手が理解できるからです。ビルド状態はデプロイの文脈の確認を、スプリント行は計画済みの作業の見直しを、メッセージのスニペットは返信するかどうかの判断を促します。トレードオフとして、サービス間の比較は数値的に一様ではなく定性的になります。

ドキュメントとメッセージ

ドキュメントのセクションは、抜粋を使って項目が重要な理由を示します。Feishu Documentsには、チャネル予算の割合を含む「5 月用户增长方案」と、アーキテクチャ上の推奨を含む「技术架构评审 — 微服务拆分」があります。一方、Feishu IMはランディングページの草稿とCIパイプラインの講演についての、2件の短いグループメッセージを表示します。

これらのブロックは、周辺のやり取りを思い出せるだけの主題と新しさを示します。ローカルスクリプトが各ソースパネルにOpen inリンクを追加し、3つの優先カードを外部アンカーで包んでいます。リンク先は作成者が用意したサービスまたはサンプル項目で、認証済みコネクタ、検証済みの宛先レコード、同期されたデータを示すものではありません。この静的なブリーフィングでは、視覚的な抜粋がトリアージの根拠であり続けます。

例示データと機能の境界

このアーティファクトは、例示用の名前、数値、ドキュメント内容、製品に関する主張を含むデザイン例です。表示される「7」「23」「18/25」「72%」は階層とデータ表現を示すためのもので、検証済みの性能、実際のサービス件数、測定された成果ではありません。

ソースは固定のサンプルコンテンツを描画し、外部リンクを挿入するだけで、コネクタへのリクエストやライブ更新は行いません。件数も完全には整合していません。Gmailのバッジは4と表示しますが行は3つ、TrelloのDoneバッジは4ですがカードは2枚、GitHubの5 openバッジにはマージ済みの行が含まれます。本番のブリーフィングでこれらのシグナルをライブのものとして扱うには、件数の定義、一貫したステータス、鮮度のルール、権限チェック、検証済みの宛先が必要です。

フッターには「Open Orbit」と「auto-generated · 06:42」と表示され、ページに自動生成されたブリーフィングという終着点を与えます。これは視覚的な締めくくりの状態であり、生成パイプラインが動作している証拠ではありません。この境界を保つことで、キャプチャされたデザインにできることを誇張せずに、デスクトップワークスペースの研究としての価値を守れます。

OpenDesignで朝のブリーフィングダッシュボードをデザインする方法

  1. OpenDesignをダウンロードしてインストール

    デスクトップアプリをダウンロードしてインストールし、セットアップを完了してください。デザイン用のプロジェクトを作成します。

    OpenDesignをダウンロード
  2. 朝の読み順を定める

    ここで示す具体的な順序から始めます。名前入りのあいさつと日付、5つのカテゴリ件数、番号付きの3つの優先項目です。タスク名、ソースラベル、待機中やインシデントの文脈をひとまとめにして、最初の画面で順序と理由の両方が伝わるようにします。

    推奨プロンプト

    デスクトップ向けの朝のブリーフィングダッシュボードを作成してください。中央にあいさつと日付を置き、未処理タスク、レビュー、ミーティング、メンション、エージェント完了の5つのサマリーカードを並べ、その下に番号付きの3つの優先項目を配置します。データはすべて例示用とし、表示されるソースラベルは維持してください。ライブコネクタ、バックエンド保存、動作するナビゲーションがあるかのような表現は避けてください。

  3. 各ソースセクションを形づくる

    優先キューの下にソース別のブロックを追加します。リポジトリ項目にはGitHubの行、エラートレースと件数にはSentry、ブランチの状態にはVercel、プロジェクトの進捗にはLinearとJira、コミュニケーションの文脈にはメッセージやドキュメントの行を使います。全部を同じカードにそろえず、データの形に合わせてレイアウトを整えます。

    推奨プロンプト

    GitHub、Sentry、Vercel、Linear、Slack、Gmail、Notion、Jira、Trello、Drive、Feishu、GitLab、Feishu Documentsのソース別セクションでダッシュボードを拡張してください。Review #1842、Sentry P0、PLAT-Sprint 8、18/25 story points、ドキュメントの抜粋など、例示用のラベルを含めます。提案された状態は視覚的に示しつつ、サービスが接続されているかのように見せないでください。

  4. 階層と境界を確認する

    概要から詳細への移り変わりを確認します。冒頭は一目で把握でき、下のセクションは件数を繰り返さず文脈を足す構成にします。アクセントカラーでカテゴリを区別できているか、長い多言語混在のタイトルがきれいに折り返されるか、生成された状態や例示の状態が検証済みの成果ではなくデザイン上の内容として説明されているかを点検します。

  5. エクスポートして共有リンクを取得

    完成したデザインをエクスポートし、OpenDesignの「共有」機能を使って共有リンクを取得してください。別のブラウザウィンドウでリンクを開き、意図したバージョンとそのアセットが正しく表示されることを確認してから送付してください。