1. Android開発者とデザイナーの
効率的な連携に利く話
西岡靖代 @lychee
頓智ドット株式会社

2. パターンB
企画・デザイン・開発
全部自社
アジャイル開発

3. いいことばかり？
公開後、話題にならないと
即お蔵入り

4. 野望
みんなにも広く使ってもらえて
自社の（自分の）代表作になるようなアプリ
＝ キラーアプリ
やりましょう

5. 最近の傾向
キラーアプリ
＝ 機能とデザインと技術が融合したアプリ
Path
Pinterest
Clear(?) etc.

6. 求められるもの
機能美
世界観を表すデザイン
効果的なアニメーション、音

7. 求められるもの
機能美
世界観を表すデザイン
効果的なアニメーション、音
UI/UXを優先した
スムーズな連携が不可欠

8. 連携のコツ
リソースやり取り編
プロジェクト編
信頼関係編

9. 連携のコツ

10. ありがちなこと(1)
9-patchを教えられたけどうまくつかえない...
9-patchは確かにむずかしい
エンジニア発祥のツールなため、デザイナーには考
え方が理解出来ない
ツールがヘボくて、エンジニアですら使うの苦痛な
レベル

11. 解決策(1)
9-patchはエンジニアがあてろ！
デザイナーはデザインに注力

12. ありがちなこと(2)
メールでリソースファイル（画像、htmlファイル)をやり
とり
エンジニアとデザイナーとがそれぞれリソースファイ
ルが管理
デザイナーはさしかえたいリソースファイルを自由に
さしかえられない

13. 解決策
命名ルールは最初に決めておく
htmlの表示確認の為に確認ツールを作成
メールは使わずサーバで一元管理
オンラインストレージだとなおよし
Dropbox, SugarSync, etc

14. 解決策
命名ルールは最初に決めておく
htmlの表示確認の為に確認ツールを作成
一元管理で管理ミスが減る。
メールは使わずサーバ経由で
今後ますます連携がはかどる。
オンラインストレージだとなおよし
Dropbox, SugarSync, etc

15. 解決策+1
構成管理ツールが使えたら神
git, subversion, etc
オンラインリポジトリ(Github,bitbucket,等)の利
用も

16. Github for Mac
デザイナーのための
Github for Mac の
使い方
http://
kuroigamen.com/

17. 連携のコツ

18. ありがちなこと(3)
ワイヤーフレーム渡されたけど、必要な作業の範囲が
はっきりしない...何をどこまでやるべき？

19. 解決策(3)
ワイヤーフレーム時点から打ち合わせして役割分担を
決めてしまう
エンジニアは単純なデザインは自分で実装する
デザイナーはUI/UXに注力
どうしても時間のかかる処理は、デザイナーに
フィードバック

20. エンジニアができること
背景の繰り返し
ハイライト
角丸
（単純な）グラデー
ション
影／縁取り

21. エンジニアができないこと
タイトル画像
背景画像
矢印
アイコン

22. そのかわり...
どうしても時間のかかる処理
位置情報取得
サーバへの通信処理
画像表示／処理
画像認識
カメラの起動・終了

23. そのかわり...
どうしても時間のかかる処理
位置情報取得
サーバへの通信処理
UI/UX優先で役割分担。
今後ますます連携がはかどる。
画像表示／処理
画像認識
カメラの起動・終了

24. ありがちなこと(4)
エンジニアはプロジェクト管理ツールを使われるが、デ
ザイナーには必要な時のみスケジュールの調整や追加依
頼、フィードバックを都度メールで連絡される。
デザイナーからはプロジェクトの全体感が見えない
開発側の都合に振り回される

25. 解決策
プロジェクト管理ツールでデザイン作業も含め管理
Redmine
Pivotal Tracker

26. Pivotal Tracker
http://www.pivotaltracker.com

27. 連携のコツ

28. 信頼関係を築くためには
高いスキル
責任感
信頼

29. 高いスキル
デザイナー
Androidのデザインノウハウは知っておく
UI/UXデザイン力
エンジニア
デザイナーがデザインに集中できるよう、スマート
なコミュニケーション環境を準備

30. 高いスキル
デザイナー
Androidのデザインノウハウは知っておく
なにより新しい発想を
UI/UXデザイン力
楽しんでやれる
エンジニア
デザイナーがデザインに集中できるよう、スマート
なコミュニケーション環境を準備

31. まとめ
効率的な連携のためには、ツールも使う
エンジニアはデザイナーがデザイン作業に集中できる
よう、その技術力でフォローする
デザイナーは 小さい作業はエンジニアにお任せし、
UI/UXに集中する
お互いムチャ振りされてもOKなように、とにかく

32. 最後に実践
エンジニアとデザイナの合同ハッカソンがたまにあり
ます(@tomorrowkey)

33. お互い高めあって
キラーアプリに
挑戦して見ませんか？