会議とワークショップ に戻る

デザインワークショップ テンプレート

プロダクトの未来を共創しましょう。デザインワークショップ テンプレートは、デザイナー、開発者、ステークホルダーが解決策をスケッチし、フローをマップし、ユーザー体験に関する認識をリアルタイムで揃えるための共同キャンバスを提供します。

18 のテンプレート

デザインワークショップ テンプレートとは?

デザインワークショップ テンプレートは、チームを問題から実践的な解決策へ導くための、構造化された視覚的ワークスペースです。単独で行うデザイン作業とは異なり、これらのワークショップには「デザイナーでない人」(プロダクトマネージャー、開発者、ステークホルダー)も参加し、最終成果物が望ましく、技術的に実現可能で、事業的にも成立するようにします。デザインスプリントサービスブループリントなどのフレームワークを活用し、ユーザー体験の見えないレイヤーを可視化します。

「Design Logic」監査:より良いプロダクトを作るための3つの方法

優れたデザインは単に「見た目が良い」だけではなく、機能的である必要があります。Miro でワークショップを開始する前に、次の3つの専門家によるチェックを実施してください:

1. 「ユーザー中心」ロジック監査

診断:ワークショップは "画面はどう見えるべきか?" ではなく "ユーザーは何をしようとしているのか?" から始まっていますか? 改善策:共感 を確認してください。プロのデザインテンプレートは ユーザー ペルソナエンパシー マップ から始まります。ユーザーの感情状態(例: "不安" や "急いでいる")がわからなければ、成功するインターフェイスは設計できません。まず "人間の文脈" を優先し、"ピクセル" より前に取りかかってください。

2. 「技術的実現可能性」テスト

診断:エンジニアリングチームが構築に2年かかると言うような "Moonshot" 機能を設計していませんか? 改善策:実現可能性の制約 を確認してください。テンプレートに "Developer Corner" を含めましょう。エンジニアを招いて、早い段階でアイデアに "Red-Pen" を入れてもらってください。2時間のワークショップ中に技術的な "No-Go" を特定できれば、2か月分の無駄なデザイン作業を節約できます。

3. 「サービス ブループリント」ガードレール

監査:「フロントエンド」だけを設計し、舞台裏で何が起きているかを無視していませんか? 改善策:フルスタック体験を監査してください。サービス ブループリントテンプレートを使って、ユーザーが見る「フロントステージ」と内部プロセスや API を担う「バックステージ」を対比してマッピングしてください。優れたデザインは、外側のボタンを直すだけでなく、内部のワークフローを改善することでもある場合が多いです。

戦略的フレームワーク:どのデザイン テンプレートが必要ですか?

現在のデザイン課題に合った Miro テンプレートを選択してください。

  • エクスペリエンス マッピング ワークショップ:

    • 主な用途: 既存プロダクトのギャップを把握するのに最適です。

    • 目的:ユーザージャーニーを可視化し、ユーザーが離脱したりフラストレーションを感じる「ペインポイント」を見つけます。

  • コンポーネント発見 (デザインシステム) ワークショップ:

    • 主な用途: デザインシステムを構築・拡張するチーム向けです。

    • 目的: 既存の UI を監査し、どの要素を 標準化されたコンポーネント にすべきかを決定します。

  • ペーパープロトタイピング (Crazy 8s) ワークショップ:

    • 主な用途: 新機能のレイアウト案を短時間で大量に生成するのに最適です。

    • 目的:8 分で 8 枚のハイレベルなスケッチを作成し、最も幅広い UI の可能性を探索します。

デザインワークショップ テンプレートの主要コンポーネント

高機能なデザインボードには、次の5 つの基本要素が必要です:

  • インスピレーション「ウォール」:競合のスクリーンショットやアート、ベストインクラスの UI 例を貼り付けるスペース。

  • ユーザーフロー図:ユーザーが目標に到達するまでのステップを示す、ボックスと矢印のシンプルなマップ。

  • スケッチエリア:参加者各自がアイデアを描ける個別のフレーム(絵が苦手でも可)。

  • 「I Like, I Wish, What If」フィードバック表:相手の気持ちを害さずに建設的な意見を伝えるための構造化された方法。

  • プロトタイプ ロードマップ:どのアイデアを Figma で高忠実度のモックアップにするかを定義するセクション。

デザインワークショップでよくある落とし穴

  • 委員会での設計: みんなを満足させようとして、結果的に "平凡な" プロダクトになってしまう.

    • 改善策:"Decider" ロールを使います. チームが意見を出した後に、最終判断を下すために一人(通常はプロダクトマネージャー)に "Super Vote" を与えます.

  • "Small Screen" を無視する: デスクトップのみを設計してモバイルユーザーを忘れてしまう.

    • 改善策:モバイルファースト テンプレートを使用します. まず縦長の長方形にスケッチさせ、小さい画面でもコアとなる価値が失われないようにします.