Downloaded 21 times
Uploaded byNaoki Aoyama
最速でリリースするためのAndroidアプリデザイン
DroidKaigi2016発表資料です。 ビジネスチャットSync(http://www.wantedly.com/sync)のAndroid版のデザイン時にやった効率化策をまとめました。効率化だけじゃなくこだわっている部分ももちろんあるので、ぜひ使ってみてください。
最速でリリースするためのAndroidアプリデザイン
- 1. 最速でリリースするため の Android アプリデザイン Designer,Wantedly, Inc.青山 直樹
- 2. 自己紹介 青山 直樹 https://www.wantedly.com/projects/6708/staffings/104038 デザイナー。ソフトウェアプロダクトの UI/UXを中心に活動中だ がなんでもやりたい。 Wantedly,Inc. には昨年6月から勤務、それ以前は端末メーカーに て System UI、FW 周り、ホームなどを担当
- 3. Sync 2015年8月リリース ビジネスチャットアプリ AlbertEinstein.xls 川崎 禎紀 og_image.zip 青山 直樹 outToMeeting.png profile_2015.ppt 今井貴之 Team Wantedly Desktop.psd 森田 直樹 12:30 AlbertEinstein.xls 川崎 禎紀 og_image.png 青山 直樹 outToMeeting.png profile_2015.png 今井 貴之 Team Wantedly Desktop.png 森田 直樹 12:3012:30 Sync Android & iOS Team Wantedly @川崎 禎紀 ありがとうございます。 Welcome to the team ! Genki Yogi Group User Growth 弥真 岩永 勇輝 フィラース 37分ごろ到着します! 様々なプロダクトの初期フローUXの分析 これでしたっけ？ 11分前 27分前 1時間前 昨日 2 メッセージ つながり https://play.google.com/store/apps /details?id=com.wantedly.android.sync
- 4.
- 5. 開発体制 Sync Android AppTeam 青山直樹 住友孝郎 Designer Engineer
- 6.
- 7.
- 9.
- 10. デザイナーもコードを書く - 書いてみると、どんなデザインが効率的に組めるのかわかってくる - 共通の認識ができるので、コミュニケーションが円滑に -伝えきれない部分、こだわりたい部分は自身で巻き取れる いいことがいろいろ ぜひデザイナーに勧めてみてください！
- 11.
- 12. リソースの定義 デザインスタイルガイドに記載するような内容を、 そのままValuesにまず全部書いておき、それ以外は使わない - カラーパレット - 文字サイズの定義 -レイアウトグリッド - コンポーネントごとのスタイル
- 13.
- 14.
- 15.
- 16.
- 17. Drawables 画像作成の手間 - 解像度対応・リネームなどを省く AdobeIllustrator から各解像度ごとに書き出せるスクリプトを使 用して、リソースフォルダに直接書き出し https://github.com/austynmahoney/mobile-export-scripts-illustrator
- 18. Drawables 今後は Android Studio2.0の Vector Assets を利用予定！ SVGファイルを１つ用意すればOK、 Material Icons を簡単に読み込める 現在はバグがあってまだ使えていない
- 19.
- 20. - Support libraryが充実してきた -ドキュメントがしっかりしており、 共通認識が作りやすい - 体系だった仕組みがあるので、UIとして破綻が少ない - カスタマイズでブランド表現 今ならMaterial Designを 基本に考えるのが効率的
- 21. Support Library Floating ActionButton + Coordinator Layout + Snack Bar AlbertEinstein.xls 川崎 禎紀 og_image.png 青山 直樹 outToMeeting.png 青山 直樹 profile_2015.png 今井 貴之 Team Wantedly Desktop.png 森田 直樹 12:3012:30 Sync Android & iOS Team Wantedly @川崎 禎紀 ありがとうございます。 Welcome to the team ! Genki Yogi Group User Growth 弥真 岩永 勇輝 フィラース 37分ごろ到着します! 様々なプロダクトの初期フローUXの分析 これでしたっけ？ 11分前 27分前 1時間前 昨日 2 メッセージ つながり 145人に招待を送信しました
- 22.
- 23.
- 24. ドキュメントが充実 Googleが公開している Sticker Sheetを元に、カスタマイズした スタイルのデータを作成すると良い 抜け、漏れなく、カスタマイズ箇所を明確にできる
- 25.
- 26. まとめ - Material Designをベースにしてカスタマイズを考えよう -デザイナーもコードを書こう(書いてみよう） - リソースがきれいにまとまるデザインをしよう ざっくり
- 27. ご静聴ありがとうございました Thank you forlistening !