Android開発者とデザイナーの

効率的な連携に利く話

2012.03.24

西岡靖代／@lychee

山内洋典／@youten_redo

Android Bazaar and Conference 2012 Spring

本セッションは

A・Bの

だいたい2部構成

です

はじめにちょっと質問

1. どちらかといえばデザイナー

2. どちらかといえばプログラマー

3. その他（企画・営業・ユーザとか）

ありがとうございます

【パターンA】

ピラミッドの住民向け

ピラミッド？

8

みなさんどっちですか？

お金：A社

つくる：自社

仕様：B社

みんな自社

9

前半はとりあえずこっちの話です

お金：A社

つくる：自社

仕様：B社

僕はこのあたり

お客様は神様です

10

いまさら自己紹介

ようてん こと 山内 洋典

普段はIT系リーマンとしてAndroidのお仕事

発表とか書籍とかLTとか普段からAndroidで遊ばせてもらっています。

Twitter @youten_redo

blog ReDo

11

今日は具体的なノウハウの話はしません

デザイナに知っていて欲しい10個のAndroidのUIルール

プログラマとデザイナが共有すべきUIに関するAndroidの10の機能

今日は皆さんに

僕のいくつかの

愚痴実例を聞いてもらって

被害者や加害者が

減ったら良いなと

思っています

14

おやくそく

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

ふぃーちゃーふぉんつかい

が　あらわれた！

17

Lv1. Androidデバイスに慣れていない

＊＊「もどるボタンをがめんにおいてくれ」

＊＊「がめんしようしょと

　　　 １もじ１ピクセルおなじにしてくれ」

＊＊「iPhoneとおなじみためでたのむ」

18

Lv1. Androidデバイスに慣れていない

じゅもん [>さわらせる

ようてん「まずつかってみてくれ。　　　　　　Honeycombタブレットがない？じゃあこの　　　　　　OpPadを貸そう。Xoomもあるぞ。」

ようてん「ほら、このデバイスだとフォントが違うだろう。　　　　　　これとこれは同じアプリでもこれだけ見た目が　　　　　　変わっているんだ。標準UIも幅が広いな。」

19

Lv1. Androidデバイスに慣れていない

じゅもん [>りゆうをきく

ようてん「なんで戻るボタンが欲しいんだ？　　　　　　何？同じサービスがWebであるから？　　　　　　ハードキーが物理的に押せないかもしれない？」

ようてん「iPhoneだと画面に戻るボタンがある？　　　　　　マニュアル作成等サポートのコストを下げたいから　　　　　　なるべく同じデザインにしたい？」

ようてん「理由は分かった、仕様書に書いておこう。　　　　　　議事録にも書いておくぞ。」

20

Lv1. Androidデバイスに慣れていない

同じ業界の人なら、なんだかんだ言ってデジタルガジェットを楽しめる人が多い気がします。

もう少しライトの方なら、定番の「ウケがとれる」キラーアプリをあわせて教えてあげてください。

例HD画像のyoutubeとか

ShazamとかSoundHoundとか

鳥バーンとかねじまきナイトとか

SNSとかは登録面倒だからオススメしません。

ふぃーちゃーふぉんつかい

を　やっつけた！

なんと　ふぃーちゃーふぉん

つかいが おきあがり

新しいiPadを（

Webのぷろふぇっしょなる

が　あらわれた！

26

Lv2. 他プラットフォームの熟練者

＊＊「gifあにめーしょんでたのむ」

＊＊「HDで最高画質の背景画像を書いたぞ

　　　　えるてーいーなら　よゆうだろう」

＊＊「ばっちりえみゅれーたで確認したぞ

　　　　XMLとやらを渡せばいいらしいな」

27

Lv2. 他プラットフォームに慣れている

じゅもん [>かわりのすぐれたあん

ようてん「gifアニメはAndroidは苦手なんだ。　　　　　　標準で他のAnimationがあるぞ！　　　　　　gifアニメより軽くてぐりぐりいけるぞ！」

ようてん「背景画像をパターンやグラデーションにすると　　　　　　ファイルサイズがぐっと軽くなるぞ！　　　　　　回線は大丈夫でもRAMや内蔵ストレージは　　　　　　PCみたいには潤沢にないんだ、　　　　　　小さくした方が、モテるぞ！」

28

Lv2. 他プラットフォームに慣れている

じゅもん [>じっきをわたす

ようてん「そのmdpi-normalのXMLが、そのacroで　　　　　　どう表示されるとお思いか？」

ようてん「縦20pxのボタンが、指で全て隠れてしまうのを　　　　　　その目でとくと見届けるが良い！」

29

Lv2. 他プラットフォームの熟練者

「Android語」を「HTML語」「Flash語」「iOS語」に翻訳できると便利です。カッコイイです。単純に「Androidで○○はダメだ」という説明で終わりにし

ない。

他プラットフォームでも「ゲーム好きな人」は指の太さだけ教えてあげれば順応が早い気がします。基本的に「新しいゲーム＝新しいUI」だから？

Webのぷろふぇっしょなる

を　やっつけた！

まとめ

32

まとめ

じゅもん

[>かわりのすぐれたあん

[>さわらせる

[>じっきをわたす

[>りゆうをきく

あれ？

ちょっとレベル低い？

ピラミッド

階層構造・役割分担がしっかりしている

人数が多い・パワーが大きい

ベクトルをあわせること共通言語をもつこと意識をあわせることが、いちばん大事

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

36

ヘビーユーザとは？

1weekより、1month、1year

Androidだけより、AndroidとiPhone

スマホだけより、スマホとタブレット、それ以外

プリイン・無料アプリだけより、広告アプリ・有料アプリ

1キャリアだけより、2キャリア、3キャリア、グローバルモデル

ブラウザとメーラだけより、ツールとかゲーム、ソーシャルとかクリエイティブな

ちっともヘビーじゃない？

これぐらいは余裕？

そういう「下地」を常識にするこ

とができたら、

きっと素敵なサービスを

効率良く生み出せます

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

iAndroid

41

iAndroid

見た目iPh○neぽいAndroidの（主にUIの）こと

iPhoneアプリを何も考えずに移植してAndroidとして使いにくくなっている状態のこと

画面に戻るボタンがあったりわざわざBACKキーはつぶされていたり

画面にMENUボタンがあったりわざわざMENUキーは…

42

iAndroid

でも「みんな同じように使える」のは利点だよね

AndroidもAction Barとかついたし

iOSもNotificationとかついたし

43

iAndroid