1. Android Bazaar and Conference 2012 Spring
Android開発者とデザイナーの
効率的な連携に利く話
2012.03.24
西岡靖代／@lychee
山内洋典／@youten_redo

2. 本セッションは
A・Bの
だいたい2部構成
です

3. はじめにちょっと質問

4. 1. どちらかといえばデザイナー
2. どちらかといえばプログラマー
3. その他（企画・営業・ユーザとか）

5. ありがとうございます

6. 【パターンA】
ピラミッドの住民向け

7. ピラミッド？

8. みなさんどっちですか？
みんな自社
お金：A社
仕様：B社
つくる：自社
8

9. 前半はとりあえずこっちの話です
お金：A社
仕様：B社
お客様は
神様です
つくる：自社
僕は
このあたり
9

10. いまさら自己紹介
ようてん こと 山内 洋典
普段はIT系リーマンとしてAndroidのお仕事
発表とか書籍とかLTとか普段からAndroidで遊
ばせてもらっています。
Twitter @youten_redo
blog ReDo
10

11. 今日は具体的なノウハウの話はしません
デザイナに知っていて欲しい10個のAndroidのUIルール
プログラマとデザイナが共有すべきUIに関するAndroidの10
の機能
11

12. 今日は皆さんに
僕のいくつかの
愚痴実例を聞いてもらって

13. 被害者や加害者が
減ったら良いなと
思っています

14. おやくそく
 本発表における実例は概ねフィクションであり、実在
の人物・団体・プロジェクトなどとは一切関係ｎ
14

16. ふぃーちゃーふぉんつかい
が あらわれた！

17. Lv1. Androidデバイスに慣れていない
＊＊「もどるボタンをがめんにおいてくれ」
＊＊「がめんしようしょと
１もじ１ピクセルおなじにしてくれ」
＊＊「iPhoneとおなじみためでたのむ」
17

18. Lv1. Androidデバイスに慣れていない
じゅもん [>さわらせる
ようてん「まずつかってみてくれ。
Honeycombタブレットがない？じゃあこの
OpPadを貸そう。Xoomもあるぞ。」
ようてん「ほら、このデバイスだとフォントが違うだろう。
これとこれは同じアプリでもこれだけ見た目が
変わっているんだ。標準UIも幅が広いな。」
18

19. Lv1. Androidデバイスに慣れていない
じゅもん [>りゆうをきく
ようてん「なんで戻るボタンが欲しいんだ？
何？同じサービスがWebであるから？
ハードキーが物理的に押せないかもしれない？」
ようてん「iPhoneだと画面に戻るボタンがある？
マニュアル作成等サポートのコストを下げたいから
なるべく同じデザインにしたい？」
ようてん「理由は分かった、仕様書に書いておこう。
議事録にも書いておくぞ。」
19

20. Lv1. Androidデバイスに慣れていない
 同じ業界の人なら、なんだかんだ言ってデジタルガ
ジェットを楽しめる人が多い気がします。
 もう少しライトの方なら、定番の「ウケがとれる」キ
ラーアプリをあわせて教えてあげてください。
例
HD画像のyoutubeとか
ShazamとかSoundHoundとか
鳥バーンとかねじまきナイトとか
SNSとかは登録面倒だからオススメしません。
20

21. ふぃーちゃーふぉんつかい
を やっつけた！

22. なんと ふぃーちゃーふぉん
つかいが おきあがり

23. 新しいiPadを（

25. Webのぷろふぇっしょなる
が あらわれた！

26. Lv2. 他プラットフォームの熟練者
＊＊「gifあにめーしょんでたのむ」
＊＊「HDで最高画質の背景画像を書いたぞ
えるてーいーなら よゆうだろう」
＊＊「ばっちりえみゅれーたで確認したぞ
XMLとやらを渡せばいいらしいな」
26

27. Lv2. 他プラットフォームに慣れている
じゅもん [>かわりのすぐれたあん
ようてん「gifアニメはAndroidは苦手なんだ。
標準で他のAnimationがあるぞ！
gifアニメより軽くてぐりぐりいけるぞ！」
ようてん「背景画像をパターンやグラデーションにすると
ファイルサイズがぐっと軽くなるぞ！
回線は大丈夫でもRAMや内蔵ストレージは
PCみたいには潤沢にないんだ、
小さくした方が、モテるぞ！」
27

28. Lv2. 他プラットフォームに慣れている
じゅもん [>じっきをわたす
ようてん「そのmdpi-normalのXMLが、そのacroで
どう表示されるとお思いか？」
ようてん「縦20pxのボタンが、指で全て隠れてしまうのを
その目でとくと見届けるが良い！」
28

29. Lv2. 他プラットフォームの熟練者
 「Android語」を「HTML語」「Flash語」「iOS語」に翻
訳できると便利です。カッコイイです。
単純に「Androidで○○はダメだ」という説明で終わりにし
ない。
 他プラットフォームでも「ゲーム好きな人」は指の太さ
だけ教えてあげれば順応が早い気がします。
基本的に「新しいゲーム＝新しいUI」だから？
29

30. Webのぷろふぇっしょなる
を やっつけた！

31. まとめ

32. まとめ
じゅもん [>さわらせる
[>りゆうをきく
[>かわりのすぐれたあん
[>じっきをわたす
32

33. あれ？
ちょっとレベル低い？

34. ピラミッド
階層構造・役割分担がしっかりしている
人数が多い・パワーが大きい
ベクトルをあわせること
共通言語をもつこと
意識をあわせること
が、いちばん大事

35. ヘビーユーザになってください

36. ヘビーユーザとは？
 1weekより、1month、1year
 Androidだけより、AndroidとiPhone
 スマホだけより、スマホとタブレット、それ以外
 プリイン・無料アプリだけより、広告アプリ・有料アプ
リ
 1キャリアだけより、2キャリア、3キャリア、グローバル
モデル
 ブラウザとメーラだけより、ツールとかゲーム、ソー
シャルとかクリエイティブな
36

37. ちっともヘビーじゃない？
これぐらいは余裕？

38. そういう「下地」を常識にするこ
とができたら、
きっと素敵なサービスを
効率良く生み出せます

39. 以下、発表にはつかわない付録

40. iAndroid

41. iAndroid
 見た目iPh○neぽいAndroidの（主にUIの）こと
 iPhoneアプリを何も考えずに移植してAndroidとして
使いにくくなっている状態のこと
 画面に戻るボタンがあったり
わざわざBACKキーはつぶされていたり
 画面にMENUボタンがあったり
わざわざMENUキーは…
41

42. iAndroid
 でも「みんな同じように使える」のは利点だよね
 AndroidもAction Barとかついたし
 iOSもNotificationとかついたし
42

43. iAndroid
43