狠狠撸

狠狠撸Share a Scribd company logo

Indigo Studio で作るプロトタイプ

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

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

1 of 35
Downloaded 10 times
Indigo Studio で作るプロトタイプ インフラジスティックス?ジャパン株式会社 東 賢
Developers INFRAGISTICS 【名】 Summit ?nfr?d???st?ks ： インフラジスティックス 1. ニュージャージーに本社を置く UI コントロールを中心としたソフトウェ ア製品を開発?販売するグローバルカンパニー 2. Infrastructure（基礎構造）+ logistics（後方支援） 3. バイク乗りが社長の東京?原宿の会社【日本】 4. インフラさん【俗称】
利用のポイント／倾向 Developers Summit ? 開発／テスト双方における工数の削減 ? パフォーマンスの高さ（特にグリッド／チャート） ? 手軽に一貫した優れたスタイルによる外観の高い品質を得ることが可能 ? 日本法人によるダイレクトサポート ? サブスクリプション／アップグレードにおける継続的な価値向上（大小の機能追加及びバグフィックスを含む） ? ソースコードの開示（100万行以上の洗練されたコード！） ? どの製品でも一貫したアーキテクチャと同じアプローチをとっていることによる学習コストの削減 SIer ? プロジェクトにおける工数の削減 ? 提案／設計時のラピッドプロトタイピングにも利用 ISV ? 自社製品の継続的アップグレードに伴う価値向上 ? 弊社製品による他のプラットフォームへの迅速な対応 In-house IT ? セルフ開発スキーム確立における標準パーツとしての利用 ? 「作らない」ための弊社製品の利用 ユーザーインターフェイス開発において、いかに生産性を高め、 優れたUXを実現するための支援が出来るかを追求
Developers Summit インフラジスティックス?ジャパン株式会社 東 賢（Ken Azuma） インフラジスティックス?ジャパン株式会社 代表取締役／シニアUXアーキテクト 「全ての状況における生産性の向上」と Microsoft MVP Ken Azuma Windows Touch & Tablet PC 「優れた UI / UX をお届けすること」の二つを f コアバリューとして、様々な形で アプリケーションにかかわる皆様が、 優れたユーザーインターフェイスを通じ、 満足度の高いサービスを展開されるための Blog 様々なお手伝いをさせていただいております。
Indigo Studio で作るプロトタイプ
鲍滨コントロール
ANDROID HTML5 iOS
Indigo Studio で作るプロトタイプ
Announce! 製品版Ignite UIから、グリッドを 商用利用な形で無償提供しています！
Announce! 誰でも簡単に使えるプロトタイプツール、 Indigo Studio を無償提供しています！
Indigo Studio で作るプロトタイプ
Why Indigo Studio from Infragistics? UXサービス ビジネスソリューション （アプリケーション） 鲍滨コントロール (RAD Dev Tool)
何故 Indigo Studio が必要なの？（優等生） 調査の結果、71パーセントの方が設計や仕様の認識不足／共有 不足に起因した作業のやり直しが、ソフトウェア開発におけるもっと も大きな問題であると回答しています。 一方、下記のような課題もあります。 ? UIデザインツールが扱いにくい、あるいは難しい ? 例）SI企業におけるFireworks-phobia ? 膨大なUI仕様の存在の結果、一部が無視されたり、部分的に 適用されるというような事態が起こる ? ツールがユーザー中心設計にマッチしていない ? インタラクティブなプロトタイプを作るのに大きなコストがかかる ? 時間をかけていないつもりでも、どんどん時間をかけている。。。 ? プロトタイプを作るのに、コードの知識が必要になる ? プロトタイプの修正がドキュメント修正のように再起タスク化する
何故 Indigo Studio が必要なの？（アズマ） ユーザーインターフェイスへの理解が十分でない状態が続くと： データグリッドしか売れない
鲍齿の要素検讨 Surface : 表層 Skeleton : 骨格 Features : 機能 ? ナビゲーションマップ ? ワイヤフレーム ? UI デザインガイドライン Structure : 構造 Tasks : タスク Scope : 要件 ? ユーザータスクと行動、ユースケース ? テクノロジーに依存しない Strategy : 戦略 Goals : ゴール ? ビジネスゴール ? コンセプト ? ユーザーゴールに従ったユーザーモデル 14
鲍齿の要素検讨 ソフトウェアプロダクト 機能 Tools UI タスク UX ゴール
ゴールやタスクの検讨
ユーザーインターフェイスの構成要素 : View ベクターやビットマップによるアイコンなど、 アセット UI 上でそのまま表示されるもの スタイル UI コントロールに適用される外観 モーション 状態内／状態間のアニメーション レイアウト ネスト構造を持ったグループ化されたレイアウトコントロール UI コントロール 多くはデータバインドの対象となる UI コントロール スクリーンフロー 複数のレイアウトを管理する画面の集合
検讨プロセスに足りないものがある ？ UXの検討 UIの検討
プロトタイプ： スケッチレベルでの大きなイメージや ストーリーの共有 スクリーンフローやモーションを含めた より細かいレベルの共有 なにかツールの助けが必要
by
ストーリーボードによる ユーザーストーリーの検討
スクリーンのスケッチとデザイン
あなたの鲍滨に集中できる环境
インタラクティブなコントロール で発想を助ける
インタラクションを可视化する
モーションを设定する
コメントでフィードバック
共有／エクスポート／ プレゼンテーション！
デモ
Indigo Studioのこれから： 特定のプラットフォームに対応した コントロールパックを提供予定 対応プラットフォームを増やす予定 Ask me！
Call to (small) Action!： Ignite UIをダウンロードしてください！ Indigo Studioをダウンロードしてください！ 是非知り合いの皆様にご紹介ください！
Call to (small) Action!： Ignite UI V1はいつまでも サポートつきで無償で利用できます！ どんな機能がV2にあったらいいでしょうか？ 是非フィードバックをお願いします！ （その機能があれば、安ければ買っていただけますか？）
Call to Action!： プロトタイプをうまく活用することで、ユーザーとの認識齟齬 を回避し、開発全体をスムーズにしましょう。 プロトタイプをデザイナーだけのものにせずに、 是非もっと広く開発現場に浸透させてください。 日本初の良質なユーザーインターフェイスを どんどん発信していきましょう！
Indigo Studio で作るプロトタイプ

More Related Content

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 様々なお手伝いをさせていただいております。
  • 7. ANDROID HTML5 iOS
  • 9. Announce! 製品版Ignite UIから、グリッドを 商用利用な形で無償提供しています！
  • 10. Announce! 誰でも簡単に使えるプロトタイプツール、 Indigo Studio を無償提供しています！
  • 12. Why Indigo Studio from Infragistics? UXサービス ビジネスソリューション （アプリケーション） 鲍滨コントロール (RAD Dev Tool)
  • 13. 何故 Indigo Studio が必要なの？（優等生） 調査の結果、71パーセントの方が設計や仕様の認識不足／共有 不足に起因した作業のやり直しが、ソフトウェア開発におけるもっと も大きな問題であると回答しています。 一方、下記のような課題もあります。 ? UIデザインツールが扱いにくい、あるいは難しい ? 例）SI企業におけるFireworks-phobia ? 膨大なUI仕様の存在の結果、一部が無視されたり、部分的に 適用されるというような事態が起こる ? ツールがユーザー中心設計にマッチしていない ? インタラクティブなプロトタイプを作るのに大きなコストがかかる ? 時間をかけていないつもりでも、どんどん時間をかけている。。。 ? プロトタイプを作るのに、コードの知識が必要になる ? プロトタイプの修正がドキュメント修正のように再起タスク化する
  • 14. 何故 Indigo Studio が必要なの？（アズマ） ユーザーインターフェイスへの理解が十分でない状態が続くと： データグリッドしか売れない
  • 15. 鲍齿の要素検讨 Surface : 表層 Skeleton : 骨格 Features : 機能 ? ナビゲーションマップ ? ワイヤフレーム ? UI デザインガイドライン Structure : 構造 Tasks : タスク Scope : 要件 ? ユーザータスクと行動、ユースケース ? テクノロジーに依存しない Strategy : 戦略 Goals : ゴール ? ビジネスゴール ? コンセプト ? ユーザーゴールに従ったユーザーモデル 14
  • 16. 鲍齿の要素検讨 ソフトウェアプロダクト 機能 Tools UI タスク UX ゴール
  • 18. ユーザーインターフェイスの構成要素 : View ベクターやビットマップによるアイコンなど、 アセット UI 上でそのまま表示されるもの スタイル UI コントロールに適用される外観 モーション 状態内／状態間のアニメーション レイアウト ネスト構造を持ったグループ化されたレイアウトコントロール UI コントロール 多くはデータバインドの対象となる UI コントロール スクリーンフロー 複数のレイアウトを管理する画面の集合
  • 20. プロトタイプ： スケッチレベルでの大きなイメージや ストーリーの共有 スクリーンフローやモーションを含めた より細かいレベルの共有 なにかツールの助けが必要
  • 21. by
  • 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!： プロトタイプをうまく活用することで、ユーザーとの認識齟齬 を回避し、開発全体をスムーズにしましょう。 プロトタイプをデザイナーだけのものにせずに、 是非もっと広く開発現場に浸透させてください。 日本初の良質なユーザーインターフェイスを どんどん発信していきましょう！