Indigo.Design


UX プロトタイピングとユーザビリティ テスト


コードを記述せず、iOS や Android、Web、デスクトップなどほぼ全てのプラットフォーム向けの画面デザインおよびインタラクションをデザインできます。

Indigo.Design は Infragistics Ultimate に含まれます (単体製品として購入することも可能です)。


UI デザインに忠実なアプリケーション コードを生成する
アプリケーション デザイン プラットフォーム


Indigo.Design を利用することで開発初期にエンド ユーザー、システム エンジニア、開発者、デザイナーなどプロジェクト関係者間で目指すゴールや、画面インタラクションについて合意形成を図ることができます。


ブランドに適合する上質なデザインを構築

Sketch に組み込めるデザイン ライブラリが提供されます。このライブラリは実開発で利用できる UI 要素や画面パターン、アプリケーションのひな形が含まれています。また、拡張性にも優れているため、ブランドに適合する社内標準デザインを作成することができます。
プロトタイプの共有、フィードバック、ユーザビリティ テスト
デザインした画面をインポートし、クラウド上でプロトタイプを作成できます。関係者やエンドユーザーへの共有、フィードバック ループ、ユーザビリティ テストを実施し、ゴールを共有するのに役立ちます。手戻りのない画面実装を実現しましょう。
1 クリックでコードを生成
作成、テストされたプロトタイプをもとに画面コード (HTML/CSS/Angular コード) を生成します。デザイン ライブラリはモダン Web アプリ向け UI コンポーネント、Ignite UI for Angular があらかじめマッピングされているため、デザインを忠実に再現することができます。





1. Indigo Design System

Ignite UI for Angular と対になる Sketch ライブラリを使ってデザイン

50 種類以上の Indigo.Design Sketch UI コンポーネントが、Ignite UI for Angular UI コンポーネントにマッピングされています。この Sketch UI コンポーネントを使って画面デザインを行うことで、HTML、CSS、Angular コードが出力できるようになります。

画面デザインをサポートする UX パターン ライブラリ

Indigo.Design Sketch UI キットに含まれる 45 種類以上の UX/UI パターンを活用し、効率的に画面をデザインできます。一からパーツを作成する必要はありません。

Sketch UI キットの拡張性

Sketch UI キットとして提供されているライブラリを自社のブランディングに合致するように拡張またはカスタマイズすることができるため、デザイン標準を策定し、統一されたルックアンドフィールを実現できます。


2. プロトタイピング & ユーザビリティ テスト

クラウドにホスティングされたサービスでプロトタイプを作成

cloud.indigo.design で Sketch ドキュメントやイメージをインポートし、プロトタイプを作成できます。プロトタイプにはユーザー フローを示すインタラクション、トランジションを追加でき、プロトタイプのリンクを共有することでさまざまなデバイスで実行できます。

ユーザビリティ テストのレコーディングと分析

参加人数無制限かつリモート実施可能なユーザビリティ テストを実施し、テスト参加者の画面や音声、表情を記録することができます。レコーディングとユーザーの操作が可視化されたリアルタイム レポートを活用し、改善点を分析できます。

共同編集とコラボレーション

複数人でプロトタイプの共同編集を行うグループ ワークスペース機能を提供します。また、プロトタイプへのコメント機能、メール通知機能を活用し、開発プロジェクトに携わる全関係者のフィードバックを得ることができます。


3. Angular コード アセット

Angular アプリケーションコードを生成

Visual Studio Code プラグインを使用し、Indigo.Design にアップロードされているプロトタイプにアクセスできます。プロトタイプ内の必要な画面を選択し、コード生成を実行することで、Angular 向けに最適化された HTML、CSS、TypeScript ファイルが生成され、プロジェクトに追加されます。

Ignite UI for Angular を活用

Indigo.Design Enterprise には高機能、高パフォーマンス Angular UI コンポーネント、Ignite UI for Angular が含まれています。Indigo.Design のコード生成機能を利用せずに直接、高速データ グリッドやチャートなど、50 種類以上のマテリアル デザイン対応 UI コンポーネントを活用し、Angular アプリケーションを構築できます。



用途、プロジェクトのサイズに合わせたプランを選択
単体製品またはスイート製品として購入可能です

Infragistics Ultimate
(スイート製品)

開発者ライセンス、サブスクリプション

  • Indigo.Design Enterprise バンドル製品
  • 100 種類以上の UI コントロール
  • 技術サポート、トレーニング (有償)
価格の詳細はこちら

Indigo.Design Professional
(単体製品)

年間サブスクリプション ライセンス

  • 1 ユーザー サブスクリプション
  • Indigo.Design Desktop
  • レビュー、コメント機能
  • 無制限のグループ ワークスペース
  • 共同編集機能
  • ユーザビリティ テスト機能
  • クラウド上でイメージベースのプロトタイピング
  • Sketch UI キット
  • コード生成ジェネレーター
  • Ignite UI for Angular
価格の詳細はこちら

Indigo.Design Enterprise
(単体製品)

年間サブスクリプション ライセンス

  • 1 ユーザー サブスクリプション
  • Windows & Macアプリでプロトタイピング
  • レビュー、コメント機能
  • 無制限のグループ ワークスペース
  • 共同編集機能
  • ユーザビリティ テスト機能
  • クラウド上でイメージベースのプロトタイピング
  • Sketch UI キット
  • コード生成ジェネレーター
  • Ignite UI for Angular
価格の詳細はこちら


ページトップへ