Android UIの罠

6,449 views

Published on

Androidマーケットでアプリをどんどんインストールしていくと、アプリケーションによってUIがばらばらなのに気づきます。iOSでの開発と比べて、Androidではデザインを含め多くは開発者にゆだねられています。
この発表では、Androidでのデザインについて、僕が実際にアプリケーションを開発している上ではまった内容を列挙します。

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

No Downloads
Views
Total views
6,449
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
14
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Android UIの罠

  1. 1. AndroidのUIについて<br />@dekosuke<br />
  2. 2. AnrdoidアプリのUIの話をします<br />UI全般の話というよりは、Androidの特徴的な点についてです<br />Google推奨UIガイドラインに忠実な内容となっております<br />はじめに(前提)<br />
  3. 3. Android携帯<br />
  4. 4. Android端末は沢山ある・・・<br />↑の103件は色違い含むので、実際はその1/3ぐらいですが・・・<br />
  5. 5. 3ボタン(menu/home/back)or 4ボタン(+search)<br />ボタンの順番は端末によってばらばら(Android3.0以降のタブレット端末は、ソフトウェアボタン)<br />キーボードある端末もある<br />解像度は800*480が一番多いけど、ばらばら<br />ハードウェアいろいろ<br />
  6. 6. 下側にボタンを配置するべからず<br />下側にボタンを配置すると、Android固有のボタンとかぶる<br />後述のAction Bar/Tab Barの利用を推奨<br />
  7. 7. Androidで推奨されているレイアウト(Google IO 2010で発表)<br />海外のアプリはこれに沿ってるものが多い<br />実際に使いやすいかは(ry<br />Action Bar/Tab Bar<br />Action Bar<br />Tab Bar<br />
  8. 8. 一番必要なボタンは画面内(Action Barなど)に置く<br />あまり頻繁には押さないが、必要なボタンはメニューに入れる<br />操作ボタンの配置<br />画面内ボタン↓<br />メニュー↑<br />
  9. 9. 端末によって、ボタンの押しやすさには差がある<br />操作ボタンの配置<br />
  10. 10. Back Keyを使いましょう<br />Back Keyはすべての端末にある<br />画面に戻るボタンをおくのはやめましょう<br />戻るボタン<br />
  11. 11. Tapするボタンは大きめに配置しよう(Google IO 2010)<br />Google+/EverNoteのダッシュボード<br />タップのサイズ<br />
  12. 12. タッチ精度がiPhoneに比べてかなり悪いのでびっくりした(元ATOK開発者)<br />http://www.atmarkit.co.jp/news/201105/27/7notes.html<br />タッチスクリーン精度<br />
  13. 13. タッチスクリーン精度<br />iPhone<br />Android<br />
  14. 14. だめな例↓(あくまで例です)<br />アイコンのガイドライン<br />だめ<br />
  15. 15. Google公式のアイコンガイドライン<br />http://developer.android.com/guide/practices/ui_guidelines/icon_design.html<br />アイコンはちゃんと余白あけないとだめ<br />アイコンのガイドライン<br />
  16. 16. さまざまな画面サイズに対応できる汎用リソース<br />すっごい伸びるよ<br />専用のエディタあり<br />9-Patch画像<br />
  17. 17. Android標準のアイコンなどのリソースが使える(SDK付属)<br />android-sdkplatformsandroid-Xdatares<br />Anrdoid付属のリソース<br />
  18. 18. 他のアプリを呼び出せる & 他のアプリからの呼び出しを受け取れる<br />iPhoneより優れている数少ない点<br />呼び出す側の例 – twitter連携(ブラウザ呼び出し)<br />受け取る側の例 – メディアプレイヤー<br />インテント<br />
  19. 19. ご清聴ありがとうございました<br />

×