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
おやくそく
本発表における実例は概ねフィクションであり、実在の人物・団体・プロジェクトなどとは一切関係n
ふぃーちゃーふぉんつかい
が あらわれた!
17
Lv1. Androidデバイスに慣れていない
**「もどるボタンをがめんにおいてくれ」
**「がめんしようしょと
1もじ1ピクセルおなじにしてくれ」
**「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