7
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ガイドラインを守ること。

Posted at

はじめに。


AndroidのUI/UXを考える上で、
【Google推奨の...】ということをよく言われるので、共有します。

何気なくボタンのサイズを決めたり、配置を決めたりするのではなく、ガイドラインを
守って考えることが、ユーザーに広く受け入れられるアプリになっていくのだと思います。

何も知らなかった私は例えばデモを作る段階でも適当に作っていたのですが、
ガイドラインを守るとやはりスッキリします!

タップ領域の推奨のサイズは


Androidの場合、重要なタップターゲットは48dp以上と推奨されています。
その中で、実際の画像のサイズであったり、余白のサイズの推奨も定められています。

参考:https://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-touch-target-size

ちなみにiOSでは


ちょっと表が細かいですが、
最小サイズは44px x 44pxが推奨されているようです。(iPhone6とiPhone5の場合)

参考:https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1

所感


いろんな統計とか思想を元に定められているのだと思いますが、
アプリ開発に携わるまで、こういった基準があることすら知りませんでした。

とても簡単な紹介になってしまいましたが、
単純に面白いなと思ったのと、しっかりとガイドラインを守って
アプリ開発を進めようと反省しましたので共有でした!

タップ領域以外にもいろいろ掲載されているので、
興味のある方は見てみてください!

7
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?