インフラジスティックス・ジャパン株式会社Blog

インフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。

DesignOps - デザインワークフローとオペレーションを改善する方法

f:id:ykinfragistics:20220308130206p:plain

DesignOpsとはデザインプロジェクトやビジネス全体、部門をこえた製品チーム、実際のデザイン作業やデザインの方法を考慮した上で、デザイナーのワークフローとコラボレーションを改善し、デザイナーと開発者のやり取りなど複数部門のプロセスを容易にし、製品やサービスをデジタルな表現に革新させる方法を強化し、プロジェクトや組織をより速いペースで進化させるものです。

ガートナー社のレポート「DesignOps: Organize, Collaborate and Innovate Product UX at Speed」[1]によると、今DesignOpsの恩恵を受けた製品は競合他社に比べ、2023年までに収益が2倍になると予測されています。しかしデザインオペレーションはプロセスの最適化と同時に、チーム内に全く新しい考え方を作り上げる文化的転換も意味します。デザイナーや開発者、PM、ステークホルダー、そしてマーケターに至るまで、人々は部門に捉われずに関係を築き、アウトプットの品質を高め、同僚と一緒に作り出すインパクトも大きくなります。

この記事では、なぜDesignOpsが重要なのかを理解するために、次のような質問について考えてみます。

  • デザインオペレーション(DesignOpsの定義)とは?
  • なぜDesignOpsが重要なのか?
  • デザインオペレーションを構成する要素とは。4つのPとは?
  • デザインワークフローとオペレーションを改善するためのヒント。
  • Indigo.DesignでDesignOpsを拡張する方法とは?

この記事はインフラジスティックス本社により作成された英文記事の機械翻訳により生成されました。
原文は以下よりご確認いただけます。
Katie Mikova. 2022.1.28 [DesignOps - How to Improve Your Design Workflow and Operations?](https://www.infragistics.com/community/blogs/b/infragistics/posts/how-designops-improve-workflows-and-operations#what-are-designops)
また、本記事の内容に深くご興味がある場合、インフラジスティックス・ジャパンのスタッフによる翻訳リクエストを受け付けておりますので、「JapanPR@infragistics.com」宛にご連絡ください。

www.infragistics.com

DesignOpsの定義:デザイン以外のデザインオペレーション

デザインオペレーション(DesignOps)とは「デザインチームの管理、そして製品レベルでのデザイン提供」を生み出すために稼働するプラクティス、役職、社内デザインガイドライン、そしてデジタル製品デザイン開発ツールの一連のまとまりを意味します。

DesignOpsのパイオニアであり、PinterestでDesignOpsをリードしていたMeredith Blackは、"DesignOpsは実際のデザイン以外のすべて "と冗談まじりに言って、実にうまくまとめています。そこで、デザインに関わるあらゆる手順からデザインする作業だけを取り除いてみましょう。すると、デザイナーであるあなたとチームメイトの間にある基本理念と運用の基本をまとめたマトリックス(基盤・母体)が見えてきます。そして、そのマトリックスをオーガナイズし、優先順位付けして、標準化を行い、そして人間関係をサポートするために整理する必要があります。

その結果、マイルストーン、スタッフの配置、プロジェクトの範囲、関連する責任とノウハウ、生産性、時間と同期したビジョン、戦略、デザインの共通の方向性が生み出されます。これこそが、高品質かつアジャイルなデジタル製品提供を推進し、デザインスプリントの早い段階でデザインの価値を高めるのです。

興味深いことに、デザインオペレーションは以前から存在していたにもかかわらず(ただし、プロセスとしては必ずしも「DesignOps」という同じ名前で知られているわけではありません)、最近までなぜそれが重要なのかを理解している企業や組織は多くありませんでした。その重要性に気づき、DesignOps戦略を導入した最初のグローバル企業の1つがAirbnbです。これを行うことで、彼らは "実行のスピードと質を高める一元化されたツール、システム、サービスを通じて、製品組織全体にアジリティを提供する "ことを目指しました。

f:id:ykinfragistics:20220308132012p:plain

それを最も効果的な方法で実現するために、彼らはDesignOpsを5つのエリアに拡張しました。そして、Airbnbのデザイン、グロース&トラフィック担当ディレクターのAdrian Cleave氏が指摘するように、「我々の職務には、デザインプログラム管理、デザインツール、ローカリゼーション、プロダクションデザイン、チームコーディネータが含まれます。私たちは、マーケティング、プロダクト、デザイン、エンジニアリングと密接に連携し、最高のユーザーエクスペリエンスを創造しています。」

なぜDesignOpsが重要なのか?

今、デジタルワークスペースが広がっています。ソフトウェアやサービスデザインの開発環境は、依然としてダイナミックに動いています。消費者はデジタルを使いこなし、高い期待やニーズを持ちながら進化しています。デザインチームはプロジェクトを管理すると同時に、需要と供給のバランスを保つため規模を拡大しています。これらすべては、デジタルトランスフォーメーション、絶えず現れるトレンド、デザインプロセス、タスクの影響下で発生し、その複雑さは日ごとに増してチームの間を行き来しています。

デジタル・トランスフォーメーションだけでなく、DesignOpsトランスフォーメーションを推進し、デザインの運用面に対処すれば、チームはデザインと開発のワークフローを改善し、同時に上記すべての要因を軽減できます。

以下の点に注目してください。

  1. ビジネスやプロジェクトごとに異なるボトルネックへのアプローチや具体的な成果が求められるため、DesignOpsの変革のゴールを明確にする必要がある 。

  2. 機能不全は、設計のアイデア出しの段階から調査し、認識する必要があります。そのためには、プロジェクトに関わるすべての部署にアンケートを実施し、潜在的なユーザーに対しても調査を実施するのがよいでしょう。成功のスコアを出すハイパフォーマンスなチームを作るには?データによって意思決定を行い、結果を測定することによって。データを活用し、改善する。これを繰り返しましょう。コラボレーション、測定、分析。データを使って意思決定する - ユーザーを評価し、何が一番効果的かを確認する。ユーザーテストとユーザビリティテストを実施し、より良い結果を得るために、現代的な方法で全員を参加させましょう。

  3. 目的に合ったDesignOps担当者を配置した後、チームは新しいDesignOpsの原則と手法に導かれるような柔軟性を保つ必要があります。

  4. コラボレーションを促進し、設計と開発チームの進化を可能にする。

  5. デザイナーと製品デザインの両方の価値を増幅させ、エンドユーザーだけでなく、プロジェクトに関わるすべての人の心に響くようにします。最終的な成果物が特定の目的を持ち、その目的がUIやUXデザイナーからプロジェクトマネージャー、ステークホルダー、そして最終的に製品・サービスと関わり、利益を得る人々まで、すべての部門、チームメイト、潜在的ユーザーにしっかりと伝えられることに驚かれることでしょう。

DesignOpsの4つのPとその働き

デザインオペレーションを語るとき、その最も基本的な部分を見ると、4つの要素、つまり4つのPを中心に展開されていることに気づかされます。Product(製品)、Process(プロセス)、People(人)、Program(プログラム)です。そして、それぞれの要素が、それぞれの方法でデザイナーに利益をもたらします。

f:id:ykinfragistics:20220308142559p:plain

この点に関して、Product(製品)に特化したコンポーネントは、組織化するためのアイデアに導かれ、以下の内容に働きかけます。

  • ボトルネックの発見と除去、より良いデザインワークフローの策定。
  • ミスコミュニケーションやサイロ化など、業務上の機能不全を軽減。
  • ハイレベルな設計プロジェクトの開始からテスト、納品までの集中的なロードマップの作成。
  • 製品のための作業構成(ワーク・ブレイクダウン・ストラクチャ)の概要を示すことで、どこから始めて何で終わるかが理解できる。
  • ユーザー中心設計の良し悪しに関する原則や共通の基準を定義し、デザイナーとして遵守し、非デザイナーにも伝えられるようにすることで、設計の説明責任を果たす。
  • デザインプロジェクトに携わるチームメンバー全員が共有できるデザイン品質指標を定義、選択し、調整する。
  • 状況認識力とプロジェクト認識力を高め、あなたとあなたのチームが同じ見解を持ち続け、引き継ぎをうまく処理し、全員がどこにいるのかをより簡単に把握できるようにします。

2つ目の「P」はProcess(プロセス)のことです。DesignOpsは、優先順位をつけて、会社のことを考えて行動・機能するという主旨で推進されていると考えています。つまり、ビジネスと特定のデザインプロジェクトが一緒になっているのです。このプリズムを通して捻じ曲げることが重要です。なぜなら、DesignOpsは以下の点に注目しているからです。

  • 予算とそのプロジェクトでデザインチームにかかる費用の明確化。
  • 戦略的なビジネス目標、作業範囲、デザイナーの指針となるドキュメントを特定すること。こうすることで、ブランディングの要件やビジネス目標をより容易に把握することができます。
  • プロジェクトにおける締め切りと優先順位の決定。これにより、例えば特定の機能に関するマップを作成することで優先順位をつけることができます。さらに、何を優先すべきか、優先順位の高いタスクをどのように整理すればより直線的なワークフローになるか、がわかります。
  • 異なる部門のチームメイト(PM、開発者など)との定期的なミーティングを通じて、進行中のすべてのことを把握することができます。

People(人)で重要なことはソーシャライズ、人と交わるためのアイデアです。しかし、チームメンバー間の情報共有や最新情報の共有という意味だけではありません。デザインオペレーションでは、ニーズ、スキル、目的、デザインチームの能力をより良い方法で伝えることに重点を置いています。主な優先事項は以下の通りです。

  • 適切なスキル、共有ビジョン、共通の目的を持つデザインチームを構築し、その一員となることでより簡単に他のメンバーと同期することができます。
  • UI/UXデザイン部門に所属する人の役割を知ること。
  • デザイナーの具体的なニーズを把握し、スキルギャップの問題点を特定する。
  • 製品・サービスを成功させるための道筋を共有する。
  • デザインプロジェクトの範囲、機能、目標、方向性をチームメイトと共有し、デザインのズレを防ぐ。
  • デザイン開発と実装に必要な労力を期限を決めてバランスよく配分し、プロジェクトを完了させたり、新機能を期限内にリリースできるようにする。
  • デザインチームのキャパシティと作業量を理解し、燃え尽き症候群を回避する。

最後に、DesignOpsコンポーネントでは、テクノロジーとDesignOps自動化ツールの標準化というアイデアを中心にProgram(プログラム)を回しています。その内容は以下の通りです。

  • 同じDesignOpsツールやデジタルアセットマネージャー(DAMS)などのデジタル製品開発プラットフォームを活用することで、デザインワークフローを迅速に効率化することができる。
  • 簡単にアクセスできるユーザーリサーチデータリポジトリを開発する。
  • Infragistics社のSlingshotなどのデザイン・コラボレーションツールや効率的なコラボレーションにより、デザイナー、他のデザインチームメイト、開発仲間との複数の役割をまたいだコラボレーションを可能にする。
  • デザインプロジェクトに関わるすべての人が、デザインのアイデア出し、評価、建設的なフィードバックを行えるようにする。
  • コミュニケーションギャップを克服し、例えば、ある機能の制作を担当するデザイナーを開発者が知らないといった日常的な機能不全を解決する。

デザインワークフローとオペレーションを改善するためのヒント

課題を克服し、デザインワークフローを最適化し、デジタル製品の開発プロセス全体を強化するために、DesignOpsが対応しなければならない事柄は確かに多く存在します。例えば、デザイナーが導入しているアドホックな運用システムやアプローチに対する解決策を見出そうとするようなことです。あるいは、プロジェクトマネージャー、開発者、デザイナー間でのデザインサイロ化、イテレーション、あるいはミスコミュニケーションを回避することです。

ここでもガートナー社[3]は、デザイナーのためのより良いワークフローを構築し、スムーズなデザインプロセスと建設的なコミュニケーションを実現するために、業務を合理化する3つの重要な事柄を再確認しています。

"UXチーム内で共通のエンタープライズ・アジャイル・プランニング(EAP)ツールとアジャイル手法を採用し、UXリソースの計画、見積もり、追跡、割り当てを行うことで、「信頼できる唯一のオペレーション情報源(Single Source of Operational Truth)」を適用すること。

UXチームと開発チーム間のコミュニケーションを促進するため、グループおよび個人レベルで共同の創造性を発揮する。

日々の制作活動と並行して、アイデアを探してテストを行うための継続的な探求作業を採用し、イノベーションを形式化する。"

さらに2つのヒントを付け加えたいと思います。

会社、現在の設計プロセス、プロジェクトマネジメントを調査しして、ROIを向上し最大の障害を克服する有利な領域を評価する。デザインプロセスにおけるペインポイントに対処し、そこから最適化を開始する。

DesignOps担当者との定期的なミーティングを増やす。ここには、「一律に対応できる」施策は存在しません。企業や事業はそれぞれ異なり、規模やプロジェクト、欠点、進捗状況も異なるため、成長過程も異なります。だからこそDesignOpsの専任担当者やチームは、組織の特殊性や自分が所属するデザインプロジェクト、その他関係者に焦点を当てて戦略を絞り込む必要があるのです。DesignOps担当者の役割は、特定の企業やそのデザイン製品のニーズ、強み、弱みによって厳密に決まります。

Indigo.DesignでDesignOpsをスケールアップする方法

コラボレーションとチームの効率化

Infragistics の Indigo.Design を使用することで、一貫性、効率性、チームワーク、そして重要な業務の自動化とデジタル化を実現し、競争力を維持しながらより大きな価値を提供することができます。完全なデジタル製品のデザインプラットフォームとして、グループワークスペースを通じた真のUXデザイン-開発コラボレーションを可能にするDesignOpsツールとして使用できるため、運用上の機能不全を解消することができます。管理者、デザイナー、開発者、そしてステークホルダーにまで単一の作業環境を提供することで、誰もが簡単に共同作業を行い、リアルタイムでプロトタイプのテストを行いコメントを追加し、デザインの手戻りをなくし、コストのかかる反復作業を削減することができます。DesignOpsを拡張するためにIndigo.Designを使用することで、チーム全体が、エンドユーザー、タイムライン、納期、デザインの詳細、推奨される特徴や機能、そして全員に割り当てられたタスクの状況を認識することができます。

コスト削減とハンドオフ時間のゼロ化

DesignOpsを拡張するもう一つの方法は、設計から開発へのハンドオフプロセスを促進することで、設計者、開発者、およびステークホルダーの時間を節約し、コストのかかる反復作業を減らすことです。"なぜステークホルダーなのか?"という疑問があるかもしれません。それは、デザイナーがデザインのビジュアルと行動の面で責任を持ち、開発者はそれを実装するのに対し、設計後と実装前に承認を受けるための間に立つ人(ステークホルダー)がいるのです。そして、Indigo.Design + WYSIWYG Drag & Drop Web App Builderの組み合わせで、このプロセスをさらに促進させることができます。

通常ステークホルダーは、機能的なもの、概念実証(POC)、開発している製品とのインタラクション、テスト、そのすべてが何であるかを確認したいと思っています。そのため、開発者はこのPOCを作成しても(時には数バージョンかかることもあります)、プロセスの最後には破棄されてしまうことがあります。App Builderは、このプロセスの各ステップをプラットフォーム内で管理するツールであるため、この手動のフェーズがすべて排除されます。デザイナー、開発者、ステークホルダー間でコラボレーションが効率化され、開発期間が大幅に短縮されます。一般的に、チームはスプリント(1回または複数回)で作業を行いますが、スクラムやアジャイルではリサーチフェーズやディスカバリーフェーズがあり、数週間かかることもあります。しかし、App Builderを使えば、コンセプトやディスカバリーリサーチのフェーズを2~4週間から1~2日に短縮することができます。

そして開発者は、設計プロセスの早い段階で関与することができるようになります。こうすることで、デザイナーはデザインの要素がウェブ、モバイル、デスクトップアプリケーションにどのように反映されるかを直接知ることができ、開発者はコードの潜在的な問題を発見することができるようになります。

また開発者は、Indigo.Designで全てのビジュアルパーツを生成し、プログラマーはHTMLコード(または、Blazorなど他の一般的な技術で制作可能なコード)を即座に入手できるため、定型文を生成する時間を短縮することができます。

そして最後に、私たちのdesign-to-codeシステムで、デジタル製品のデザインプロセスに関わる全ての人、テスター、またはユーザーがより効果的に価値と目的をもたらす製品に貢献できるようになります。

f:id:ykinfragistics:20220308153626p:plain

cloud.indigo.design

出典

  • ガートナー「DesignOps: Organize, Collaborate and Innovate Product UX at Speed」2020年5月6日、Brent Stewart、Jason Wong、Arun Batchu著
  • Airbnb.design, "DesignOps at Airbnb How we manage effective design at scale", Adrian Cleave
  • [1] ガートナー「DesignOps: Organize, Collaborate and Innovate Product UX at Speed」2020年5月6日、Brent Stewart、Jason Wong、Arun Batchu著
  • [2] Gartner, "DesignOps: Organize, Collaborate and Innovate Product UX at Speed", 6 May 2020, by Brent Stewart, Jason Wong, Arun Batchu.
  • [3] ガートナー、"DesignOps: Organize, Collaborate and Innovate Product UX at Speed"