コンテンツにスキップ
ソフトウェア開発

アジャイル デザイン

コラボレーティブなデザインのプロセスとガイドライン

トピック一覧
スクラム
カンバン
アジャイル プロジェクト管理
製品管理
大規模アジャイル
ソフトウェア開発
デザイン
アジャイル マーケティング
アジャイルのメリット
アジャイル チーム
アジャイル チュートリアル
アジャイルに関する会話
アジャイル コーチについて

デザインはどんなソフトウェア プロジェクトにおいても重要な部分です。にもかかわらず、以下の 4 つの要因により、アジャイル チームはデザインについて何をすべきか度々悩まされます。

  • 多くのチームは計画プロセスで忠実度の高いデザインを重視するために、実装の間ずっとウォーターフォールの文化を強いられることになる

  • デザイナーは複数のチームを掛け持つため、各チームと共に作業する時間に限りがある

  • デザイナーはエンジニア チームへ必ずしも簡単にフィードバックできるとは限らない

  • ロジックとプレゼンテーションの各層は、必ずしもコードベースで明確に分けられているとは限らないため、スタイルの変更を難しくしている

デザイン特集コンテンツ

[続き]

デザイン: アジャイルに。まさに開発と同じく

詳しく見ていく前に、もう 1 つコンセプトをご紹介しましょう。「コラボレーティブ デザイン」です。製品デザインで繰り返し作業を孤立した状態で行っていても、よい結果は生まれません。プロジェクトの開始時に顧客と開発者の視点を求めることが、正確なデザインを目指すための最初の試みであり、プロジェクトを進めるにあたりデザインのバージョンの方向性を決めることになります。アトラシアンのデザイナーがどのようなコラボレーションを行っているか、ウェビナーを見てみましょう。

design-video-thumbnail

今ご覧いただいたように、製品所有者とデザイナーは製品プランの初期段階でブレーンストーミングとイテレーションに時間を費やしています。この目的はビジネス ケースを検証することです。また、実際に顧客が直面する実際の問題を解決するために、エンジニアが十分に時間を費やしているか確認することです。

status-exclaim
プロからのヒント:

このフェーズは「スプリント ゼロ」ではありません。時間枠を決めることよりも、基礎をしっかり確認することが重要です。基盤をしっかりと整えたうえでプログラムを開始すれば、プロジェクト全体で実を結びます。ですので、しっかりと時間を取ってください。

最初にプラニングとアイデアを固めたら、プロダクト マネージャーとデザイナーは開発チームと協同作業を開始します。プログラム全体を通して、ビジュアルとインタラクション デザインは反復する必要があります。まさにソフトウェア アーキテクチャと同様に、です。解決すべき最も重要な問題を見いだし、その解決方法に関するフィードバックを得られるようにデザイン (とコード) を追加します。

チームがスプリント計画とバックログ グルーミングに取り掛かるときに、デザイナーを参画させます。彼らのインプットを得ることで、製品の将来的な方向性に関する決定がより容易になります。

無料の Jira テンプレートでデザインをアジャイルに

カスタマイズ可能な無料のデザイン テンプレートにより、全員が同じ認識を持てます。

開発者や製品所有者もデザインできる!

多くの組織で、デザイナーは複数のチーム (複数の製品の場合も!) を同時に担当します。実際、アトラシアンでもそうです。そこで、私たちはデザイナーの貴重な時間をより有効に使えるようにしました。

アトラシアン デザイン ガイドラインには、素晴らしいエクスペリエンスをデザイン、構築するための原則、ガイドライン、役立つ情報が詰まっています。このデザイン ガイドラインはビジュアル デザインの要素だけではなく、ユーザー エクスペリエンスにおける価値も盛り込んでいます。当社の製品ファミリー全般において、複数のアジャイル チームが、一貫したエクスペリエンスを提供できるよう開発しています。上記のように、デザイン プロセスには開発者と製品所有者も参加しています。アトラシアン デザイン ガイドラインを利用してチーム全体が一緒に作業を行うと、開発者と製品所有者がより優秀なデザイナーへと成長します。そのスキル セットをチーム全体で共有すれば、それがアジャイル文化の基本的価値観となります。

共通の考え方を持つことが重要だということに加え、アジャイル デザインへの取り組み方法についてもさらに説明していきます。アトラシアン デザイン ガイドラインは、次の主要な 3 つのチャンネルで配信されています。

  • アトラシアン デザイン ガイドラインの Web サイト: デザイン決定の背景にある精神や方法論を掲載

  • AUI (アトラシアン ユーザー インターフェイス) フラット パック: HTML、JavaScript、CSS テンプレートのセットになっており、これでコードのデザイン要素すべてを実装

  • すべてのコンポーネントを視覚的に表示した要旨と PowerPoint テンプレート

開発者は AUI フラットパックをダウンロードして、モックアップを制作できます。同様に、製品所有者はコードを一切書かずに、実際の製品のようなスライド デッキで製品エクスペリエンスを作成できます。デザインについて有意義でアクションにつながるフィードバックを得るには効果的な方法です。これは、アジャイル チーム全体でデザイン パートナーシップを強化することにも役立ちます。ひとりのデザイナーが計画プロセスをリードし、チームの残りのメンバーはイテレーションを通して決定に寄与します。これによりデザイン決定でのボトルネックを取り除き、チーム全体がよりアジャイルになります。

すばらしいエクスペリエンスのためのデザイン

すべての機能は開発過程で 2 つのパスを通過します。ユーザー エクスペリエンス デザインとビジュアル デザインです。ユーザー エクスペリエンス デザインでは、新しい機能全体において、情報のアーキテクチャーとワークフローを重視した考え方を採用します。ビジュアル デザインでは、インタラクション デザインと機能の形式を網羅します。製品開発プロセスにおいて感性が活きる部分であるため (おまけに、キラキラして楽しい側面も多いため)、時に、ビジュアル デザインを重視し過ぎてしまうことがあります。それはそれで重要ですが、ビジュアル デザインが優れたユーザー エクスペリエンスをしのぐことはできません。実際、魅力的なユーザー エクスペリエンスがなければ、最高に粋なビジュアル デザインであっても、ユーザーが製品に惚れ込むことはないでしょう。

ユーザー エクスペリエンスをよく理解し、仕上がりと冴えないレイアウトに欠点を見つける第六感があれば、デザイナーはフィードバックに極めて重要な人材となります。デザイナーが簡単にスクリーンショットを撮り、マークアップして、不具合を報告または改善を提案できるようにします。

柔軟なデザインは廃れないデザイン

開発パラダイム同様、デザインも時間の経過とともに変化します。CSS などの近代のテクノロジーにより、アプリケーションの外見とロジックを簡単に切り離せるようになりました。また、確実に自動化テストの構築を行えば、ビジュアル デザインが新しくなったときでも、すぐに回復させられます。デザインは変化するものなので、コード ベースが容易にトレンドに付いていけるように準備しておくことが大切です。

Sven Peters
Sven Peters

Sven Peters はアトラシアンの開発者アドボケートであり、過去 15 年間にわたってソフトウェア開発の動向を研究し、開発チームが効果的に働き、イノベーションを推進するために役立つ文化的および技術的な属性を明らかにしてきました。彼はコードを記述し、チームを率い、25 か国以上で開催される数え切れないほどのカンファレンスで何千人もの開発者と経験を共有してきた 20 年の経験があります。

デザイン特集コンテンツ

OSZAR »