Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Android UIの罠

6,614 views

Published on

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

  • Follow the link, new dating source: ❤❤❤ http://bit.ly/2F7hN3u ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating direct: ♥♥♥ http://bit.ly/2F7hN3u ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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 />

×