Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Android開発者とデザイナーの効率的な連携に利く話      西岡靖代 @lychee     頓智ドット株式会社
パターンB 企画・デザイン・開発    全部自社   アジャイル開発
いいことばかり?公開後、話題にならないと   即お蔵入り
野望     みんなにも広く使ってもらえて自社の(自分の)代表作になるようなアプリ        = キラーアプリ      やりましょう
最近の傾向キラーアプリ = 機能とデザインと技術が融合したアプリPathPinterestClear(?) etc.
求められるもの機能美世界観を表すデザイン効果的なアニメーション、音
求められるもの機能美世界観を表すデザイン効果的なアニメーション、音       UI/UXを優先した      スムーズな連携が不可欠
連携のコツリソースやり取り編プロジェクト編信頼関係編
連携のコツ
ありがちなこと(1)9-patchを教えられたけどうまくつかえない... 9-patchは確かにむずかしい   エンジニア発祥のツールなため、デザイナーには考   え方が理解出来ない   ツールがヘボくて、エンジニアですら使うの苦痛な   レベル
解決策(1)9-patchはエンジニアがあてろ!デザイナーはデザインに注力
ありがちなこと(2)メールでリソースファイル(画像、htmlファイル)をやりとり エンジニアとデザイナーとがそれぞれリソースファイ ルが管理 デザイナーはさしかえたいリソースファイルを自由に さしかえられない
解決策命名ルールは最初に決めておくhtmlの表示確認の為に確認ツールを作成メールは使わずサーバで一元管理 オンラインストレージだとなおよし Dropbox, SugarSync, etc
解決策命名ルールは最初に決めておくhtmlの表示確認の為に確認ツールを作成      一元管理で管理ミスが減る。メールは使わずサーバ経由で     今後ますます連携がはかどる。 オンラインストレージだとなおよし Dropbox, SugarSy...
解決策+1構成管理ツールが使えたら神 git, subversion, etc オンラインリポジトリ(Github,bitbucket,等)の利 用も
Github for Mac                 デザイナーのための                 Github for Mac の                 使い方                 http://     ...
連携のコツ
ありがちなこと(3)ワイヤーフレーム渡されたけど、必要な作業の範囲がはっきりしない...何をどこまでやるべき?
解決策(3)ワイヤーフレーム時点から打ち合わせして役割分担を決めてしまう エンジニアは単純なデザインは自分で実装する デザイナーはUI/UXに注力 どうしても時間のかかる処理は、デザイナーに フィードバック
エンジニアができること        背景の繰り返し          ハイライト          角丸          (単純な)グラデー          ション          影/縁取り
エンジニアができないこと       タイトル画像       背景画像       矢印       アイコン
そのかわり...どうしても時間のかかる処理位置情報取得サーバへの通信処理画像表示/処理画像認識カメラの起動・終了
そのかわり...どうしても時間のかかる処理位置情報取得サーバへの通信処理        UI/UX優先で役割分担。      今後ますます連携がはかどる。画像表示/処理画像認識カメラの起動・終了
ありがちなこと(4)エンジニアはプロジェクト管理ツールを使われるが、デザイナーには必要な時のみスケジュールの調整や追加依頼、フィードバックを都度メールで連絡される。 デザイナーからはプロジェクトの全体感が見えない 開発側の都合に振り回される
解決策プロジェクト管理ツールでデザイン作業も含め管理RedminePivotal Tracker
Pivotal Tracker      http://www.pivotaltracker.com
連携のコツ
信頼関係を築くためには    高いスキル     責任感      信頼
高いスキルデザイナーAndroidのデザインノウハウは知っておくUI/UXデザイン力エンジニアデザイナーがデザインに集中できるよう、スマートなコミュニケーション環境を準備
高いスキルデザイナーAndroidのデザインノウハウは知っておく          なにより新しい発想をUI/UXデザイン力            楽しんでやれるエンジニアデザイナーがデザインに集中できるよう、スマートなコミュニケーション環境を準備
まとめ効率的な連携のためには、ツールも使うエンジニアはデザイナーがデザイン作業に集中できるよう、その技術力でフォローするデザイナーは 小さい作業はエンジニアにお任せし、UI/UXに集中するお互いムチャ振りされてもOKなように、とにかく
最後に実践エンジニアとデザイナの合同ハッカソンがたまにあります(@tomorrowkey)
お互い高めあって     キラーアプリに  挑戦して見ませんか?
Upcoming SlideShare
Loading in …5
×

Android開発者とデザイナーの効率的な連携について

7,522 views

Published on

Published in: Technology
  • Be the first to comment

Android開発者とデザイナーの効率的な連携について

  1. 1. Android開発者とデザイナーの効率的な連携に利く話 西岡靖代 @lychee 頓智ドット株式会社
  2. 2. パターンB 企画・デザイン・開発 全部自社 アジャイル開発
  3. 3. いいことばかり?公開後、話題にならないと 即お蔵入り
  4. 4. 野望 みんなにも広く使ってもらえて自社の(自分の)代表作になるようなアプリ = キラーアプリ やりましょう
  5. 5. 最近の傾向キラーアプリ = 機能とデザインと技術が融合したアプリPathPinterestClear(?) etc.
  6. 6. 求められるもの機能美世界観を表すデザイン効果的なアニメーション、音
  7. 7. 求められるもの機能美世界観を表すデザイン効果的なアニメーション、音 UI/UXを優先した スムーズな連携が不可欠
  8. 8. 連携のコツリソースやり取り編プロジェクト編信頼関係編
  9. 9. 連携のコツ
  10. 10. ありがちなこと(1)9-patchを教えられたけどうまくつかえない... 9-patchは確かにむずかしい エンジニア発祥のツールなため、デザイナーには考 え方が理解出来ない ツールがヘボくて、エンジニアですら使うの苦痛な レベル
  11. 11. 解決策(1)9-patchはエンジニアがあてろ!デザイナーはデザインに注力
  12. 12. ありがちなこと(2)メールでリソースファイル(画像、htmlファイル)をやりとり エンジニアとデザイナーとがそれぞれリソースファイ ルが管理 デザイナーはさしかえたいリソースファイルを自由に さしかえられない
  13. 13. 解決策命名ルールは最初に決めておくhtmlの表示確認の為に確認ツールを作成メールは使わずサーバで一元管理 オンラインストレージだとなおよし Dropbox, SugarSync, etc
  14. 14. 解決策命名ルールは最初に決めておくhtmlの表示確認の為に確認ツールを作成 一元管理で管理ミスが減る。メールは使わずサーバ経由で 今後ますます連携がはかどる。 オンラインストレージだとなおよし Dropbox, SugarSync, etc
  15. 15. 解決策+1構成管理ツールが使えたら神 git, subversion, etc オンラインリポジトリ(Github,bitbucket,等)の利 用も
  16. 16. Github for Mac デザイナーのための Github for Mac の 使い方 http:// kuroigamen.com/
  17. 17. 連携のコツ
  18. 18. ありがちなこと(3)ワイヤーフレーム渡されたけど、必要な作業の範囲がはっきりしない...何をどこまでやるべき?
  19. 19. 解決策(3)ワイヤーフレーム時点から打ち合わせして役割分担を決めてしまう エンジニアは単純なデザインは自分で実装する デザイナーはUI/UXに注力 どうしても時間のかかる処理は、デザイナーに フィードバック
  20. 20. エンジニアができること 背景の繰り返し ハイライト 角丸 (単純な)グラデー ション 影/縁取り
  21. 21. エンジニアができないこと タイトル画像 背景画像 矢印 アイコン
  22. 22. そのかわり...どうしても時間のかかる処理位置情報取得サーバへの通信処理画像表示/処理画像認識カメラの起動・終了
  23. 23. そのかわり...どうしても時間のかかる処理位置情報取得サーバへの通信処理 UI/UX優先で役割分担。 今後ますます連携がはかどる。画像表示/処理画像認識カメラの起動・終了
  24. 24. ありがちなこと(4)エンジニアはプロジェクト管理ツールを使われるが、デザイナーには必要な時のみスケジュールの調整や追加依頼、フィードバックを都度メールで連絡される。 デザイナーからはプロジェクトの全体感が見えない 開発側の都合に振り回される
  25. 25. 解決策プロジェクト管理ツールでデザイン作業も含め管理RedminePivotal Tracker
  26. 26. Pivotal Tracker http://www.pivotaltracker.com
  27. 27. 連携のコツ
  28. 28. 信頼関係を築くためには 高いスキル 責任感 信頼
  29. 29. 高いスキルデザイナーAndroidのデザインノウハウは知っておくUI/UXデザイン力エンジニアデザイナーがデザインに集中できるよう、スマートなコミュニケーション環境を準備
  30. 30. 高いスキルデザイナーAndroidのデザインノウハウは知っておく なにより新しい発想をUI/UXデザイン力 楽しんでやれるエンジニアデザイナーがデザインに集中できるよう、スマートなコミュニケーション環境を準備
  31. 31. まとめ効率的な連携のためには、ツールも使うエンジニアはデザイナーがデザイン作業に集中できるよう、その技術力でフォローするデザイナーは 小さい作業はエンジニアにお任せし、UI/UXに集中するお互いムチャ振りされてもOKなように、とにかく
  32. 32. 最後に実践エンジニアとデザイナの合同ハッカソンがたまにあります(@tomorrowkey)
  33. 33. お互い高めあって キラーアプリに 挑戦して見ませんか?

×