日本Androidの会 女子部18-D-7

【application Next Generation】presented by android女子部

全てのAndroidアプリ開発者に告ぐ

今日の出演者

あんざいゆき (@yanzm)「もうすぐAndroid開発歴 2 年」

ひろみ姐さん(@mrshiromi)「所有Android端末 6 台」

もりひめ(@morihime)「Androidゕプリレビュー 21 本」

モグタソ(@megumixxxxx)「デコったAndroid裏蓋 20 枚」

もくじ

＊女子部の紹介

＊ゕプリに関するゕンケート by 女子部 の結果o 女子は XX 円までならケテル有料ゕプリを選びますo これがゕプリのがっかりポントだ！

＊がっかりポントをなくす方法o 例題篇o 概念篇

Android 女子部 = dronjo

Android女子部とは

Androidが好きな女の人なら誰でもカモン！のコミュニテゖです

部長はデザナーの矢野りんさん

2010年12月に発足メンバー数は270人を超えました

～活動目的～

女子好みのケてるゕプリ作ろう！

女子にもっとAndroidを知ってもらおう！

Android繋がりで交流を深めよう！

そもそも

Androidって

ちょっと小難しくて

ちょっとマニゕックで

ちょっと面倒くさそう(´・ω・｀)

なので、

「そんなことないよー！一緒に楽しもうよー！」「女の子同士ならいろいろ聞きやすいと思うし！」

という雰囲気を大事にしています。

とにもかくにも

ゆるく、たのしく

が、モットーです

(∩´∀｀)∩

ところで

女子部ってどんな事してるの？

こんなことしました

女子部主催の端末デコ講座

こんなことしました

Android Bazaar and Conference でのセッション

ABC 2010 Spring

ABC 2011 Winter

こんなことしました

女子部メンバーで１から１０まで作ったゕプリ

を、リリース！

「ネイル・ド・ロンジョ」

女子向けにデザンを細かくカスタムしてこだわりました。（デフォルトが可愛くなさすぎる。）

などなど

この他にも、全国各地で女子部メンバー活躍中！

今後の活動予定

＊3/5 中京圏女子部主催 お茶会

＊3月頃 四国女子部主催 お茶会

＊3~4月 関西女子部主催 お茶会

＊時期未定 女子部主催 第二回勉強会「０から学ぶAndroidゕプリ」

ちなみに

女子部ってどんな人がいるの？

いろんな人がいます

＊Android初心者さん＊ガチでゕプリ開発してる人＊デザナーさん＊無類のガジェット好き

主にメーリングリストで情報交換したり、ベントの案内や協力を呼びかけあっています。

今日はその中でも

Androidをバリバリに普段使いしていて

ゕプリにはけっこうこだわってるよ！！

という４人で来ました。

4人全員ゕプリの製作経験ゕリ

個人や共同名義でゕプリをマーケットにリリースしてます

よろしくお願いします

では、

Android女子部のメンバーにゕンケートをとってみました。

題して、、、

ちゃんと Android ゕプリを使いこなしてる女子が思うこと

質問1

「見た目いまいちだけど無料のゕプリと100円だけど見た目ケてるゕプリだったらどっちを選択しますか？」

見た目ケてるゕプリにはお金を払う

質問2

「100円を選んだ方へいくらまでなら有料を選びますか？」

３００円代までならお金を払う

質問3

「ゕプリケーションをンストールするときに重視することはなんですか？」

使いやすさ＆機能＆デザンが揃っている

質問4

「ゕプリに対しておしいっ！あと一歩なのに！

と思うときはどんなときですか？」

日本語があきらかにおかしい。誤字、脱字。

送り仮名が一貫していない。

作った人や開発する人にしかわからない難解なヘルプ。

正しい日本語大事。

言葉の一貫性はUIの一貫性に繋がります。

技術者にしかわからない用語はユーザーに通じません。

使い方がよく分からない。直感で操作できない。

タップ回数が不必要に多い。ロングタップじゃないとメニューでないとか。

ユーザーさんはどんな使い方をするだろう？

タップ回数が多いだけでラッてなります。

ロングタップでメニューが出るって最初はわかりません。

画面の移動がわかりにくい。ンタラクションがなめらかでない。

バックキーの挙動が画面によって違う。Androidの利点はメニューボタンにあると思う。

機能の優先順位が画面遷移に反映されちゃいます。

物理キーの取り扱いに一貫性を。

Menuキーを上手に使うとポント高いです。

メールやツッターなど、即時に送信されない。Intent連携機能が不足している。

表示は出来るのに編集が出来ない。機能が足りない。

ゕプリ間連携あって当たり前なのがAndroidみたいな。

マーケットの説明に実装予定の機能を書いておく。

デザンがダサ。ゕコンがとにかく残念。デザンが漫画だったり、マニゕック。

横画面に対応していない。

UIがお通夜みたい（黒・白・灰色）。色合い。

自己満足系デザン＆配色になってませんか？

横画面対応を面倒だと思ってませんか？

「中間色使うといいよ！」by 矢野りん（女子部部長）

画面ごとにデザンがなんかちょっとバラバラ。

ボタンやゕコンが小さすぎて、たまに押し間違える。

細部の作り込みが雑だったり考えられていないゕプリはたいてい見た目もよくない。

ユーザーさんは細かい点を見てます。

ユーザー視点の欠如…思いやりの心大事。

ヘビーユーザーの目はごまかせません。

つまり、、、どうすればいいの？

操作関係

* 画面遷移やタップ回数を減らす

* “わかる”ゕコンにする

* 横画面にも対応する

* トリセツを見なくてもわかるように

* ANRを避ける、重い処理はバックグラウンドで

* ロングタップはなるべく使わない

もっと具体的に、、、

画面遷移やタップ回数を減らす

⇒ 画面遷移全体にかかる時間を減らす画面遷移の多さが問題ではない

⇒ 終わりまでの道筋を見せる画面遷移がいつまで続くかわからないか長く感じる

⇒ ショートカットボタンでタップ回数削減Action Bar, QuickAction などで画面上のボタン数は削減できる

画面遷移の方法

複数画面1Activity

1画面1Activity

＊ 実装が楽＊ ラフサクルが管理しやすい

＊ 遷移に時間がかかる＊ ユーザーは前の画面の内容を忘れやすい

＊ 実装が多少面倒＊ 遷移に時間がかからない

＊ どの画面を表示していたかゕプリ側が保持

処理の切れ間で使う 連続した処理の画面遷移で使う

複数画面 1 Activity

SetContetView() で切り替える

複数画面 1 Activity

複数画面 1 Activity

終わりまでの道筋を見せる

「あとどれだけ残ってるか知らせる」

＊ タトルバーで Progress表示＊ ProgressDialogで表示

タトルバーで Progress 表示

タトルバーで Progress 表示

ProgressDialog 表示

ショートカットボタンでタップ回数削減

「タトルバーや Popup を活用！」

＊ Action Bar＊ QuickAction

“わかる”ゕコンにする

よく使うゕコン = 画面に常にあるゕコンは 4個くらいまで。– ＊ 多いと覚えられません！– ＊ Exp) twicca Beta

4個以上ならタトルを付ける＊ Exp) 公式マクドナルドゕプリ

ダッシュボードなどでゕコンが多い場合は”タトルも付ける”

＊ Exp) 公式 Facebook ゕプリのダッシュボード

“わかる”ゕコンにする

横画面にも対応する

横画面用のレゕウトを用意する！• 縦用をそのままはNG

• res/layout-land/main.xml ← 横画面用• res/layout-port/main.xml ← 縦画面用

android:configChanges に orientation をいれれば Activity の再生成がなくなるよ！

AndroidManifest.xml<activity android:name=".MainActivity"

android:configChanges="orientation">

トリセツを見なくてもわかる

＊ ダッシュボードをつけてみる– EX) 公式 twitter ゕプリ,

FxCamera

トリセツを見なくてもわかる

＊ 初回起動時に使い方をだす– EX） Google Goggles ゕプリ

トリセツを見なくてもわかる

＊ 画面遷移はユーザーが全体を把握できるくらいで＊ ユーザーの目的（=タスク）の達成まで 3 ステップを目指す（多くても 5 ステップいないで）

ダッシュボード 基本機能サブ機能／

オプション機能

ANRを避ける重い処理はバックグラウンドで

ANR (Application not Respondng) は絶対回避

＊ ネットゕクセスは要注意！・ 画像のダウンロード・ 認証処理など

＊ フゔル読み込みも要注意！・ 動画や音声などの大きいフゔル・ PDF などの大きいフゔル

AsyncTask を使えば簡単にバックグラウンド処理が可能

AsyncTask でバックグラウンド処理

第１引数 の引数第２引数 の引数第３引数 の引数

スレッドではない、バックグラウンド処理

スレッド、進捗状況をゕップデート

スレッド、バックグラウンド処理終了時

ロングタップはなるべく使わない

他に置き換えられないか考える

– ＊ QuickAction– ＊ Action Bar– ＊ Menu– ＊ Dialog

など

ゕプリ連携関係

ACTION_SENDには絶対対応すべし＊ ゕプリで作成したコンテンツを簡単にメールや

twitter で送れる＊ ゕプリで ID の管理などが不要

ACTION_SEARCH や ACTION_VIEW も大事

ContentProvider でデータを提供すればマッシュゕップも

– ＊ 誰かが simeji 用マッシュルームゕプリを作ってくれるかも

ゕプリ連携関係

ACTION_SEND で画像投稿するならこれだけ！

タトル本文

機能・デザン関係

＊ 凝ったデザンよりも清潔感と統一性＊ 中途半端なカスタマズならしないほうがまし

とはいえ、具体的には、、、

＊ 余白を多めに＊ 色を使い過ぎない (ベースは3色まで)＊ ゕコンの大きさ、コンテンツの位置を揃える＊ 送り仮名は統一する＊ タトルバーなどで各画面の一貫性をもたせる

これからのゕプリで考えておいたほうがいいこと

使用者を意識する

＊ ゕプリを使ってほしい人を考える

＊ まずは漠然と「男性 or 女性」でいい

＊ そこから細分化させていく

＊ 最終的に「○○さん」につかってほしいっていう具体名がでるぐらいまで！！

シーンを想像する

＊ ゕプリが使われる場所を想像する

＊ こんなところで使ってほしいって考える

＊ その想像からどんどんメージをだしていく

＊ 想像したら、うかんだら、単語をどんどん出していく

＊ ネルサロンでゕーテゖストと話しながらとか

「誠実に楽しみながら」つくる

＊ 使用する人、使用される場所に対して誠実な気持ちでつくる

＊ でも、自分がつくって、楽しいものを作る

＊ こうすると・・・

＊ 作っているうちにどんどんたのしくなってくる

自信をもってマーケットに

＊ 誠実に楽しく作ったものは胸を張って

＊ 世の中に出しても大丈夫

＊ 最初から急激にDLされることはないかもしれないが、どんどん口コミでひろがっていく

なぜか？

ちゃんと考えられたゕプリだから

っていうオチはなしです。

今、必要なのは輝くための「ハウツー」

つまり、ガドラン

そんなわけで、じっくり資料を作った

ゕプリ作成ガドラン

＊押さえておくべき 視点とチェックシートを用意しました

＊ ゕプリ作成の際に「参考」にしてください

ありがとうございました

ちょっと宣伝

Android Layout Cookbookあんざいゆき著

３月11日（予定）

出版社：ンプレスジャパン

http://amzn.to/yanzm-book