全てのAndroidアプリ開発者に次ぐ【application Next Generation】presented by android女子部  18-D-7         日本Androidの会 女子部
今日の出演者  あんざいゆき (@yanzm)  「もうすぐAndroid開発歴 2 年」           ひろみ姐さん(@mrshiromi)            「所有Android端末 6 台」  モグタソ(@megumixxxxx...
もくじ*女子部の紹介*ゕプリに関するゕンケート by 女子部 の結果 o   女子は XX 円までなら゗ケテル有料ゕプリを選びます o   これがゕプリのがっかりポ゗ントだ!*がっかりポ゗ントをなくす方法 o   例題篇 o   概念篇
Android 女子部 = dronjo
Android女子部とはAndroidが好きな女の人なら誰でもカモン!         のコミュニテゖです    部長はデザ゗ナーの矢野りんさん     2010年12月に発足  メンバー数は270人を超えました
~活動目的~ 女子好みの゗ケてるゕプリ作ろう!女子にもっとAndroidを知ってもらおう! Android繋がりで交流を深めよう!
そもそも
Androidって   ちょっと小難しくて  ちょっとマニゕックでちょっと面倒くさそう(´・ω・`)
なので、「そんなことないよー!一緒に楽しもうよー!」「女の子同士ならいろいろ聞きやすいと思うし!」    という雰囲気を大事にしています。
とにもかくにもゆるく、たのしくが、モットーです  (∩´∀`)∩
ところで
女子部ってどんな事してるの?
こんなことしました女子部主催の端末デコ講座
こんなことしました  ABC 2010 Spring                      ABC 2011 WinterAndroid Bazaar and Conference でのセッション
こんなことしました    女子部メンバーで 1から10まで作ったゕプリ「ネイル・ド・ロンジョ」    を、リリース!
女子向けにデザ゗ンを細かくカスタムしてこだわりました。     (デフォルトが可愛くなさすぎる。)
などなど
この他にも、全国各地で女子部メンバー活躍中!
今後の活動予定*3/5 中京圏女子部主催 お茶会*3月頃 四国女子部主催 お茶会*3~4月 関西女子部主催 お茶会*時期未定 女子部主催 第二回勉強会「0から学ぶAndroidゕプリ」
ちなみに
女子部ってどんな人がいるの?
いろんな人がいます   *Android初心者さん   *ガチでゕプリ開発してる人   *デザ゗ナーさん   *無類のガジェット好き 主にメーリングリストで情報交換したり、゗ベントの案内や協力を呼びかけあっています。
今日はその中でもAndroidをバリバリに普段使いしていてゕプリにはけっこうこだわってるよ!!    という4人で来ました。
4人全員ゕプリの製作経験ゕリ     個人や共同名義でゕプリをマーケットにリリースしてます
よろしくお願いします
では、
Android女子部のメンバーにゕンケートをとってみました。       題して、、、
ちゃんと Android ゕプリを使いこなしてる女子が思うこと
質問1「見た目いまいちだけど無料のゕプリと 100円だけど見た目゗ケてるゕプリ だったらどっちを選択しますか?」
見た目゗ケてるゕプリには    お金を払う
質問2     「100円を選んだ方へ いくらまでなら有料を選びますか?」
300円代までならお金を払う
質問3 「ゕプリケーションを゗ンストールする  ときに重視することはなんですか?」
使いやすさ&機能&デザ゗ン    が揃っている
質問4   「ゕプリに対しておしいっ!      あと一歩なのに! と思うときはどんなときですか?」
日本語があきらかにおかしい。誤字、脱字。送り仮名が一貫していない。作った人や開発する人にしかわからない難解なヘルプ。  正しい日本語大事。  言葉の一貫性はUIの一貫性に繋がります。  技術者にしかわからない用語はユーザーに  通じません。
使い方がよく分からない。直感で操作できない。タップ回数が不必要に多い。ロングタップじゃないとメニューでないとか。  ユーザーさんはどんな使い方をするだろう?  タップ回数が多いだけで゗ラッてなります。  ロングタップでメニューが出るって最初は ...
画面の移動がわかりにくい。゗ンタラクションがなめらかでない。バックキーの挙動が画面によって違う。Androidの利点はメニューボタンにあると思う。  機能の優先順位が画面遷移に反映されちゃい  ます。  物理キーの取り扱いに一貫性を。  Men...
メールやツ゗ッターなど、即時に送信されない。Intent連携機能が不足している。表示は出来るのに編集が出来ない。機能が足りない。  ゕプリ間連携あって当たり前なのがAndroid  みたいな。  マーケットの説明に実装予定の機能を書いて  おく。
デザ゗ンがダサ゗。ゕ゗コンがとにかく残念。デザ゗ンが漫画だったり、マニゕック。横画面に対応していない。UIがお通夜みたい(黒・白・灰色)。色合い。  自己満足系デザ゗ン&配色になってませんか?  横画面対応を面倒だと思ってませんか?  「中間色...
画面ごとにデザ゗ンがなんかちょっとバラバラ。ボタンやゕ゗コンが小さすぎて、たまに押し間違える。細部の作り込みが雑だったり考えられていないゕプリはたいてい見た目もよくない。  ユーザーさんは細かい点を見てます。  ユーザー視点の欠如…思いやりの心...
つまり、、、どうすればいいの?
操作関係* 画面遷移やタップ回数を減らす* “わかる”ゕ゗コンにする* 横画面にも対応する* トリセツを見なくてもわかるように* ANRを避ける、重い処理はバックグラウンドで* ロングタップはなるべく使わない
もっと具体的に、、、
画面遷移やタップ回数を減らす⇒ 画面遷移全体にかかる時間を減らす  画面遷移の多さが問題ではない⇒ 終わりまでの道筋を見せる  画面遷移がいつまで続くかわからないか  長く感じる⇒ ショートカットボタンでタップ回数削減  Action Bar,...
画面遷移の方法1画面             複数画面1Activity       1Activity * 実装が楽         * 実装が多少面倒 * ラ゗フサ゗クルが管    * 遷移に時間がかか 理しやすい          らない...
複数画面 1 Activity SetContetView() で切り替える
複数画面 1 Activity
複数画面 1 Activity
終わりまでの道筋を見せる「あとどれだけ残ってるか知らせる」 * タ゗トルバーで Progress表示 * ProgressDialogで表示
タ゗トルバーで Progress 表示
タ゗トルバーで Progress 表示
ProgressDialog 表示
ショートカットボタンでタップ回数削減「タ゗トルバーや Popup を活用!」 * Action Bar * QuickAction
“わかる”ゕ゗コンにするよく使うゕ゗コン = 画面に常にあるゕ゗コンは 4個く らいまで。 – * 多いと覚えられません! – * Exp) twicca Beta4個以上ならタ゗トルを付ける  * Exp) 公式マクドナルドゕプリ
“わかる”ゕ゗コンにするダッシュボードなどでゕ゗コンが多い場合は”タ゗トルも付ける”* Exp) 公式 Facebook ゕプリのダッシュボード
横画面にも対応する横画面用のレ゗ゕウトを用意する!• 縦用をそのままはNG• res/layout-land/main.xml ← 横画面用• res/layout-port/main.xml ← 縦画面用android:configChang...
トリセツを見なくてもわかる* ダッシュボードをつけてみる  – EX) 公式 twitter ゕプリ,       FxCamera
トリセツを見なくてもわかる* 初回起動時に使い方をだす  – EX) Google Goggles ゕプリ
トリセツを見なくてもわかる* 画面遷移はユーザーが全体を把握できるくらいで* ユーザーの目的(=タスク)の達成まで 3 ステップを目指す(多くても 5 ステップいないで)                   サブ機能/ダッシュボード   基本機...
ANRを避ける重い処理はバックグラウンドでANR (Application not Respondng) は絶対回避  * ネットゕクセスは要注意!     ・ 画像のダウンロード     ・ 認証処理など  * フゔ゗ル読み込みも要注意!  ...
AsyncTask でバックグラウンド処理 第1引数          の引数 第2引数           の引数 第3引数         の引数   スレッドではない、バックグラウンド処理   スレッド、進捗状況をゕップデート   スレッ...
ロングタップはなるべく使わない他に置き換えられないか考える –*   QuickAction –*   Action Bar –*   Menu –*   Dialogなど
ゕプリ連携関係ACTION_SENDには絶対対応すべし  * ゕプリで作成したコンテンツを簡単にメールや    twitter で送れる  * ゕプリで ID の管理などが不要ACTION_SEARCH や ACTION_VIEW も大事Con...
ゕプリ連携関係ACTION_SEND で画像投稿するならこれだけ!                        タ゗トル                      本文
機能・デザ゗ン関係* 凝ったデザ゗ンよりも清潔感と統一性* 中途半端なカスタマ゗ズならしないほうがましとはいえ、具体的には、、、*   余白を多めに*   色を使い過ぎない (ベースは3色まで)*   ゕ゗コンの大きさ、コンテンツの位置を揃える...
これからのゕプリで考えておいたほうがいいこと
使用者を意識する* ゕプリを使ってほしい人を考える* まずは漠然と「男性 or 女性」でいい* そこから細分化させていく* 最終的に「○○さん」につかってほしいっていう具体名がでるぐらいまで!!
シーンを想像する* ゕプリが使われる場所を想像する* こんなところで使ってほしいって考える* その想像からどんどん゗メージをだしていく* 想像したら、うかんだら、単語をどんどん出していく* ネ゗ルサロンでゕーテゖストと話しながらとか
「誠実に楽しみながら」つくる* 使用する人、使用される場所に対して誠実な気持ちでつくる* でも、自分がつくって、楽しいものを作る* こうすると・・・* 作っているうちにどんどんたのしくなってくる
自信をもってマーケットに* 誠実に楽しく作ったものは胸を張って* 世の中に出しても大丈夫* 最初から急激にDLされることはないかもしれないが、どんどん口コミでひろがっていくなぜか?
ちゃんと考えられたゕプリだから
っていうオチはなしです。
今、必要なのは輝くための   「ハウツー」 つまり、ガ゗ドラ゗ン
そんなわけで、じっくり資料を作った
ゕプリ作成ガ゗ドラ゗ン*押さえておくべき 視点とチェックシートを用意しました* ゕプリ作成の際に「参考」にしてください
ありがとうございました
ちょっと宣伝         Android Layout Cookbook              あんざいゆき著            3月11日(予定)          出版社:゗ンプレスジャパン         http://amz...
Upcoming SlideShare
Loading in …5
×

application Next Generation presented by android女子部

5,325 views

Published on

developer summit 2011 の講演スライド

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,325
On SlideShare
0
From Embeds
0
Number of Embeds
73
Actions
Shares
0
Downloads
84
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

application Next Generation presented by android女子部

  1. 1. 全てのAndroidアプリ開発者に次ぐ【application Next Generation】presented by android女子部 18-D-7 日本Androidの会 女子部
  2. 2. 今日の出演者 あんざいゆき (@yanzm) 「もうすぐAndroid開発歴 2 年」 ひろみ姐さん(@mrshiromi) 「所有Android端末 6 台」 モグタソ(@megumixxxxx) 「デコったAndroid裏蓋 20 枚」 もりひめ(@morihime) 「Androidゕプリレビュー 21 本」
  3. 3. もくじ*女子部の紹介*ゕプリに関するゕンケート by 女子部 の結果 o 女子は XX 円までなら゗ケテル有料ゕプリを選びます o これがゕプリのがっかりポ゗ントだ!*がっかりポ゗ントをなくす方法 o 例題篇 o 概念篇
  4. 4. Android 女子部 = dronjo
  5. 5. Android女子部とはAndroidが好きな女の人なら誰でもカモン! のコミュニテゖです 部長はデザ゗ナーの矢野りんさん 2010年12月に発足 メンバー数は270人を超えました
  6. 6. ~活動目的~ 女子好みの゗ケてるゕプリ作ろう!女子にもっとAndroidを知ってもらおう! Android繋がりで交流を深めよう!
  7. 7. そもそも
  8. 8. Androidって ちょっと小難しくて ちょっとマニゕックでちょっと面倒くさそう(´・ω・`)
  9. 9. なので、「そんなことないよー!一緒に楽しもうよー!」「女の子同士ならいろいろ聞きやすいと思うし!」 という雰囲気を大事にしています。
  10. 10. とにもかくにもゆるく、たのしくが、モットーです (∩´∀`)∩
  11. 11. ところで
  12. 12. 女子部ってどんな事してるの?
  13. 13. こんなことしました女子部主催の端末デコ講座
  14. 14. こんなことしました ABC 2010 Spring ABC 2011 WinterAndroid Bazaar and Conference でのセッション
  15. 15. こんなことしました 女子部メンバーで 1から10まで作ったゕプリ「ネイル・ド・ロンジョ」 を、リリース!
  16. 16. 女子向けにデザ゗ンを細かくカスタムしてこだわりました。 (デフォルトが可愛くなさすぎる。)
  17. 17. などなど
  18. 18. この他にも、全国各地で女子部メンバー活躍中!
  19. 19. 今後の活動予定*3/5 中京圏女子部主催 お茶会*3月頃 四国女子部主催 お茶会*3~4月 関西女子部主催 お茶会*時期未定 女子部主催 第二回勉強会「0から学ぶAndroidゕプリ」
  20. 20. ちなみに
  21. 21. 女子部ってどんな人がいるの?
  22. 22. いろんな人がいます *Android初心者さん *ガチでゕプリ開発してる人 *デザ゗ナーさん *無類のガジェット好き 主にメーリングリストで情報交換したり、゗ベントの案内や協力を呼びかけあっています。
  23. 23. 今日はその中でもAndroidをバリバリに普段使いしていてゕプリにはけっこうこだわってるよ!! という4人で来ました。
  24. 24. 4人全員ゕプリの製作経験ゕリ 個人や共同名義でゕプリをマーケットにリリースしてます
  25. 25. よろしくお願いします
  26. 26. では、
  27. 27. Android女子部のメンバーにゕンケートをとってみました。 題して、、、
  28. 28. ちゃんと Android ゕプリを使いこなしてる女子が思うこと
  29. 29. 質問1「見た目いまいちだけど無料のゕプリと 100円だけど見た目゗ケてるゕプリ だったらどっちを選択しますか?」
  30. 30. 見た目゗ケてるゕプリには お金を払う
  31. 31. 質問2 「100円を選んだ方へ いくらまでなら有料を選びますか?」
  32. 32. 300円代までならお金を払う
  33. 33. 質問3 「ゕプリケーションを゗ンストールする ときに重視することはなんですか?」
  34. 34. 使いやすさ&機能&デザ゗ン が揃っている
  35. 35. 質問4 「ゕプリに対しておしいっ! あと一歩なのに! と思うときはどんなときですか?」
  36. 36. 日本語があきらかにおかしい。誤字、脱字。送り仮名が一貫していない。作った人や開発する人にしかわからない難解なヘルプ。 正しい日本語大事。 言葉の一貫性はUIの一貫性に繋がります。 技術者にしかわからない用語はユーザーに 通じません。
  37. 37. 使い方がよく分からない。直感で操作できない。タップ回数が不必要に多い。ロングタップじゃないとメニューでないとか。 ユーザーさんはどんな使い方をするだろう? タップ回数が多いだけで゗ラッてなります。 ロングタップでメニューが出るって最初は わかりません。
  38. 38. 画面の移動がわかりにくい。゗ンタラクションがなめらかでない。バックキーの挙動が画面によって違う。Androidの利点はメニューボタンにあると思う。 機能の優先順位が画面遷移に反映されちゃい ます。 物理キーの取り扱いに一貫性を。 Menuキーを上手に使うとポ゗ント高いです。
  39. 39. メールやツ゗ッターなど、即時に送信されない。Intent連携機能が不足している。表示は出来るのに編集が出来ない。機能が足りない。 ゕプリ間連携あって当たり前なのがAndroid みたいな。 マーケットの説明に実装予定の機能を書いて おく。
  40. 40. デザ゗ンがダサ゗。ゕ゗コンがとにかく残念。デザ゗ンが漫画だったり、マニゕック。横画面に対応していない。UIがお通夜みたい(黒・白・灰色)。色合い。 自己満足系デザ゗ン&配色になってませんか? 横画面対応を面倒だと思ってませんか? 「中間色使うといいよ!」 by 矢野りん(女子部部長)
  41. 41. 画面ごとにデザ゗ンがなんかちょっとバラバラ。ボタンやゕ゗コンが小さすぎて、たまに押し間違える。細部の作り込みが雑だったり考えられていないゕプリはたいてい見た目もよくない。 ユーザーさんは細かい点を見てます。 ユーザー視点の欠如…思いやりの心大事。 ヘビーユーザーの目はごまかせません。
  42. 42. つまり、、、どうすればいいの?
  43. 43. 操作関係* 画面遷移やタップ回数を減らす* “わかる”ゕ゗コンにする* 横画面にも対応する* トリセツを見なくてもわかるように* ANRを避ける、重い処理はバックグラウンドで* ロングタップはなるべく使わない
  44. 44. もっと具体的に、、、
  45. 45. 画面遷移やタップ回数を減らす⇒ 画面遷移全体にかかる時間を減らす 画面遷移の多さが問題ではない⇒ 終わりまでの道筋を見せる 画面遷移がいつまで続くかわからないか 長く感じる⇒ ショートカットボタンでタップ回数削減 Action Bar, QuickAction などで画面上の ボタン数は削減できる
  46. 46. 画面遷移の方法1画面 複数画面1Activity 1Activity * 実装が楽 * 実装が多少面倒 * ラ゗フサ゗クルが管 * 遷移に時間がかか 理しやすい らない * 遷移に時間がかかる * どの画面を表示し * ユーザーは前の画面 ていたかゕプリ側が の内容を忘れやすい 保持処理の切れ間で使う 連続した処理の画面遷移で 使う
  47. 47. 複数画面 1 Activity SetContetView() で切り替える
  48. 48. 複数画面 1 Activity
  49. 49. 複数画面 1 Activity
  50. 50. 終わりまでの道筋を見せる「あとどれだけ残ってるか知らせる」 * タ゗トルバーで Progress表示 * ProgressDialogで表示
  51. 51. タ゗トルバーで Progress 表示
  52. 52. タ゗トルバーで Progress 表示
  53. 53. ProgressDialog 表示
  54. 54. ショートカットボタンでタップ回数削減「タ゗トルバーや Popup を活用!」 * Action Bar * QuickAction
  55. 55. “わかる”ゕ゗コンにするよく使うゕ゗コン = 画面に常にあるゕ゗コンは 4個く らいまで。 – * 多いと覚えられません! – * Exp) twicca Beta4個以上ならタ゗トルを付ける * Exp) 公式マクドナルドゕプリ
  56. 56. “わかる”ゕ゗コンにするダッシュボードなどでゕ゗コンが多い場合は”タ゗トルも付ける”* Exp) 公式 Facebook ゕプリのダッシュボード
  57. 57. 横画面にも対応する横画面用のレ゗ゕウトを用意する!• 縦用をそのままはNG• res/layout-land/main.xml ← 横画面用• res/layout-port/main.xml ← 縦画面用android:configChanges に orientation をいれれば Activity の再生成がなくなるよ!AndroidManifest.xml<activity android:name=".MainActivity" android:configChanges="orientation">
  58. 58. トリセツを見なくてもわかる* ダッシュボードをつけてみる – EX) 公式 twitter ゕプリ, FxCamera
  59. 59. トリセツを見なくてもわかる* 初回起動時に使い方をだす – EX) Google Goggles ゕプリ
  60. 60. トリセツを見なくてもわかる* 画面遷移はユーザーが全体を把握できるくらいで* ユーザーの目的(=タスク)の達成まで 3 ステップを目指す(多くても 5 ステップいないで) サブ機能/ダッシュボード 基本機能 オプション機能
  61. 61. ANRを避ける重い処理はバックグラウンドでANR (Application not Respondng) は絶対回避 * ネットゕクセスは要注意! ・ 画像のダウンロード ・ 認証処理など * フゔ゗ル読み込みも要注意! ・ 動画や音声などの大きいフゔ゗ル ・ PDF などの大きいフゔ゗ルAsyncTask を使えば簡単にバックグラウンド処理が可能
  62. 62. AsyncTask でバックグラウンド処理 第1引数 の引数 第2引数 の引数 第3引数 の引数 スレッドではない、バックグラウンド処理 スレッド、進捗状況をゕップデート スレッド、バックグラウンド処理終了時
  63. 63. ロングタップはなるべく使わない他に置き換えられないか考える –* QuickAction –* Action Bar –* Menu –* Dialogなど
  64. 64. ゕプリ連携関係ACTION_SENDには絶対対応すべし * ゕプリで作成したコンテンツを簡単にメールや twitter で送れる * ゕプリで ID の管理などが不要ACTION_SEARCH や ACTION_VIEW も大事ContentProvider でデータを提供すればマッシュゕップも – * 誰かが simeji 用マッシュルームゕプリを作って くれるかも
  65. 65. ゕプリ連携関係ACTION_SEND で画像投稿するならこれだけ! タ゗トル 本文
  66. 66. 機能・デザ゗ン関係* 凝ったデザ゗ンよりも清潔感と統一性* 中途半端なカスタマ゗ズならしないほうがましとはいえ、具体的には、、、* 余白を多めに* 色を使い過ぎない (ベースは3色まで)* ゕ゗コンの大きさ、コンテンツの位置を揃える* 送り仮名は統一する* タ゗トルバーなどで各画面の一貫性をもたせる
  67. 67. これからのゕプリで考えておいたほうがいいこと
  68. 68. 使用者を意識する* ゕプリを使ってほしい人を考える* まずは漠然と「男性 or 女性」でいい* そこから細分化させていく* 最終的に「○○さん」につかってほしいっていう具体名がでるぐらいまで!!
  69. 69. シーンを想像する* ゕプリが使われる場所を想像する* こんなところで使ってほしいって考える* その想像からどんどん゗メージをだしていく* 想像したら、うかんだら、単語をどんどん出していく* ネ゗ルサロンでゕーテゖストと話しながらとか
  70. 70. 「誠実に楽しみながら」つくる* 使用する人、使用される場所に対して誠実な気持ちでつくる* でも、自分がつくって、楽しいものを作る* こうすると・・・* 作っているうちにどんどんたのしくなってくる
  71. 71. 自信をもってマーケットに* 誠実に楽しく作ったものは胸を張って* 世の中に出しても大丈夫* 最初から急激にDLされることはないかもしれないが、どんどん口コミでひろがっていくなぜか?
  72. 72. ちゃんと考えられたゕプリだから
  73. 73. っていうオチはなしです。
  74. 74. 今、必要なのは輝くための 「ハウツー」 つまり、ガ゗ドラ゗ン
  75. 75. そんなわけで、じっくり資料を作った
  76. 76. ゕプリ作成ガ゗ドラ゗ン*押さえておくべき 視点とチェックシートを用意しました* ゕプリ作成の際に「参考」にしてください
  77. 77. ありがとうございました
  78. 78. ちょっと宣伝 Android Layout Cookbook あんざいゆき著 3月11日(予定) 出版社:゗ンプレスジャパン http://amzn.to/yanzm-book

×