だれでも簡単に使える無償のプロトタイプツール、Indigo Studio をご紹介します。

1. Indigo Studio で作るプロトタイプ
インフラジスティックス・ジャパン株式会社 東 賢

2. Developers
INFRAGISTICS 【名】 Summit
ɪnfrədʒɪˈstɪks ： インフラジスティックス
1. ニュージャージーに本社を置く UI コントロールを中心としたソフトウェ
ア製品を開発・販売するグローバルカンパニー
2. Infrastructure（基礎構造）+ logistics（後方支援）
3. バイク乗りが社長の東京・原宿の会社【日本】
4. インフラさん【俗称】

3. 利用のポイント／傾向 Developers
Summit
• 開発／テスト双方における工数の削減
• パフォーマンスの高さ（特にグリッド／チャート）
• 手軽に一貫した優れたスタイルによる外観の高い品質を得ることが可能
• 日本法人によるダイレクトサポート
• サブスクリプション／アップグレードにおける継続的な価値向上（大小の機能追加及びバグフィックスを含む）
• ソースコードの開示（100万行以上の洗練されたコード！）
• どの製品でも一貫したアーキテクチャと同じアプローチをとっていることによる学習コストの削減
SIer
• プロジェクトにおける工数の削減
• 提案／設計時のラピッドプロトタイピングにも利用
ISV
• 自社製品の継続的アップグレードに伴う価値向上
• 弊社製品による他のプラットフォームへの迅速な対応
In-house IT
• セルフ開発スキーム確立における標準パーツとしての利用
• 「作らない」ための弊社製品の利用
ユーザーインターフェイス開発において、いかに生産性を高め、
優れたUXを実現するための支援が出来るかを追求

4. Developers
Summit
インフラジスティックス・ジャパン株式会社
東 賢（Ken Azuma）
インフラジスティックス・ジャパン株式会社
代表取締役／シニアUXアーキテクト
「全ての状況における生産性の向上」と Microsoft MVP
Ken Azuma Windows Touch & Tablet PC
「優れた UI / UX をお届けすること」の二つを
f
コアバリューとして、様々な形で
アプリケーションにかかわる皆様が、
優れたユーザーインターフェイスを通じ、
満足度の高いサービスを展開されるための
Blog
様々なお手伝いをさせていただいております。

6. UIコントロール

7. ANDROID HTML5 iOS

9. Announce!
製品版Ignite UIから、グリッドを
商用利用な形で無償提供しています！

10. Announce!
誰でも簡単に使えるプロトタイプツール、
Indigo Studio を無償提供しています！

12. Why Indigo Studio from Infragistics?
UXサービス
ビジネスソリューション
（アプリケーション）
UIコントロール
(RAD Dev Tool)

13. 何故 Indigo Studio が必要なの？（優等生）
調査の結果、71パーセントの方が設計や仕様の認識不足／共有
不足に起因した作業のやり直しが、ソフトウェア開発におけるもっと
も大きな問題であると回答しています。
一方、下記のような課題もあります。
• UIデザインツールが扱いにくい、あるいは難しい
• 例）SI企業におけるFireworks-phobia
• 膨大なUI仕様の存在の結果、一部が無視されたり、部分的に
適用されるというような事態が起こる
• ツールがユーザー中心設計にマッチしていない
• インタラクティブなプロトタイプを作るのに大きなコストがかかる
• 時間をかけていないつもりでも、どんどん時間をかけている。。。
• プロトタイプを作るのに、コードの知識が必要になる
• プロトタイプの修正がドキュメント修正のように再起タスク化する

14. 何故 Indigo Studio が必要なの？（アズマ）
ユーザーインターフェイスへの理解が十分でない状態が続くと：
データグリッドしか売れない

15. UXの要素検討
Surface : 表層
Skeleton : 骨格 Features : 機能
• ナビゲーションマップ
• ワイヤフレーム
• UI デザインガイドライン
Structure : 構造
Tasks : タスク
Scope : 要件 • ユーザータスクと行動、ユースケース
• テクノロジーに依存しない
Strategy : 戦略
Goals : ゴール
• ビジネスゴール
• コンセプト
• ユーザーゴールに従ったユーザーモデル 14

16. UXの要素検討
ソフトウェアプロダクト
機能
Tools
UI
タスク
UX
ゴール

17. ゴールやタスクの検討

18. ユーザーインターフェイスの構成要素 : View
ベクターやビットマップによるアイコンなど、
アセット UI 上でそのまま表示されるもの
スタイル UI コントロールに適用される外観
モーション 状態内／状態間のアニメーション
レイアウト ネスト構造を持ったグループ化されたレイアウトコントロール
UI コントロール 多くはデータバインドの対象となる UI コントロール
スクリーンフロー 複数のレイアウトを管理する画面の集合

19. 検討プロセスに足りないものがある
？
UXの検討 UIの検討

20. プロトタイプ：
スケッチレベルでの大きなイメージや
ストーリーの共有
スクリーンフローやモーションを含めた
より細かいレベルの共有
なにかツールの助けが必要

21. by

22. ストーリーボードによる
ユーザーストーリーの検討

23. スクリーンのスケッチとデザイン

24. あなたのUIに集中できる環境

25. インタラクティブなコントロール
で発想を助ける

26. インタラクションを可視化する

27. モーションを設定する

28. コメントでフィードバック

29. 共有／エクスポート／
プレゼンテーション！

30. デモ

31. Indigo Studioのこれから：
特定のプラットフォームに対応した
コントロールパックを提供予定
対応プラットフォームを増やす予定
Ask me！

32. Call to (small) Action!：
Ignite UIをダウンロードしてください！
Indigo Studioをダウンロードしてください！
是非知り合いの皆様にご紹介ください！

33. Call to (small) Action!：
Ignite UI V1はいつまでも
サポートつきで無償で利用できます！
どんな機能がV2にあったらいいでしょうか？
是非フィードバックをお願いします！
（その機能があれば、安ければ買っていただけますか？）

34. Call to Action!：
プロトタイプをうまく活用することで、ユーザーとの認識齟齬
を回避し、開発全体をスムーズにしましょう。
プロトタイプをデザイナーだけのものにせずに、
是非もっと広く開発現場に浸透させてください。
日本初の良質なユーザーインターフェイスを
どんどん発信していきましょう！